/*
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);
  --panel-title-background-color: var(--color-background-secondary);
  --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-backogrund-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);
  --flow-tag-background-color: var(--color-background-tertiary);
  --flow-tag-foreground-color: var(--color-foreground-secondary);
  --flow-tag-background-color-hover: var(--color-background-quaternary);
  --flow-tag-foreground-color-hover: var(--color-accent-primary);
  --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);
  --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 main_ui_components_button_link__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_components_button_link__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_components_button_link__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_components_button_link__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_components_button_link__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_components_button_link__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_components_button_link__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_components_button_link__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_components_button_link__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_button_link__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_button_link__new-scrollbar ::placeholder,
.main_ui_components_button_link__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_components_button_link__button-primary, .main_ui_components_button_link__modal-danger-btn, .main_ui_components_button_link__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_components_button_link__button-primary:focus-visible, .main_ui_components_button_link__modal-danger-btn:focus-visible, .main_ui_components_button_link__modal-accept-btn: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);
}
.main_ui_components_button_link__button-primary:focus-visible svg, .main_ui_components_button_link__modal-danger-btn:focus-visible svg, .main_ui_components_button_link__modal-accept-btn:focus-visible svg,
.main_ui_components_button_link__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_components_button_link__button-primary svg, .main_ui_components_button_link__modal-danger-btn svg, .main_ui_components_button_link__modal-accept-btn svg,
.main_ui_components_button_link__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_components_button_link__button-primary:hover, .main_ui_components_button_link__modal-danger-btn:hover, .main_ui_components_button_link__modal-accept-btn: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;
}
.main_ui_components_button_link__button-primary:hover svg, .main_ui_components_button_link__modal-danger-btn:hover svg, .main_ui_components_button_link__modal-accept-btn:hover svg,
.main_ui_components_button_link__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_components_button_link__button-primary:active, .main_ui_components_button_link__modal-danger-btn:active, .main_ui_components_button_link__modal-accept-btn: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;
}
.main_ui_components_button_link__button-primary:active svg, .main_ui_components_button_link__modal-danger-btn:active svg, .main_ui_components_button_link__modal-accept-btn:active svg,
.main_ui_components_button_link__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_components_button_link__button-primary.disabled, .main_ui_components_button_link__modal-danger-btn.disabled, .main_ui_components_button_link__modal-accept-btn.disabled, .main_ui_components_button_link__button-primary[disabled], [disabled].main_ui_components_button_link__modal-danger-btn, [disabled].main_ui_components_button_link__modal-accept-btn, .main_ui_components_button_link__button-primary:disabled, .main_ui_components_button_link__modal-danger-btn:disabled, .main_ui_components_button_link__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_button_link__button-secondary, .main_ui_components_button_link__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_button_link__button-secondary:focus-visible, .main_ui_components_button_link__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_button_link__button-secondary:focus-visible svg, .main_ui_components_button_link__modal-cancel-btn:focus-visible svg,
.main_ui_components_button_link__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_button_link__button-secondary svg, .main_ui_components_button_link__modal-cancel-btn svg,
.main_ui_components_button_link__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_button_link__button-secondary:hover, .main_ui_components_button_link__modal-cancel-btn: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;
}
.main_ui_components_button_link__button-secondary:hover svg, .main_ui_components_button_link__modal-cancel-btn:hover svg,
.main_ui_components_button_link__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_components_button_link__button-secondary:active, .main_ui_components_button_link__modal-cancel-btn: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);
}
.main_ui_components_button_link__button-secondary:active svg, .main_ui_components_button_link__modal-cancel-btn:active svg,
.main_ui_components_button_link__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_components_button_link__button-secondary.disabled, .main_ui_components_button_link__modal-cancel-btn.disabled, .main_ui_components_button_link__button-secondary[disabled], [disabled].main_ui_components_button_link__modal-cancel-btn, .main_ui_components_button_link__button-secondary:disabled, .main_ui_components_button_link__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_button_link__button-tertiary, .main_ui_components_button_link__attr-title button, .main_ui_components_button_link__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_components_button_link__button-tertiary:focus-visible, .main_ui_components_button_link__attr-title button:focus-visible, .main_ui_components_button_link__modal-close-btn-base: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);
}
.main_ui_components_button_link__button-tertiary:focus-visible svg, .main_ui_components_button_link__attr-title button:focus-visible svg, .main_ui_components_button_link__modal-close-btn-base:focus-visible svg,
.main_ui_components_button_link__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_components_button_link__button-tertiary svg, .main_ui_components_button_link__attr-title button svg, .main_ui_components_button_link__modal-close-btn-base svg,
.main_ui_components_button_link__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_components_button_link__button-tertiary:hover, .main_ui_components_button_link__attr-title button:hover, .main_ui_components_button_link__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_components_button_link__button-tertiary:hover svg, .main_ui_components_button_link__attr-title button:hover svg, .main_ui_components_button_link__modal-close-btn-base:hover svg,
.main_ui_components_button_link__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_components_button_link__button-tertiary:active, .main_ui_components_button_link__attr-title button:active, .main_ui_components_button_link__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_button_link__button-tertiary:active svg, .main_ui_components_button_link__attr-title button:active svg, .main_ui_components_button_link__modal-close-btn-base:active svg,
.main_ui_components_button_link__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_button_link__button-tertiary.disabled, .main_ui_components_button_link__attr-title button.disabled, .main_ui_components_button_link__modal-close-btn-base.disabled, .main_ui_components_button_link__button-tertiary[disabled], .main_ui_components_button_link__attr-title button[disabled], [disabled].main_ui_components_button_link__modal-close-btn-base, .main_ui_components_button_link__button-tertiary:disabled, .main_ui_components_button_link__attr-title button:disabled, .main_ui_components_button_link__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_components_button_link__button-tertiary.disabled svg, .main_ui_components_button_link__attr-title button.disabled svg, .main_ui_components_button_link__modal-close-btn-base.disabled svg,
.main_ui_components_button_link__button-tertiary.disabled span svg, .main_ui_components_button_link__button-tertiary[disabled] svg, .main_ui_components_button_link__attr-title button[disabled] svg, [disabled].main_ui_components_button_link__modal-close-btn-base svg,
.main_ui_components_button_link__button-tertiary[disabled] span svg, .main_ui_components_button_link__button-tertiary:disabled svg, .main_ui_components_button_link__attr-title button:disabled svg, .main_ui_components_button_link__modal-close-btn-base:disabled svg,
.main_ui_components_button_link__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_components_button_link__button-icon-selected {
  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);
}
.main_ui_components_button_link__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_components_button_link__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_components_button_link__button-radio: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);
}
.main_ui_components_button_link__button-radio:focus-visible svg,
.main_ui_components_button_link__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_components_button_link__button-radio svg,
.main_ui_components_button_link__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_components_button_link__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_components_button_link__button-radio:hover svg,
.main_ui_components_button_link__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_components_button_link__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_components_button_link__button-radio:active svg,
.main_ui_components_button_link__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_components_button_link__button-warning {
  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);
}

.main_ui_components_button_link__button-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;
}

.main_ui_components_button_link__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_button_link__button-tag: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);
}
.main_ui_components_button_link__button-tag:focus-visible svg,
.main_ui_components_button_link__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_components_button_link__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_components_button_link__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_components_button_link__button-icon, .main_ui_components_button_link__empty-icon svg, .main_ui_components_button_link__modal-close-btn-base svg, .main_ui_components_button_link__button-icon-small, .main_ui_components_button_link__dropdown-element-base span svg, .main_ui_components_button_link__attr-title button svg, .main_ui_components_button_link__checkbox-icon.intermediate svg, .main_ui_components_button_link__input-checkbox label span.intermediate svg, .main_ui_components_button_link__checkbox-icon.checked svg, .main_ui_components_button_link__input-checkbox label span.checked svg, .main_ui_components_button_link__input-element span svg,
.main_ui_components_button_link__input-element label svg, .main_ui_components_button_link__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_components_button_link__button-icon-small, .main_ui_components_button_link__dropdown-element-base span svg, .main_ui_components_button_link__attr-title button svg, .main_ui_components_button_link__checkbox-icon.intermediate svg, .main_ui_components_button_link__input-checkbox label span.intermediate svg, .main_ui_components_button_link__checkbox-icon.checked svg, .main_ui_components_button_link__input-checkbox label span.checked svg, .main_ui_components_button_link__input-element span svg,
.main_ui_components_button_link__input-element label svg, .main_ui_components_button_link__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_components_button_link__input-base, .main_ui_components_button_link__input-with-label input, .main_ui_components_button_link__input-element-label input, .main_ui_components_button_link__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_button_link__input-base[disabled], .main_ui_components_button_link__input-with-label input[disabled], .main_ui_components_button_link__input-element-label input[disabled], .main_ui_components_button_link__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_components_button_link__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_components_button_link__input-label, .main_ui_components_button_link__input-element span,
.main_ui_components_button_link__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_components_button_link__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_components_button_link__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_button_link__input-element span svg,
.main_ui_components_button_link__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_components_button_link__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_button_link__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_button_link__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_button_link__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_button_link__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_button_link__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_components_button_link__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_components_button_link__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_button_link__input-element:focus, .main_ui_components_button_link__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_button_link__input-element:focus span, .main_ui_components_button_link__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_button_link__input-element:focus input, .main_ui_components_button_link__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_button_link__input-element:focus:hover, .main_ui_components_button_link__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_button_link__input-element:focus:hover span, .main_ui_components_button_link__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_button_link__input-element:focus:hover input, .main_ui_components_button_link__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_components_button_link__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_components_button_link__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_components_button_link__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_button_link__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_button_link__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_button_link__input-element-label:focus-within input, .main_ui_components_button_link__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_components_button_link__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_components_button_link__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_button_link__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_components_button_link__input-with-label input:focus-within, .main_ui_components_button_link__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_button_link__input-with-label input:focus-within input, .main_ui_components_button_link__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_button_link__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_components_button_link__modal-overlay-base {
  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);
}

.main_ui_components_button_link__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_components_button_link__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_components_button_link__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_components_button_link__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_components_button_link__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_button_link__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_button_link__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_components_button_link__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_components_button_link__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_components_button_link__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_components_button_link__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_components_button_link__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_components_button_link__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_components_button_link__colorpicker-handler {
  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;
}
.main_ui_components_button_link__colorpicker-handler:hover, .main_ui_components_button_link__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_components_button_link__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_components_button_link__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_components_button_link__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_components_button_link__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_components_button_link__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_button_link__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_components_button_link__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_components_button_link__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_components_button_link__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_components_button_link__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_components_button_link__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_components_button_link__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_components_button_link__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_components_button_link__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_components_button_link__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_components_button_link__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_components_button_link__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_components_button_link__button {
  -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;
}
.main_ui_components_button_link__button svg {
  height: 20px;
  width: 20px;
}
@keyframes main_ui_components_code_block__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_components_code_block__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_components_code_block__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_components_code_block__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_components_code_block__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_components_code_block__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_components_code_block__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_components_code_block__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_components_code_block__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_code_block__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_code_block__new-scrollbar ::placeholder,
.main_ui_components_code_block__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_components_code_block__button-primary, .main_ui_components_code_block__modal-danger-btn, .main_ui_components_code_block__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_components_code_block__button-primary:focus-visible, .main_ui_components_code_block__modal-danger-btn:focus-visible, .main_ui_components_code_block__modal-accept-btn: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);
}
.main_ui_components_code_block__button-primary:focus-visible svg, .main_ui_components_code_block__modal-danger-btn:focus-visible svg, .main_ui_components_code_block__modal-accept-btn:focus-visible svg,
.main_ui_components_code_block__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_components_code_block__button-primary svg, .main_ui_components_code_block__modal-danger-btn svg, .main_ui_components_code_block__modal-accept-btn svg,
.main_ui_components_code_block__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_components_code_block__button-primary:hover, .main_ui_components_code_block__modal-danger-btn:hover, .main_ui_components_code_block__modal-accept-btn: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;
}
.main_ui_components_code_block__button-primary:hover svg, .main_ui_components_code_block__modal-danger-btn:hover svg, .main_ui_components_code_block__modal-accept-btn:hover svg,
.main_ui_components_code_block__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_components_code_block__button-primary:active, .main_ui_components_code_block__modal-danger-btn:active, .main_ui_components_code_block__modal-accept-btn: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;
}
.main_ui_components_code_block__button-primary:active svg, .main_ui_components_code_block__modal-danger-btn:active svg, .main_ui_components_code_block__modal-accept-btn:active svg,
.main_ui_components_code_block__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_components_code_block__button-primary.disabled, .main_ui_components_code_block__modal-danger-btn.disabled, .main_ui_components_code_block__modal-accept-btn.disabled, .main_ui_components_code_block__button-primary[disabled], [disabled].main_ui_components_code_block__modal-danger-btn, [disabled].main_ui_components_code_block__modal-accept-btn, .main_ui_components_code_block__button-primary:disabled, .main_ui_components_code_block__modal-danger-btn:disabled, .main_ui_components_code_block__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_code_block__button-secondary, .main_ui_components_code_block__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_code_block__button-secondary:focus-visible, .main_ui_components_code_block__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_code_block__button-secondary:focus-visible svg, .main_ui_components_code_block__modal-cancel-btn:focus-visible svg,
.main_ui_components_code_block__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_code_block__button-secondary svg, .main_ui_components_code_block__modal-cancel-btn svg,
.main_ui_components_code_block__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_code_block__button-secondary:hover, .main_ui_components_code_block__modal-cancel-btn: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;
}
.main_ui_components_code_block__button-secondary:hover svg, .main_ui_components_code_block__modal-cancel-btn:hover svg,
.main_ui_components_code_block__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_components_code_block__button-secondary:active, .main_ui_components_code_block__modal-cancel-btn: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);
}
.main_ui_components_code_block__button-secondary:active svg, .main_ui_components_code_block__modal-cancel-btn:active svg,
.main_ui_components_code_block__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_components_code_block__button-secondary.disabled, .main_ui_components_code_block__modal-cancel-btn.disabled, .main_ui_components_code_block__button-secondary[disabled], [disabled].main_ui_components_code_block__modal-cancel-btn, .main_ui_components_code_block__button-secondary:disabled, .main_ui_components_code_block__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_code_block__button-tertiary, .main_ui_components_code_block__attr-title button, .main_ui_components_code_block__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_components_code_block__button-tertiary:focus-visible, .main_ui_components_code_block__attr-title button:focus-visible, .main_ui_components_code_block__modal-close-btn-base: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);
}
.main_ui_components_code_block__button-tertiary:focus-visible svg, .main_ui_components_code_block__attr-title button:focus-visible svg, .main_ui_components_code_block__modal-close-btn-base:focus-visible svg,
.main_ui_components_code_block__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_components_code_block__button-tertiary svg, .main_ui_components_code_block__attr-title button svg, .main_ui_components_code_block__modal-close-btn-base svg,
.main_ui_components_code_block__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_components_code_block__button-tertiary:hover, .main_ui_components_code_block__attr-title button:hover, .main_ui_components_code_block__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_components_code_block__button-tertiary:hover svg, .main_ui_components_code_block__attr-title button:hover svg, .main_ui_components_code_block__modal-close-btn-base:hover svg,
.main_ui_components_code_block__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_components_code_block__button-tertiary:active, .main_ui_components_code_block__attr-title button:active, .main_ui_components_code_block__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_code_block__button-tertiary:active svg, .main_ui_components_code_block__attr-title button:active svg, .main_ui_components_code_block__modal-close-btn-base:active svg,
.main_ui_components_code_block__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_code_block__button-tertiary.disabled, .main_ui_components_code_block__attr-title button.disabled, .main_ui_components_code_block__modal-close-btn-base.disabled, .main_ui_components_code_block__button-tertiary[disabled], .main_ui_components_code_block__attr-title button[disabled], [disabled].main_ui_components_code_block__modal-close-btn-base, .main_ui_components_code_block__button-tertiary:disabled, .main_ui_components_code_block__attr-title button:disabled, .main_ui_components_code_block__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_components_code_block__button-tertiary.disabled svg, .main_ui_components_code_block__attr-title button.disabled svg, .main_ui_components_code_block__modal-close-btn-base.disabled svg,
.main_ui_components_code_block__button-tertiary.disabled span svg, .main_ui_components_code_block__button-tertiary[disabled] svg, .main_ui_components_code_block__attr-title button[disabled] svg, [disabled].main_ui_components_code_block__modal-close-btn-base svg,
.main_ui_components_code_block__button-tertiary[disabled] span svg, .main_ui_components_code_block__button-tertiary:disabled svg, .main_ui_components_code_block__attr-title button:disabled svg, .main_ui_components_code_block__modal-close-btn-base:disabled svg,
.main_ui_components_code_block__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_components_code_block__button-icon-selected {
  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);
}
.main_ui_components_code_block__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_components_code_block__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_components_code_block__button-radio: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);
}
.main_ui_components_code_block__button-radio:focus-visible svg,
.main_ui_components_code_block__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_components_code_block__button-radio svg,
.main_ui_components_code_block__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_components_code_block__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_components_code_block__button-radio:hover svg,
.main_ui_components_code_block__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_components_code_block__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_components_code_block__button-radio:active svg,
.main_ui_components_code_block__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_components_code_block__button-warning {
  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);
}

.main_ui_components_code_block__button-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;
}

.main_ui_components_code_block__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_code_block__button-tag: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);
}
.main_ui_components_code_block__button-tag:focus-visible svg,
.main_ui_components_code_block__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_components_code_block__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_components_code_block__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_components_code_block__button-icon, .main_ui_components_code_block__empty-icon svg, .main_ui_components_code_block__modal-close-btn-base svg, .main_ui_components_code_block__button-icon-small, .main_ui_components_code_block__dropdown-element-base span svg, .main_ui_components_code_block__attr-title button svg, .main_ui_components_code_block__checkbox-icon.intermediate svg, .main_ui_components_code_block__input-checkbox label span.intermediate svg, .main_ui_components_code_block__checkbox-icon.checked svg, .main_ui_components_code_block__input-checkbox label span.checked svg, .main_ui_components_code_block__input-element span svg,
.main_ui_components_code_block__input-element label svg, .main_ui_components_code_block__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_components_code_block__button-icon-small, .main_ui_components_code_block__dropdown-element-base span svg, .main_ui_components_code_block__attr-title button svg, .main_ui_components_code_block__checkbox-icon.intermediate svg, .main_ui_components_code_block__input-checkbox label span.intermediate svg, .main_ui_components_code_block__checkbox-icon.checked svg, .main_ui_components_code_block__input-checkbox label span.checked svg, .main_ui_components_code_block__input-element span svg,
.main_ui_components_code_block__input-element label svg, .main_ui_components_code_block__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_components_code_block__input-base, .main_ui_components_code_block__input-with-label input, .main_ui_components_code_block__input-element-label input, .main_ui_components_code_block__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_code_block__input-base[disabled], .main_ui_components_code_block__input-with-label input[disabled], .main_ui_components_code_block__input-element-label input[disabled], .main_ui_components_code_block__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_components_code_block__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_components_code_block__input-label, .main_ui_components_code_block__input-element span,
.main_ui_components_code_block__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_components_code_block__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_components_code_block__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_code_block__input-element span svg,
.main_ui_components_code_block__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_components_code_block__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_code_block__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_code_block__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_code_block__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_code_block__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_code_block__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_components_code_block__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_components_code_block__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_code_block__input-element:focus, .main_ui_components_code_block__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_code_block__input-element:focus span, .main_ui_components_code_block__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_code_block__input-element:focus input, .main_ui_components_code_block__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_code_block__input-element:focus:hover, .main_ui_components_code_block__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_code_block__input-element:focus:hover span, .main_ui_components_code_block__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_code_block__input-element:focus:hover input, .main_ui_components_code_block__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_components_code_block__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_components_code_block__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_components_code_block__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_code_block__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_code_block__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_code_block__input-element-label:focus-within input, .main_ui_components_code_block__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_components_code_block__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_components_code_block__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_code_block__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_components_code_block__input-with-label input:focus-within, .main_ui_components_code_block__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_code_block__input-with-label input:focus-within input, .main_ui_components_code_block__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_code_block__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_components_code_block__modal-overlay-base {
  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);
}

.main_ui_components_code_block__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_components_code_block__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_components_code_block__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_components_code_block__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_components_code_block__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_code_block__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_code_block__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_components_code_block__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_components_code_block__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_components_code_block__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_components_code_block__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_components_code_block__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_components_code_block__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_components_code_block__colorpicker-handler {
  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;
}
.main_ui_components_code_block__colorpicker-handler:hover, .main_ui_components_code_block__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_components_code_block__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_components_code_block__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_components_code_block__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_components_code_block__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_components_code_block__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_code_block__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_components_code_block__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_components_code_block__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_components_code_block__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_components_code_block__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_components_code_block__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_components_code_block__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_components_code_block__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_components_code_block__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_components_code_block__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_components_code_block__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_components_code_block__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_components_code_block__code-display {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.75rem;
  background-color: var(--menu-background-color);
  color: var(--input-foreground-color-active);
  overflow: auto;
}
@keyframes main_ui_components_color_bullet__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_components_color_bullet__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_components_color_bullet__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_components_color_bullet__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_components_color_bullet__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_components_color_bullet__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_components_color_bullet__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_components_color_bullet__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_components_color_bullet__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_color_bullet__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_color_bullet__new-scrollbar ::placeholder,
.main_ui_components_color_bullet__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_components_color_bullet__button-primary, .main_ui_components_color_bullet__modal-danger-btn, .main_ui_components_color_bullet__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_components_color_bullet__button-primary:focus-visible, .main_ui_components_color_bullet__modal-danger-btn:focus-visible, .main_ui_components_color_bullet__modal-accept-btn: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);
}
.main_ui_components_color_bullet__button-primary:focus-visible svg, .main_ui_components_color_bullet__modal-danger-btn:focus-visible svg, .main_ui_components_color_bullet__modal-accept-btn:focus-visible svg,
.main_ui_components_color_bullet__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_components_color_bullet__button-primary svg, .main_ui_components_color_bullet__modal-danger-btn svg, .main_ui_components_color_bullet__modal-accept-btn svg,
.main_ui_components_color_bullet__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_components_color_bullet__button-primary:hover, .main_ui_components_color_bullet__modal-danger-btn:hover, .main_ui_components_color_bullet__modal-accept-btn: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;
}
.main_ui_components_color_bullet__button-primary:hover svg, .main_ui_components_color_bullet__modal-danger-btn:hover svg, .main_ui_components_color_bullet__modal-accept-btn:hover svg,
.main_ui_components_color_bullet__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_components_color_bullet__button-primary:active, .main_ui_components_color_bullet__modal-danger-btn:active, .main_ui_components_color_bullet__modal-accept-btn: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;
}
.main_ui_components_color_bullet__button-primary:active svg, .main_ui_components_color_bullet__modal-danger-btn:active svg, .main_ui_components_color_bullet__modal-accept-btn:active svg,
.main_ui_components_color_bullet__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_components_color_bullet__button-primary.disabled, .main_ui_components_color_bullet__modal-danger-btn.disabled, .main_ui_components_color_bullet__modal-accept-btn.disabled, .main_ui_components_color_bullet__button-primary[disabled], [disabled].main_ui_components_color_bullet__modal-danger-btn, [disabled].main_ui_components_color_bullet__modal-accept-btn, .main_ui_components_color_bullet__button-primary:disabled, .main_ui_components_color_bullet__modal-danger-btn:disabled, .main_ui_components_color_bullet__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_color_bullet__button-secondary, .main_ui_components_color_bullet__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_color_bullet__button-secondary:focus-visible, .main_ui_components_color_bullet__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_color_bullet__button-secondary:focus-visible svg, .main_ui_components_color_bullet__modal-cancel-btn:focus-visible svg,
.main_ui_components_color_bullet__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_color_bullet__button-secondary svg, .main_ui_components_color_bullet__modal-cancel-btn svg,
.main_ui_components_color_bullet__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_color_bullet__button-secondary:hover, .main_ui_components_color_bullet__modal-cancel-btn: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;
}
.main_ui_components_color_bullet__button-secondary:hover svg, .main_ui_components_color_bullet__modal-cancel-btn:hover svg,
.main_ui_components_color_bullet__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_components_color_bullet__button-secondary:active, .main_ui_components_color_bullet__modal-cancel-btn: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);
}
.main_ui_components_color_bullet__button-secondary:active svg, .main_ui_components_color_bullet__modal-cancel-btn:active svg,
.main_ui_components_color_bullet__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_components_color_bullet__button-secondary.disabled, .main_ui_components_color_bullet__modal-cancel-btn.disabled, .main_ui_components_color_bullet__button-secondary[disabled], [disabled].main_ui_components_color_bullet__modal-cancel-btn, .main_ui_components_color_bullet__button-secondary:disabled, .main_ui_components_color_bullet__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_color_bullet__button-tertiary, .main_ui_components_color_bullet__attr-title button, .main_ui_components_color_bullet__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_components_color_bullet__button-tertiary:focus-visible, .main_ui_components_color_bullet__attr-title button:focus-visible, .main_ui_components_color_bullet__modal-close-btn-base: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);
}
.main_ui_components_color_bullet__button-tertiary:focus-visible svg, .main_ui_components_color_bullet__attr-title button:focus-visible svg, .main_ui_components_color_bullet__modal-close-btn-base:focus-visible svg,
.main_ui_components_color_bullet__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_components_color_bullet__button-tertiary svg, .main_ui_components_color_bullet__attr-title button svg, .main_ui_components_color_bullet__modal-close-btn-base svg,
.main_ui_components_color_bullet__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_components_color_bullet__button-tertiary:hover, .main_ui_components_color_bullet__attr-title button:hover, .main_ui_components_color_bullet__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_components_color_bullet__button-tertiary:hover svg, .main_ui_components_color_bullet__attr-title button:hover svg, .main_ui_components_color_bullet__modal-close-btn-base:hover svg,
.main_ui_components_color_bullet__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_components_color_bullet__button-tertiary:active, .main_ui_components_color_bullet__attr-title button:active, .main_ui_components_color_bullet__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_color_bullet__button-tertiary:active svg, .main_ui_components_color_bullet__attr-title button:active svg, .main_ui_components_color_bullet__modal-close-btn-base:active svg,
.main_ui_components_color_bullet__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_color_bullet__button-tertiary.disabled, .main_ui_components_color_bullet__attr-title button.disabled, .main_ui_components_color_bullet__modal-close-btn-base.disabled, .main_ui_components_color_bullet__button-tertiary[disabled], .main_ui_components_color_bullet__attr-title button[disabled], [disabled].main_ui_components_color_bullet__modal-close-btn-base, .main_ui_components_color_bullet__button-tertiary:disabled, .main_ui_components_color_bullet__attr-title button:disabled, .main_ui_components_color_bullet__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_components_color_bullet__button-tertiary.disabled svg, .main_ui_components_color_bullet__attr-title button.disabled svg, .main_ui_components_color_bullet__modal-close-btn-base.disabled svg,
.main_ui_components_color_bullet__button-tertiary.disabled span svg, .main_ui_components_color_bullet__button-tertiary[disabled] svg, .main_ui_components_color_bullet__attr-title button[disabled] svg, [disabled].main_ui_components_color_bullet__modal-close-btn-base svg,
.main_ui_components_color_bullet__button-tertiary[disabled] span svg, .main_ui_components_color_bullet__button-tertiary:disabled svg, .main_ui_components_color_bullet__attr-title button:disabled svg, .main_ui_components_color_bullet__modal-close-btn-base:disabled svg,
.main_ui_components_color_bullet__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_components_color_bullet__button-icon-selected {
  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);
}
.main_ui_components_color_bullet__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_components_color_bullet__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_components_color_bullet__button-radio: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);
}
.main_ui_components_color_bullet__button-radio:focus-visible svg,
.main_ui_components_color_bullet__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_components_color_bullet__button-radio svg,
.main_ui_components_color_bullet__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_components_color_bullet__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_components_color_bullet__button-radio:hover svg,
.main_ui_components_color_bullet__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_components_color_bullet__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_components_color_bullet__button-radio:active svg,
.main_ui_components_color_bullet__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_components_color_bullet__button-warning {
  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);
}

.main_ui_components_color_bullet__button-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;
}

.main_ui_components_color_bullet__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_color_bullet__button-tag: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);
}
.main_ui_components_color_bullet__button-tag:focus-visible svg,
.main_ui_components_color_bullet__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_components_color_bullet__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_components_color_bullet__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_components_color_bullet__button-icon, .main_ui_components_color_bullet__empty-icon svg, .main_ui_components_color_bullet__modal-close-btn-base svg, .main_ui_components_color_bullet__button-icon-small, .main_ui_components_color_bullet__dropdown-element-base span svg, .main_ui_components_color_bullet__attr-title button svg, .main_ui_components_color_bullet__checkbox-icon.intermediate svg, .main_ui_components_color_bullet__input-checkbox label span.intermediate svg, .main_ui_components_color_bullet__checkbox-icon.checked svg, .main_ui_components_color_bullet__input-checkbox label span.checked svg, .main_ui_components_color_bullet__input-element span svg,
.main_ui_components_color_bullet__input-element label svg, .main_ui_components_color_bullet__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_components_color_bullet__button-icon-small, .main_ui_components_color_bullet__dropdown-element-base span svg, .main_ui_components_color_bullet__attr-title button svg, .main_ui_components_color_bullet__checkbox-icon.intermediate svg, .main_ui_components_color_bullet__input-checkbox label span.intermediate svg, .main_ui_components_color_bullet__checkbox-icon.checked svg, .main_ui_components_color_bullet__input-checkbox label span.checked svg, .main_ui_components_color_bullet__input-element span svg,
.main_ui_components_color_bullet__input-element label svg, .main_ui_components_color_bullet__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_components_color_bullet__input-base, .main_ui_components_color_bullet__input-with-label input, .main_ui_components_color_bullet__input-element-label input, .main_ui_components_color_bullet__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_color_bullet__input-base[disabled], .main_ui_components_color_bullet__input-with-label input[disabled], .main_ui_components_color_bullet__input-element-label input[disabled], .main_ui_components_color_bullet__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_components_color_bullet__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_components_color_bullet__input-label, .main_ui_components_color_bullet__input-element span,
.main_ui_components_color_bullet__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_components_color_bullet__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_components_color_bullet__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_color_bullet__input-element span svg,
.main_ui_components_color_bullet__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_components_color_bullet__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_color_bullet__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_color_bullet__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_color_bullet__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_color_bullet__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_color_bullet__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_components_color_bullet__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_components_color_bullet__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_color_bullet__input-element:focus, .main_ui_components_color_bullet__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_color_bullet__input-element:focus span, .main_ui_components_color_bullet__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_color_bullet__input-element:focus input, .main_ui_components_color_bullet__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_color_bullet__input-element:focus:hover, .main_ui_components_color_bullet__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_color_bullet__input-element:focus:hover span, .main_ui_components_color_bullet__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_color_bullet__input-element:focus:hover input, .main_ui_components_color_bullet__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_components_color_bullet__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_components_color_bullet__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_components_color_bullet__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_color_bullet__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_color_bullet__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_color_bullet__input-element-label:focus-within input, .main_ui_components_color_bullet__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_components_color_bullet__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_components_color_bullet__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_color_bullet__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_components_color_bullet__input-with-label input:focus-within, .main_ui_components_color_bullet__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_color_bullet__input-with-label input:focus-within input, .main_ui_components_color_bullet__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_color_bullet__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_components_color_bullet__modal-overlay-base {
  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);
}

.main_ui_components_color_bullet__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_components_color_bullet__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_components_color_bullet__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_components_color_bullet__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_components_color_bullet__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_color_bullet__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_color_bullet__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_components_color_bullet__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_components_color_bullet__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_components_color_bullet__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_components_color_bullet__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_components_color_bullet__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_components_color_bullet__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_components_color_bullet__colorpicker-handler {
  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;
}
.main_ui_components_color_bullet__colorpicker-handler:hover, .main_ui_components_color_bullet__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_components_color_bullet__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_components_color_bullet__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_components_color_bullet__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_components_color_bullet__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_components_color_bullet__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_color_bullet__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_components_color_bullet__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_components_color_bullet__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_components_color_bullet__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_components_color_bullet__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_components_color_bullet__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_components_color_bullet__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_components_color_bullet__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_components_color_bullet__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_components_color_bullet__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_components_color_bullet__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_components_color_bullet__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_components_color_bullet__color-bullet {
  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: 0.125rem solid var(--color-bullet-border-color);
  border-radius: 50%;
}
.main_ui_components_color_bullet__color-bullet.main_ui_components_color_bullet__grid-area {
  grid-area: color;
}
.main_ui_components_color_bullet__color-bullet.main_ui_components_color_bullet__mini {
  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);
}
.main_ui_components_color_bullet__color-bullet.main_ui_components_color_bullet__is-not-library-color {
  overflow: hidden;
  border-radius: 0.5rem;
}
.main_ui_components_color_bullet__color-bullet.main_ui_components_color_bullet__is-not-library-color .main_ui_components_color_bullet__color-bullet-wrapper {
  clip-path: none;
}
.main_ui_components_color_bullet__color-bullet.main_ui_components_color_bullet__is-not-library-color.main_ui_components_color_bullet__mini {
  border-radius: 0.25rem;
}
.main_ui_components_color_bullet__color-bullet.main_ui_components_color_bullet__is-gradient {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAExJREFUSIljvHnz5n8GLEBNTQ2bMMOtW7ewiuNSz4RVlIpg1IKBt4Dx////WFMRqakFl/qhH0SjFhAELNRKLaNl0Qi2YLQsGrWAcgAA0gAgQPhT2rAAAAAASUVORK5CYII=") left center;
  background-color: var(--color-bullet-background-color);
  transform: rotate(-90deg);
}
.main_ui_components_color_bullet__color-bullet.main_ui_components_color_bullet__is-transparent {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAExJREFUSIljvHnz5n8GLEBNTQ2bMMOtW7ewiuNSz4RVlIpg1IKBt4Dx////WFMRqakFl/qhH0SjFhAELNRKLaNl0Qi2YLQsGrWAcgAA0gAgQPhT2rAAAAAASUVORK5CYII=") left center;
  background-color: var(--color-bullet-background-color);
}
.main_ui_components_color_bullet__color-bullet .main_ui_components_color_bullet__color-bullet-wrapper {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  clip-path: circle(50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.main_ui_components_color_bullet__color-bullet .main_ui_components_color_bullet__color-bullet-wrapper > * {
  width: 100%;
  height: 100%;
  background-color: var(--color-bullet-background-color);
}
.main_ui_components_color_bullet__color-bullet:hover:not(.main_ui_components_color_bullet__read-only) {
  border: 0.125rem solid var(--color-bullet-border-color-selected);
}

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

.main_ui_components_color_bullet__big-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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;
}

.main_ui_components_color_bullet__no-text {
  display: none;
}

.main_ui_components_color_bullet__color-row-name {
  color: var(--menu-foreground-color);
}
@keyframes main_ui_components_context_menu_a11y__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_components_context_menu_a11y__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_components_context_menu_a11y__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_components_context_menu_a11y__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_components_context_menu_a11y__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_components_context_menu_a11y__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_components_context_menu_a11y__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_components_context_menu_a11y__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_components_context_menu_a11y__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_context_menu_a11y__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_context_menu_a11y__new-scrollbar ::placeholder,
.main_ui_components_context_menu_a11y__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_components_context_menu_a11y__button-primary, .main_ui_components_context_menu_a11y__modal-danger-btn, .main_ui_components_context_menu_a11y__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_components_context_menu_a11y__button-primary:focus-visible, .main_ui_components_context_menu_a11y__modal-danger-btn:focus-visible, .main_ui_components_context_menu_a11y__modal-accept-btn: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);
}
.main_ui_components_context_menu_a11y__button-primary:focus-visible svg, .main_ui_components_context_menu_a11y__modal-danger-btn:focus-visible svg, .main_ui_components_context_menu_a11y__modal-accept-btn:focus-visible svg,
.main_ui_components_context_menu_a11y__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_components_context_menu_a11y__button-primary svg, .main_ui_components_context_menu_a11y__modal-danger-btn svg, .main_ui_components_context_menu_a11y__modal-accept-btn svg,
.main_ui_components_context_menu_a11y__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_components_context_menu_a11y__button-primary:hover, .main_ui_components_context_menu_a11y__modal-danger-btn:hover, .main_ui_components_context_menu_a11y__modal-accept-btn: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;
}
.main_ui_components_context_menu_a11y__button-primary:hover svg, .main_ui_components_context_menu_a11y__modal-danger-btn:hover svg, .main_ui_components_context_menu_a11y__modal-accept-btn:hover svg,
.main_ui_components_context_menu_a11y__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_components_context_menu_a11y__button-primary:active, .main_ui_components_context_menu_a11y__modal-danger-btn:active, .main_ui_components_context_menu_a11y__modal-accept-btn: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;
}
.main_ui_components_context_menu_a11y__button-primary:active svg, .main_ui_components_context_menu_a11y__modal-danger-btn:active svg, .main_ui_components_context_menu_a11y__modal-accept-btn:active svg,
.main_ui_components_context_menu_a11y__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_components_context_menu_a11y__button-primary.disabled, .main_ui_components_context_menu_a11y__modal-danger-btn.disabled, .main_ui_components_context_menu_a11y__modal-accept-btn.disabled, .main_ui_components_context_menu_a11y__button-primary[disabled], [disabled].main_ui_components_context_menu_a11y__modal-danger-btn, [disabled].main_ui_components_context_menu_a11y__modal-accept-btn, .main_ui_components_context_menu_a11y__button-primary:disabled, .main_ui_components_context_menu_a11y__modal-danger-btn:disabled, .main_ui_components_context_menu_a11y__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_context_menu_a11y__button-secondary, .main_ui_components_context_menu_a11y__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_context_menu_a11y__button-secondary:focus-visible, .main_ui_components_context_menu_a11y__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_context_menu_a11y__button-secondary:focus-visible svg, .main_ui_components_context_menu_a11y__modal-cancel-btn:focus-visible svg,
.main_ui_components_context_menu_a11y__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_context_menu_a11y__button-secondary svg, .main_ui_components_context_menu_a11y__modal-cancel-btn svg,
.main_ui_components_context_menu_a11y__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_context_menu_a11y__button-secondary:hover, .main_ui_components_context_menu_a11y__modal-cancel-btn: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;
}
.main_ui_components_context_menu_a11y__button-secondary:hover svg, .main_ui_components_context_menu_a11y__modal-cancel-btn:hover svg,
.main_ui_components_context_menu_a11y__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_components_context_menu_a11y__button-secondary:active, .main_ui_components_context_menu_a11y__modal-cancel-btn: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);
}
.main_ui_components_context_menu_a11y__button-secondary:active svg, .main_ui_components_context_menu_a11y__modal-cancel-btn:active svg,
.main_ui_components_context_menu_a11y__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_components_context_menu_a11y__button-secondary.disabled, .main_ui_components_context_menu_a11y__modal-cancel-btn.disabled, .main_ui_components_context_menu_a11y__button-secondary[disabled], [disabled].main_ui_components_context_menu_a11y__modal-cancel-btn, .main_ui_components_context_menu_a11y__button-secondary:disabled, .main_ui_components_context_menu_a11y__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_context_menu_a11y__button-tertiary, .main_ui_components_context_menu_a11y__attr-title button, .main_ui_components_context_menu_a11y__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_components_context_menu_a11y__button-tertiary:focus-visible, .main_ui_components_context_menu_a11y__attr-title button:focus-visible, .main_ui_components_context_menu_a11y__modal-close-btn-base: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);
}
.main_ui_components_context_menu_a11y__button-tertiary:focus-visible svg, .main_ui_components_context_menu_a11y__attr-title button:focus-visible svg, .main_ui_components_context_menu_a11y__modal-close-btn-base:focus-visible svg,
.main_ui_components_context_menu_a11y__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_components_context_menu_a11y__button-tertiary svg, .main_ui_components_context_menu_a11y__attr-title button svg, .main_ui_components_context_menu_a11y__modal-close-btn-base svg,
.main_ui_components_context_menu_a11y__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_components_context_menu_a11y__button-tertiary:hover, .main_ui_components_context_menu_a11y__attr-title button:hover, .main_ui_components_context_menu_a11y__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_components_context_menu_a11y__button-tertiary:hover svg, .main_ui_components_context_menu_a11y__attr-title button:hover svg, .main_ui_components_context_menu_a11y__modal-close-btn-base:hover svg,
.main_ui_components_context_menu_a11y__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_components_context_menu_a11y__button-tertiary:active, .main_ui_components_context_menu_a11y__attr-title button:active, .main_ui_components_context_menu_a11y__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_context_menu_a11y__button-tertiary:active svg, .main_ui_components_context_menu_a11y__attr-title button:active svg, .main_ui_components_context_menu_a11y__modal-close-btn-base:active svg,
.main_ui_components_context_menu_a11y__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_context_menu_a11y__button-tertiary.disabled, .main_ui_components_context_menu_a11y__attr-title button.disabled, .main_ui_components_context_menu_a11y__modal-close-btn-base.disabled, .main_ui_components_context_menu_a11y__button-tertiary[disabled], .main_ui_components_context_menu_a11y__attr-title button[disabled], [disabled].main_ui_components_context_menu_a11y__modal-close-btn-base, .main_ui_components_context_menu_a11y__button-tertiary:disabled, .main_ui_components_context_menu_a11y__attr-title button:disabled, .main_ui_components_context_menu_a11y__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_components_context_menu_a11y__button-tertiary.disabled svg, .main_ui_components_context_menu_a11y__attr-title button.disabled svg, .main_ui_components_context_menu_a11y__modal-close-btn-base.disabled svg,
.main_ui_components_context_menu_a11y__button-tertiary.disabled span svg, .main_ui_components_context_menu_a11y__button-tertiary[disabled] svg, .main_ui_components_context_menu_a11y__attr-title button[disabled] svg, [disabled].main_ui_components_context_menu_a11y__modal-close-btn-base svg,
.main_ui_components_context_menu_a11y__button-tertiary[disabled] span svg, .main_ui_components_context_menu_a11y__button-tertiary:disabled svg, .main_ui_components_context_menu_a11y__attr-title button:disabled svg, .main_ui_components_context_menu_a11y__modal-close-btn-base:disabled svg,
.main_ui_components_context_menu_a11y__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_components_context_menu_a11y__button-icon-selected {
  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);
}
.main_ui_components_context_menu_a11y__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_components_context_menu_a11y__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_components_context_menu_a11y__button-radio: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);
}
.main_ui_components_context_menu_a11y__button-radio:focus-visible svg,
.main_ui_components_context_menu_a11y__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_components_context_menu_a11y__button-radio svg,
.main_ui_components_context_menu_a11y__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_components_context_menu_a11y__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_components_context_menu_a11y__button-radio:hover svg,
.main_ui_components_context_menu_a11y__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_components_context_menu_a11y__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_components_context_menu_a11y__button-radio:active svg,
.main_ui_components_context_menu_a11y__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_components_context_menu_a11y__button-warning {
  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);
}

.main_ui_components_context_menu_a11y__button-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;
}

.main_ui_components_context_menu_a11y__button-tag, .main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item.main_ui_components_context_menu_a11y__selected .main_ui_components_context_menu_a11y__selected-icon {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_context_menu_a11y__button-tag:focus-visible, .main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item.main_ui_components_context_menu_a11y__selected .main_ui_components_context_menu_a11y__selected-icon: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);
}
.main_ui_components_context_menu_a11y__button-tag:focus-visible svg, .main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item.main_ui_components_context_menu_a11y__selected .main_ui_components_context_menu_a11y__selected-icon:focus-visible svg,
.main_ui_components_context_menu_a11y__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_components_context_menu_a11y__button-tag:hover svg, .main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item.main_ui_components_context_menu_a11y__selected .main_ui_components_context_menu_a11y__selected-icon:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_components_context_menu_a11y__button-tag:active, .main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item.main_ui_components_context_menu_a11y__selected .main_ui_components_context_menu_a11y__selected-icon:active {
  border: none;
  background-color: transparent;
}

.main_ui_components_context_menu_a11y__button-icon, .main_ui_components_context_menu_a11y__empty-icon svg, .main_ui_components_context_menu_a11y__modal-close-btn-base svg, .main_ui_components_context_menu_a11y__button-icon-small, .main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item.main_ui_components_context_menu_a11y__selected .main_ui_components_context_menu_a11y__selected-icon svg, .main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item .main_ui_components_context_menu_a11y__context-menu-action.main_ui_components_context_menu_a11y__submenu-back .main_ui_components_context_menu_a11y__submenu-icon-back svg, .main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item .main_ui_components_context_menu_a11y__context-menu-action.main_ui_components_context_menu_a11y__submenu .main_ui_components_context_menu_a11y__submenu-icon svg, .main_ui_components_context_menu_a11y__dropdown-element-base span svg, .main_ui_components_context_menu_a11y__attr-title button svg, .main_ui_components_context_menu_a11y__checkbox-icon.intermediate svg, .main_ui_components_context_menu_a11y__input-checkbox label span.intermediate svg, .main_ui_components_context_menu_a11y__checkbox-icon.checked svg, .main_ui_components_context_menu_a11y__input-checkbox label span.checked svg, .main_ui_components_context_menu_a11y__input-element span svg,
.main_ui_components_context_menu_a11y__input-element label svg, .main_ui_components_context_menu_a11y__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_components_context_menu_a11y__button-icon-small, .main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item.main_ui_components_context_menu_a11y__selected .main_ui_components_context_menu_a11y__selected-icon svg, .main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item .main_ui_components_context_menu_a11y__context-menu-action.main_ui_components_context_menu_a11y__submenu-back .main_ui_components_context_menu_a11y__submenu-icon-back svg, .main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item .main_ui_components_context_menu_a11y__context-menu-action.main_ui_components_context_menu_a11y__submenu .main_ui_components_context_menu_a11y__submenu-icon svg, .main_ui_components_context_menu_a11y__dropdown-element-base span svg, .main_ui_components_context_menu_a11y__attr-title button svg, .main_ui_components_context_menu_a11y__checkbox-icon.intermediate svg, .main_ui_components_context_menu_a11y__input-checkbox label span.intermediate svg, .main_ui_components_context_menu_a11y__checkbox-icon.checked svg, .main_ui_components_context_menu_a11y__input-checkbox label span.checked svg, .main_ui_components_context_menu_a11y__input-element span svg,
.main_ui_components_context_menu_a11y__input-element label svg, .main_ui_components_context_menu_a11y__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_components_context_menu_a11y__input-base, .main_ui_components_context_menu_a11y__input-with-label input, .main_ui_components_context_menu_a11y__input-element-label input, .main_ui_components_context_menu_a11y__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_context_menu_a11y__input-base[disabled], .main_ui_components_context_menu_a11y__input-with-label input[disabled], .main_ui_components_context_menu_a11y__input-element-label input[disabled], .main_ui_components_context_menu_a11y__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_components_context_menu_a11y__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_components_context_menu_a11y__input-label, .main_ui_components_context_menu_a11y__input-element span,
.main_ui_components_context_menu_a11y__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_components_context_menu_a11y__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_components_context_menu_a11y__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_context_menu_a11y__input-element span svg,
.main_ui_components_context_menu_a11y__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_components_context_menu_a11y__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_context_menu_a11y__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_context_menu_a11y__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_context_menu_a11y__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_context_menu_a11y__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_context_menu_a11y__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_components_context_menu_a11y__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_components_context_menu_a11y__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_context_menu_a11y__input-element:focus, .main_ui_components_context_menu_a11y__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_context_menu_a11y__input-element:focus span, .main_ui_components_context_menu_a11y__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_context_menu_a11y__input-element:focus input, .main_ui_components_context_menu_a11y__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_context_menu_a11y__input-element:focus:hover, .main_ui_components_context_menu_a11y__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_context_menu_a11y__input-element:focus:hover span, .main_ui_components_context_menu_a11y__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_context_menu_a11y__input-element:focus:hover input, .main_ui_components_context_menu_a11y__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_components_context_menu_a11y__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_components_context_menu_a11y__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_components_context_menu_a11y__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_context_menu_a11y__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_context_menu_a11y__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_context_menu_a11y__input-element-label:focus-within input, .main_ui_components_context_menu_a11y__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_components_context_menu_a11y__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_components_context_menu_a11y__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_context_menu_a11y__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_components_context_menu_a11y__input-with-label input:focus-within, .main_ui_components_context_menu_a11y__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_context_menu_a11y__input-with-label input:focus-within input, .main_ui_components_context_menu_a11y__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_context_menu_a11y__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_components_context_menu_a11y__modal-overlay-base {
  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);
}

.main_ui_components_context_menu_a11y__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_components_context_menu_a11y__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_components_context_menu_a11y__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_components_context_menu_a11y__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_components_context_menu_a11y__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_context_menu_a11y__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_context_menu_a11y__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_components_context_menu_a11y__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_components_context_menu_a11y__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_components_context_menu_a11y__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_components_context_menu_a11y__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_components_context_menu_a11y__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_components_context_menu_a11y__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_components_context_menu_a11y__colorpicker-handler {
  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;
}
.main_ui_components_context_menu_a11y__colorpicker-handler:hover, .main_ui_components_context_menu_a11y__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_components_context_menu_a11y__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_components_context_menu_a11y__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_components_context_menu_a11y__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_components_context_menu_a11y__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_components_context_menu_a11y__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_context_menu_a11y__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_components_context_menu_a11y__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_components_context_menu_a11y__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_components_context_menu_a11y__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_components_context_menu_a11y__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_components_context_menu_a11y__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_components_context_menu_a11y__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_components_context_menu_a11y__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_components_context_menu_a11y__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_components_context_menu_a11y__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_components_context_menu_a11y__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_components_context_menu_a11y__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_components_context_menu_a11y__context-menu {
  position: relative;
  visibility: hidden;
  opacity: 0;
  z-index: 4;
}
.main_ui_components_context_menu_a11y__context-menu.main_ui_components_context_menu_a11y__is-open {
  position: relative;
  display: block;
  opacity: 1;
  visibility: visible;
}
.main_ui_components_context_menu_a11y__context-menu.main_ui_components_context_menu_a11y__fixed {
  position: fixed;
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items {
  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: 0.5rem;
  border: 0.125rem solid var(--panel-border-color);
  background-color: var(--menu-background-color);
  overflow: auto;
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__separator {
  border-top: solid 1px var(--color-background-quaternary);
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items.main_ui_components_context_menu_a11y__min-width {
  min-width: 12rem;
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item {
  display: flex;
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item .main_ui_components_context_menu_a11y__context-menu-action {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  white-space: nowrap;
  color: var(--menu-foreground-color);
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item .main_ui_components_context_menu_a11y__context-menu-action.main_ui_components_context_menu_a11y__submenu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item .main_ui_components_context_menu_a11y__context-menu-action.main_ui_components_context_menu_a11y__submenu .main_ui_components_context_menu_a11y__submenu-icon {
  margin-left: 0.5rem;
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item .main_ui_components_context_menu_a11y__context-menu-action.main_ui_components_context_menu_a11y__submenu .main_ui_components_context_menu_a11y__submenu-icon svg {
  stroke: var(--menu-foreground-color);
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item .main_ui_components_context_menu_a11y__context-menu-action.main_ui_components_context_menu_a11y__submenu-back {
  display: flex;
  align-items: center;
  font-weight: 700;
  background: none;
  border: none;
  cursor: pointer;
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item .main_ui_components_context_menu_a11y__context-menu-action.main_ui_components_context_menu_a11y__submenu-back .main_ui_components_context_menu_a11y__submenu-icon-back svg {
  stroke: var(--menu-foreground-color);
  transform: rotate(180deg);
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item:hover .main_ui_components_context_menu_a11y__context-menu-action {
  background-color: var(--menu-background-color-hover);
  text-decoration: none;
  color: var(--menu-foreground-color);
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item:hover .main_ui_components_context_menu_a11y__context-menu-action.main_ui_components_context_menu_a11y__submenu .main_ui_components_context_menu_a11y__submenu-icon svg {
  stroke: var(--menu-foreground-color);
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item:hover .main_ui_components_context_menu_a11y__context-menu-action.main_ui_components_context_menu_a11y__submenu-back .main_ui_components_context_menu_a11y__submenu-icon-back svg {
  stroke: var(--menu-foreground-color);
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item:focus {
  outline: none;
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item:focus-visible {
  outline: none;
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item:focus-visible .main_ui_components_context_menu_a11y__context-menu-action {
  border: 1px solid var(--menu-border-color-focus);
  background-color: var(--menu-background-color-focus);
  text-decoration: none;
  color: var(--menu-foreground-color-focus);
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item:focus-visible .main_ui_components_context_menu_a11y__context-menu-action.main_ui_components_context_menu_a11y__submenu .main_ui_components_context_menu_a11y__submenu-icon svg {
  stroke: var(--menu-foreground-color-focus);
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item:focus-visible .main_ui_components_context_menu_a11y__context-menu-action.main_ui_components_context_menu_a11y__submenu-back .main_ui_components_context_menu_a11y__submenu-icon-back svg {
  stroke: var(--menu-foreground-color-focus);
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item.main_ui_components_context_menu_a11y__selected .main_ui_components_context_menu_a11y__context-menu-action {
  justify-content: space-between;
  color: var(--menu-foreground-color-focus);
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item.main_ui_components_context_menu_a11y__selected .main_ui_components_context_menu_a11y__selected-icon {
  border-radius: 0.5rem;
  height: 100%;
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__context-menu-item.main_ui_components_context_menu_a11y__selected .main_ui_components_context_menu_a11y__selected-icon svg {
  stroke: var(--menu-foreground-color-focus);
}
.main_ui_components_context_menu_a11y__context-menu .main_ui_components_context_menu_a11y__context-menu-items .main_ui_components_context_menu_a11y__is-selected .main_ui_components_context_menu_a11y__context-menu-action {
  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;
}
.main_ui_components_context_menu_a11y__context-menu.main_ui_components_context_menu_a11y__is-selectable .main_ui_components_context_menu_a11y__context-menu-action {
  padding-left: 1.5rem;
}
@keyframes main_ui_components_copy_button__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_components_copy_button__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_components_copy_button__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_components_copy_button__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_components_copy_button__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_components_copy_button__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_components_copy_button__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_components_copy_button__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_components_copy_button__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_copy_button__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_copy_button__new-scrollbar ::placeholder,
.main_ui_components_copy_button__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_components_copy_button__button-primary, .main_ui_components_copy_button__modal-danger-btn, .main_ui_components_copy_button__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_components_copy_button__button-primary:focus-visible, .main_ui_components_copy_button__modal-danger-btn:focus-visible, .main_ui_components_copy_button__modal-accept-btn: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);
}
.main_ui_components_copy_button__button-primary:focus-visible svg, .main_ui_components_copy_button__modal-danger-btn:focus-visible svg, .main_ui_components_copy_button__modal-accept-btn:focus-visible svg,
.main_ui_components_copy_button__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_components_copy_button__button-primary svg, .main_ui_components_copy_button__modal-danger-btn svg, .main_ui_components_copy_button__modal-accept-btn svg,
.main_ui_components_copy_button__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_components_copy_button__button-primary:hover, .main_ui_components_copy_button__modal-danger-btn:hover, .main_ui_components_copy_button__modal-accept-btn: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;
}
.main_ui_components_copy_button__button-primary:hover svg, .main_ui_components_copy_button__modal-danger-btn:hover svg, .main_ui_components_copy_button__modal-accept-btn:hover svg,
.main_ui_components_copy_button__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_components_copy_button__button-primary:active, .main_ui_components_copy_button__modal-danger-btn:active, .main_ui_components_copy_button__modal-accept-btn: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;
}
.main_ui_components_copy_button__button-primary:active svg, .main_ui_components_copy_button__modal-danger-btn:active svg, .main_ui_components_copy_button__modal-accept-btn:active svg,
.main_ui_components_copy_button__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_components_copy_button__button-primary.disabled, .main_ui_components_copy_button__modal-danger-btn.disabled, .main_ui_components_copy_button__modal-accept-btn.disabled, .main_ui_components_copy_button__button-primary[disabled], [disabled].main_ui_components_copy_button__modal-danger-btn, [disabled].main_ui_components_copy_button__modal-accept-btn, .main_ui_components_copy_button__button-primary:disabled, .main_ui_components_copy_button__modal-danger-btn:disabled, .main_ui_components_copy_button__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_copy_button__button-secondary, .main_ui_components_copy_button__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_copy_button__button-secondary:focus-visible, .main_ui_components_copy_button__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_copy_button__button-secondary:focus-visible svg, .main_ui_components_copy_button__modal-cancel-btn:focus-visible svg,
.main_ui_components_copy_button__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_copy_button__button-secondary svg, .main_ui_components_copy_button__modal-cancel-btn svg,
.main_ui_components_copy_button__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_copy_button__button-secondary:hover, .main_ui_components_copy_button__modal-cancel-btn: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;
}
.main_ui_components_copy_button__button-secondary:hover svg, .main_ui_components_copy_button__modal-cancel-btn:hover svg,
.main_ui_components_copy_button__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_components_copy_button__button-secondary:active, .main_ui_components_copy_button__modal-cancel-btn: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);
}
.main_ui_components_copy_button__button-secondary:active svg, .main_ui_components_copy_button__modal-cancel-btn:active svg,
.main_ui_components_copy_button__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_components_copy_button__button-secondary.disabled, .main_ui_components_copy_button__modal-cancel-btn.disabled, .main_ui_components_copy_button__button-secondary[disabled], [disabled].main_ui_components_copy_button__modal-cancel-btn, .main_ui_components_copy_button__button-secondary:disabled, .main_ui_components_copy_button__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_copy_button__button-tertiary, .main_ui_components_copy_button__attr-title button, .main_ui_components_copy_button__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_components_copy_button__button-tertiary:focus-visible, .main_ui_components_copy_button__attr-title button:focus-visible, .main_ui_components_copy_button__modal-close-btn-base: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);
}
.main_ui_components_copy_button__button-tertiary:focus-visible svg, .main_ui_components_copy_button__attr-title button:focus-visible svg, .main_ui_components_copy_button__modal-close-btn-base:focus-visible svg,
.main_ui_components_copy_button__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_components_copy_button__button-tertiary svg, .main_ui_components_copy_button__attr-title button svg, .main_ui_components_copy_button__modal-close-btn-base svg,
.main_ui_components_copy_button__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_components_copy_button__button-tertiary:hover, .main_ui_components_copy_button__attr-title button:hover, .main_ui_components_copy_button__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_components_copy_button__button-tertiary:hover svg, .main_ui_components_copy_button__attr-title button:hover svg, .main_ui_components_copy_button__modal-close-btn-base:hover svg,
.main_ui_components_copy_button__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_components_copy_button__button-tertiary:active, .main_ui_components_copy_button__attr-title button:active, .main_ui_components_copy_button__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_copy_button__button-tertiary:active svg, .main_ui_components_copy_button__attr-title button:active svg, .main_ui_components_copy_button__modal-close-btn-base:active svg,
.main_ui_components_copy_button__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_copy_button__button-tertiary.disabled, .main_ui_components_copy_button__attr-title button.disabled, .main_ui_components_copy_button__modal-close-btn-base.disabled, .main_ui_components_copy_button__button-tertiary[disabled], .main_ui_components_copy_button__attr-title button[disabled], [disabled].main_ui_components_copy_button__modal-close-btn-base, .main_ui_components_copy_button__button-tertiary:disabled, .main_ui_components_copy_button__attr-title button:disabled, .main_ui_components_copy_button__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_components_copy_button__button-tertiary.disabled svg, .main_ui_components_copy_button__attr-title button.disabled svg, .main_ui_components_copy_button__modal-close-btn-base.disabled svg,
.main_ui_components_copy_button__button-tertiary.disabled span svg, .main_ui_components_copy_button__button-tertiary[disabled] svg, .main_ui_components_copy_button__attr-title button[disabled] svg, [disabled].main_ui_components_copy_button__modal-close-btn-base svg,
.main_ui_components_copy_button__button-tertiary[disabled] span svg, .main_ui_components_copy_button__button-tertiary:disabled svg, .main_ui_components_copy_button__attr-title button:disabled svg, .main_ui_components_copy_button__modal-close-btn-base:disabled svg,
.main_ui_components_copy_button__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_components_copy_button__button-icon-selected {
  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);
}
.main_ui_components_copy_button__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_components_copy_button__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_components_copy_button__button-radio: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);
}
.main_ui_components_copy_button__button-radio:focus-visible svg,
.main_ui_components_copy_button__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_components_copy_button__button-radio svg,
.main_ui_components_copy_button__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_components_copy_button__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_components_copy_button__button-radio:hover svg,
.main_ui_components_copy_button__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_components_copy_button__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_components_copy_button__button-radio:active svg,
.main_ui_components_copy_button__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_components_copy_button__button-warning {
  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);
}

.main_ui_components_copy_button__button-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;
}

.main_ui_components_copy_button__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_copy_button__button-tag: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);
}
.main_ui_components_copy_button__button-tag:focus-visible svg,
.main_ui_components_copy_button__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_components_copy_button__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_components_copy_button__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_components_copy_button__button-icon, .main_ui_components_copy_button__empty-icon svg, .main_ui_components_copy_button__modal-close-btn-base svg, .main_ui_components_copy_button__button-icon-small, .main_ui_components_copy_button__copy-wrapper .main_ui_components_copy_button__icon-btn svg, .main_ui_components_copy_button__copy-button .main_ui_components_copy_button__icon-btn svg, .main_ui_components_copy_button__dropdown-element-base span svg, .main_ui_components_copy_button__attr-title button svg, .main_ui_components_copy_button__checkbox-icon.intermediate svg, .main_ui_components_copy_button__input-checkbox label span.intermediate svg, .main_ui_components_copy_button__checkbox-icon.checked svg, .main_ui_components_copy_button__input-checkbox label span.checked svg, .main_ui_components_copy_button__input-element span svg,
.main_ui_components_copy_button__input-element label svg, .main_ui_components_copy_button__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_components_copy_button__button-icon-small, .main_ui_components_copy_button__copy-wrapper .main_ui_components_copy_button__icon-btn svg, .main_ui_components_copy_button__copy-button .main_ui_components_copy_button__icon-btn svg, .main_ui_components_copy_button__dropdown-element-base span svg, .main_ui_components_copy_button__attr-title button svg, .main_ui_components_copy_button__checkbox-icon.intermediate svg, .main_ui_components_copy_button__input-checkbox label span.intermediate svg, .main_ui_components_copy_button__checkbox-icon.checked svg, .main_ui_components_copy_button__input-checkbox label span.checked svg, .main_ui_components_copy_button__input-element span svg,
.main_ui_components_copy_button__input-element label svg, .main_ui_components_copy_button__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_components_copy_button__input-base, .main_ui_components_copy_button__input-with-label input, .main_ui_components_copy_button__input-element-label input, .main_ui_components_copy_button__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_copy_button__input-base[disabled], .main_ui_components_copy_button__input-with-label input[disabled], .main_ui_components_copy_button__input-element-label input[disabled], .main_ui_components_copy_button__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_components_copy_button__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_components_copy_button__input-label, .main_ui_components_copy_button__input-element span,
.main_ui_components_copy_button__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_components_copy_button__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_components_copy_button__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_copy_button__input-element span svg,
.main_ui_components_copy_button__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_components_copy_button__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_copy_button__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_copy_button__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_copy_button__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_copy_button__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_copy_button__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_components_copy_button__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_components_copy_button__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_copy_button__input-element:focus, .main_ui_components_copy_button__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_copy_button__input-element:focus span, .main_ui_components_copy_button__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_copy_button__input-element:focus input, .main_ui_components_copy_button__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_copy_button__input-element:focus:hover, .main_ui_components_copy_button__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_copy_button__input-element:focus:hover span, .main_ui_components_copy_button__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_copy_button__input-element:focus:hover input, .main_ui_components_copy_button__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_components_copy_button__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_components_copy_button__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_components_copy_button__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_copy_button__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_copy_button__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_copy_button__input-element-label:focus-within input, .main_ui_components_copy_button__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_components_copy_button__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_components_copy_button__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_copy_button__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_components_copy_button__input-with-label input:focus-within, .main_ui_components_copy_button__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_copy_button__input-with-label input:focus-within input, .main_ui_components_copy_button__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_copy_button__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_components_copy_button__modal-overlay-base {
  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);
}

.main_ui_components_copy_button__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_components_copy_button__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_components_copy_button__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_components_copy_button__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_components_copy_button__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_copy_button__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_copy_button__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_components_copy_button__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_components_copy_button__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_components_copy_button__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_components_copy_button__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_components_copy_button__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_components_copy_button__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_components_copy_button__colorpicker-handler {
  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;
}
.main_ui_components_copy_button__colorpicker-handler:hover, .main_ui_components_copy_button__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_components_copy_button__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_components_copy_button__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_components_copy_button__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_components_copy_button__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_components_copy_button__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_copy_button__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_components_copy_button__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_components_copy_button__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_components_copy_button__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_components_copy_button__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_components_copy_button__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_components_copy_button__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_components_copy_button__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_components_copy_button__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_components_copy_button__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_components_copy_button__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_components_copy_button__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

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

.main_ui_components_copy_button__copy-wrapper {
  border: none;
  background: none;
  cursor: pointer;
  position: relative;
  min-height: 2rem;
  width: 9rem;
  max-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;
}
.main_ui_components_copy_button__copy-wrapper .main_ui_components_copy_button__icon-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_components_copy_button__copy-wrapper .main_ui_components_copy_button__icon-btn svg {
  stroke: var(--button-tertiary-foreground-color-focus);
  display: none;
}
.main_ui_components_copy_button__copy-wrapper:hover {
  background-color: var(--button-tertiary-background-color-focus);
  color: var(--button-tertiary-foreground-color-focus);
  border: 1px solid var(--button-tertiary-background-color-focus);
}
.main_ui_components_copy_button__copy-wrapper:hover .main_ui_components_copy_button__icon-btn svg {
  display: flex;
}
.main_ui_components_copy_button__copy-wrapper:focus, .main_ui_components_copy_button__copy-wrapper:focus-visible {
  outline: none;
  border: 1px solid var(--button-tertiary-border-color-focus);
  background-color: transparent;
  color: var(--button-tertiary-foreground-color-focus);
}
@keyframes main_ui_components_editable_label__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_components_editable_label__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_components_editable_label__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_components_editable_label__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_components_editable_label__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_components_editable_label__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_components_editable_label__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_components_editable_label__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_components_editable_label__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_editable_label__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_editable_label__new-scrollbar ::placeholder,
.main_ui_components_editable_label__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_components_editable_label__button-primary, .main_ui_components_editable_label__modal-danger-btn, .main_ui_components_editable_label__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_components_editable_label__button-primary:focus-visible, .main_ui_components_editable_label__modal-danger-btn:focus-visible, .main_ui_components_editable_label__modal-accept-btn: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);
}
.main_ui_components_editable_label__button-primary:focus-visible svg, .main_ui_components_editable_label__modal-danger-btn:focus-visible svg, .main_ui_components_editable_label__modal-accept-btn:focus-visible svg,
.main_ui_components_editable_label__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_components_editable_label__button-primary svg, .main_ui_components_editable_label__modal-danger-btn svg, .main_ui_components_editable_label__modal-accept-btn svg,
.main_ui_components_editable_label__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_components_editable_label__button-primary:hover, .main_ui_components_editable_label__modal-danger-btn:hover, .main_ui_components_editable_label__modal-accept-btn: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;
}
.main_ui_components_editable_label__button-primary:hover svg, .main_ui_components_editable_label__modal-danger-btn:hover svg, .main_ui_components_editable_label__modal-accept-btn:hover svg,
.main_ui_components_editable_label__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_components_editable_label__button-primary:active, .main_ui_components_editable_label__modal-danger-btn:active, .main_ui_components_editable_label__modal-accept-btn: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;
}
.main_ui_components_editable_label__button-primary:active svg, .main_ui_components_editable_label__modal-danger-btn:active svg, .main_ui_components_editable_label__modal-accept-btn:active svg,
.main_ui_components_editable_label__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_components_editable_label__button-primary.disabled, .main_ui_components_editable_label__modal-danger-btn.disabled, .main_ui_components_editable_label__modal-accept-btn.disabled, .main_ui_components_editable_label__button-primary[disabled], [disabled].main_ui_components_editable_label__modal-danger-btn, [disabled].main_ui_components_editable_label__modal-accept-btn, .main_ui_components_editable_label__button-primary:disabled, .main_ui_components_editable_label__modal-danger-btn:disabled, .main_ui_components_editable_label__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_editable_label__button-secondary, .main_ui_components_editable_label__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_editable_label__button-secondary:focus-visible, .main_ui_components_editable_label__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_editable_label__button-secondary:focus-visible svg, .main_ui_components_editable_label__modal-cancel-btn:focus-visible svg,
.main_ui_components_editable_label__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_editable_label__button-secondary svg, .main_ui_components_editable_label__modal-cancel-btn svg,
.main_ui_components_editable_label__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_editable_label__button-secondary:hover, .main_ui_components_editable_label__modal-cancel-btn: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;
}
.main_ui_components_editable_label__button-secondary:hover svg, .main_ui_components_editable_label__modal-cancel-btn:hover svg,
.main_ui_components_editable_label__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_components_editable_label__button-secondary:active, .main_ui_components_editable_label__modal-cancel-btn: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);
}
.main_ui_components_editable_label__button-secondary:active svg, .main_ui_components_editable_label__modal-cancel-btn:active svg,
.main_ui_components_editable_label__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_components_editable_label__button-secondary.disabled, .main_ui_components_editable_label__modal-cancel-btn.disabled, .main_ui_components_editable_label__button-secondary[disabled], [disabled].main_ui_components_editable_label__modal-cancel-btn, .main_ui_components_editable_label__button-secondary:disabled, .main_ui_components_editable_label__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_editable_label__button-tertiary, .main_ui_components_editable_label__attr-title button, .main_ui_components_editable_label__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_components_editable_label__button-tertiary:focus-visible, .main_ui_components_editable_label__attr-title button:focus-visible, .main_ui_components_editable_label__modal-close-btn-base: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);
}
.main_ui_components_editable_label__button-tertiary:focus-visible svg, .main_ui_components_editable_label__attr-title button:focus-visible svg, .main_ui_components_editable_label__modal-close-btn-base:focus-visible svg,
.main_ui_components_editable_label__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_components_editable_label__button-tertiary svg, .main_ui_components_editable_label__attr-title button svg, .main_ui_components_editable_label__modal-close-btn-base svg,
.main_ui_components_editable_label__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_components_editable_label__button-tertiary:hover, .main_ui_components_editable_label__attr-title button:hover, .main_ui_components_editable_label__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_components_editable_label__button-tertiary:hover svg, .main_ui_components_editable_label__attr-title button:hover svg, .main_ui_components_editable_label__modal-close-btn-base:hover svg,
.main_ui_components_editable_label__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_components_editable_label__button-tertiary:active, .main_ui_components_editable_label__attr-title button:active, .main_ui_components_editable_label__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_editable_label__button-tertiary:active svg, .main_ui_components_editable_label__attr-title button:active svg, .main_ui_components_editable_label__modal-close-btn-base:active svg,
.main_ui_components_editable_label__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_editable_label__button-tertiary.disabled, .main_ui_components_editable_label__attr-title button.disabled, .main_ui_components_editable_label__modal-close-btn-base.disabled, .main_ui_components_editable_label__button-tertiary[disabled], .main_ui_components_editable_label__attr-title button[disabled], [disabled].main_ui_components_editable_label__modal-close-btn-base, .main_ui_components_editable_label__button-tertiary:disabled, .main_ui_components_editable_label__attr-title button:disabled, .main_ui_components_editable_label__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_components_editable_label__button-tertiary.disabled svg, .main_ui_components_editable_label__attr-title button.disabled svg, .main_ui_components_editable_label__modal-close-btn-base.disabled svg,
.main_ui_components_editable_label__button-tertiary.disabled span svg, .main_ui_components_editable_label__button-tertiary[disabled] svg, .main_ui_components_editable_label__attr-title button[disabled] svg, [disabled].main_ui_components_editable_label__modal-close-btn-base svg,
.main_ui_components_editable_label__button-tertiary[disabled] span svg, .main_ui_components_editable_label__button-tertiary:disabled svg, .main_ui_components_editable_label__attr-title button:disabled svg, .main_ui_components_editable_label__modal-close-btn-base:disabled svg,
.main_ui_components_editable_label__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_components_editable_label__button-icon-selected {
  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);
}
.main_ui_components_editable_label__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_components_editable_label__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_components_editable_label__button-radio: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);
}
.main_ui_components_editable_label__button-radio:focus-visible svg,
.main_ui_components_editable_label__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_components_editable_label__button-radio svg,
.main_ui_components_editable_label__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_components_editable_label__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_components_editable_label__button-radio:hover svg,
.main_ui_components_editable_label__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_components_editable_label__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_components_editable_label__button-radio:active svg,
.main_ui_components_editable_label__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_components_editable_label__button-warning {
  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);
}

.main_ui_components_editable_label__button-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;
}

.main_ui_components_editable_label__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_editable_label__button-tag: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);
}
.main_ui_components_editable_label__button-tag:focus-visible svg,
.main_ui_components_editable_label__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_components_editable_label__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_components_editable_label__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_components_editable_label__button-icon, .main_ui_components_editable_label__editable-label-close svg, .main_ui_components_editable_label__empty-icon svg, .main_ui_components_editable_label__modal-close-btn-base svg, .main_ui_components_editable_label__button-icon-small, .main_ui_components_editable_label__dropdown-element-base span svg, .main_ui_components_editable_label__attr-title button svg, .main_ui_components_editable_label__checkbox-icon.intermediate svg, .main_ui_components_editable_label__input-checkbox label span.intermediate svg, .main_ui_components_editable_label__checkbox-icon.checked svg, .main_ui_components_editable_label__input-checkbox label span.checked svg, .main_ui_components_editable_label__input-element span svg,
.main_ui_components_editable_label__input-element label svg, .main_ui_components_editable_label__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_components_editable_label__button-icon-small, .main_ui_components_editable_label__dropdown-element-base span svg, .main_ui_components_editable_label__attr-title button svg, .main_ui_components_editable_label__checkbox-icon.intermediate svg, .main_ui_components_editable_label__input-checkbox label span.intermediate svg, .main_ui_components_editable_label__checkbox-icon.checked svg, .main_ui_components_editable_label__input-checkbox label span.checked svg, .main_ui_components_editable_label__input-element span svg,
.main_ui_components_editable_label__input-element label svg, .main_ui_components_editable_label__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_components_editable_label__input-base, .main_ui_components_editable_label__input-with-label input, .main_ui_components_editable_label__input-element-label input, .main_ui_components_editable_label__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_editable_label__input-base[disabled], .main_ui_components_editable_label__input-with-label input[disabled], .main_ui_components_editable_label__input-element-label input[disabled], .main_ui_components_editable_label__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_components_editable_label__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_components_editable_label__input-label, .main_ui_components_editable_label__input-element span,
.main_ui_components_editable_label__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_components_editable_label__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_components_editable_label__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_editable_label__input-element span svg,
.main_ui_components_editable_label__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_components_editable_label__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_editable_label__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_editable_label__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_editable_label__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_editable_label__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_editable_label__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_components_editable_label__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_components_editable_label__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_editable_label__input-element:focus, .main_ui_components_editable_label__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_editable_label__input-element:focus span, .main_ui_components_editable_label__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_editable_label__input-element:focus input, .main_ui_components_editable_label__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_editable_label__input-element:focus:hover, .main_ui_components_editable_label__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_editable_label__input-element:focus:hover span, .main_ui_components_editable_label__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_editable_label__input-element:focus:hover input, .main_ui_components_editable_label__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_components_editable_label__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_components_editable_label__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_components_editable_label__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_editable_label__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_editable_label__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_editable_label__input-element-label:focus-within input, .main_ui_components_editable_label__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_components_editable_label__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_components_editable_label__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_editable_label__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_components_editable_label__input-with-label input:focus-within, .main_ui_components_editable_label__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_editable_label__input-with-label input:focus-within input, .main_ui_components_editable_label__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_editable_label__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_components_editable_label__modal-overlay-base {
  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);
}

.main_ui_components_editable_label__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_components_editable_label__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_components_editable_label__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_components_editable_label__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_components_editable_label__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_editable_label__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_editable_label__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_components_editable_label__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_components_editable_label__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_components_editable_label__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_components_editable_label__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_components_editable_label__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_components_editable_label__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_components_editable_label__colorpicker-handler {
  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;
}
.main_ui_components_editable_label__colorpicker-handler:hover, .main_ui_components_editable_label__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_components_editable_label__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_components_editable_label__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_components_editable_label__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_components_editable_label__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_components_editable_label__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_editable_label__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_components_editable_label__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_components_editable_label__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_components_editable_label__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_components_editable_label__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_components_editable_label__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_components_editable_label__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_components_editable_label__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_components_editable_label__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_components_editable_label__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_components_editable_label__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_components_editable_label__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_components_editable_label__editable-label-input {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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));
  margin: 0;
  padding-left: 0.375rem;
  border-radius: 0.25rem;
  border: 1px solid var(--input-border-color-active);
  color: var(--input-foreground-color-active);
}

.main_ui_components_editable_label__editable-label.main_ui_components_editable_label__is-hidden {
  display: none;
}

.main_ui_components_editable_label__editable-label-close {
  cursor: pointer;
}
.main_ui_components_editable_label__editable-label-close svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke: var(--icon-foreground);
  margin: 0;
}
@keyframes main_ui_components_editable_select__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_components_editable_select__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_components_editable_select__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_components_editable_select__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_components_editable_select__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_components_editable_select__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_components_editable_select__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_components_editable_select__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_components_editable_select__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_editable_select__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_editable_select__new-scrollbar ::placeholder,
.main_ui_components_editable_select__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_components_editable_select__button-primary, .main_ui_components_editable_select__modal-danger-btn, .main_ui_components_editable_select__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_components_editable_select__button-primary:focus-visible, .main_ui_components_editable_select__modal-danger-btn:focus-visible, .main_ui_components_editable_select__modal-accept-btn: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);
}
.main_ui_components_editable_select__button-primary:focus-visible svg, .main_ui_components_editable_select__modal-danger-btn:focus-visible svg, .main_ui_components_editable_select__modal-accept-btn:focus-visible svg,
.main_ui_components_editable_select__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_components_editable_select__button-primary svg, .main_ui_components_editable_select__modal-danger-btn svg, .main_ui_components_editable_select__modal-accept-btn svg,
.main_ui_components_editable_select__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_components_editable_select__button-primary:hover, .main_ui_components_editable_select__modal-danger-btn:hover, .main_ui_components_editable_select__modal-accept-btn: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;
}
.main_ui_components_editable_select__button-primary:hover svg, .main_ui_components_editable_select__modal-danger-btn:hover svg, .main_ui_components_editable_select__modal-accept-btn:hover svg,
.main_ui_components_editable_select__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_components_editable_select__button-primary:active, .main_ui_components_editable_select__modal-danger-btn:active, .main_ui_components_editable_select__modal-accept-btn: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;
}
.main_ui_components_editable_select__button-primary:active svg, .main_ui_components_editable_select__modal-danger-btn:active svg, .main_ui_components_editable_select__modal-accept-btn:active svg,
.main_ui_components_editable_select__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_components_editable_select__button-primary.disabled, .main_ui_components_editable_select__modal-danger-btn.disabled, .main_ui_components_editable_select__modal-accept-btn.disabled, .main_ui_components_editable_select__button-primary[disabled], [disabled].main_ui_components_editable_select__modal-danger-btn, [disabled].main_ui_components_editable_select__modal-accept-btn, .main_ui_components_editable_select__button-primary:disabled, .main_ui_components_editable_select__modal-danger-btn:disabled, .main_ui_components_editable_select__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_editable_select__button-secondary, .main_ui_components_editable_select__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_editable_select__button-secondary:focus-visible, .main_ui_components_editable_select__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_editable_select__button-secondary:focus-visible svg, .main_ui_components_editable_select__modal-cancel-btn:focus-visible svg,
.main_ui_components_editable_select__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_editable_select__button-secondary svg, .main_ui_components_editable_select__modal-cancel-btn svg,
.main_ui_components_editable_select__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_editable_select__button-secondary:hover, .main_ui_components_editable_select__modal-cancel-btn: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;
}
.main_ui_components_editable_select__button-secondary:hover svg, .main_ui_components_editable_select__modal-cancel-btn:hover svg,
.main_ui_components_editable_select__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_components_editable_select__button-secondary:active, .main_ui_components_editable_select__modal-cancel-btn: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);
}
.main_ui_components_editable_select__button-secondary:active svg, .main_ui_components_editable_select__modal-cancel-btn:active svg,
.main_ui_components_editable_select__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_components_editable_select__button-secondary.disabled, .main_ui_components_editable_select__modal-cancel-btn.disabled, .main_ui_components_editable_select__button-secondary[disabled], [disabled].main_ui_components_editable_select__modal-cancel-btn, .main_ui_components_editable_select__button-secondary:disabled, .main_ui_components_editable_select__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_editable_select__button-tertiary, .main_ui_components_editable_select__attr-title button, .main_ui_components_editable_select__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_components_editable_select__button-tertiary:focus-visible, .main_ui_components_editable_select__attr-title button:focus-visible, .main_ui_components_editable_select__modal-close-btn-base: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);
}
.main_ui_components_editable_select__button-tertiary:focus-visible svg, .main_ui_components_editable_select__attr-title button:focus-visible svg, .main_ui_components_editable_select__modal-close-btn-base:focus-visible svg,
.main_ui_components_editable_select__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_components_editable_select__button-tertiary svg, .main_ui_components_editable_select__attr-title button svg, .main_ui_components_editable_select__modal-close-btn-base svg,
.main_ui_components_editable_select__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_components_editable_select__button-tertiary:hover, .main_ui_components_editable_select__attr-title button:hover, .main_ui_components_editable_select__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_components_editable_select__button-tertiary:hover svg, .main_ui_components_editable_select__attr-title button:hover svg, .main_ui_components_editable_select__modal-close-btn-base:hover svg,
.main_ui_components_editable_select__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_components_editable_select__button-tertiary:active, .main_ui_components_editable_select__attr-title button:active, .main_ui_components_editable_select__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_editable_select__button-tertiary:active svg, .main_ui_components_editable_select__attr-title button:active svg, .main_ui_components_editable_select__modal-close-btn-base:active svg,
.main_ui_components_editable_select__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_editable_select__button-tertiary.disabled, .main_ui_components_editable_select__attr-title button.disabled, .main_ui_components_editable_select__modal-close-btn-base.disabled, .main_ui_components_editable_select__button-tertiary[disabled], .main_ui_components_editable_select__attr-title button[disabled], [disabled].main_ui_components_editable_select__modal-close-btn-base, .main_ui_components_editable_select__button-tertiary:disabled, .main_ui_components_editable_select__attr-title button:disabled, .main_ui_components_editable_select__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_components_editable_select__button-tertiary.disabled svg, .main_ui_components_editable_select__attr-title button.disabled svg, .main_ui_components_editable_select__modal-close-btn-base.disabled svg,
.main_ui_components_editable_select__button-tertiary.disabled span svg, .main_ui_components_editable_select__button-tertiary[disabled] svg, .main_ui_components_editable_select__attr-title button[disabled] svg, [disabled].main_ui_components_editable_select__modal-close-btn-base svg,
.main_ui_components_editable_select__button-tertiary[disabled] span svg, .main_ui_components_editable_select__button-tertiary:disabled svg, .main_ui_components_editable_select__attr-title button:disabled svg, .main_ui_components_editable_select__modal-close-btn-base:disabled svg,
.main_ui_components_editable_select__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_components_editable_select__button-icon-selected {
  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);
}
.main_ui_components_editable_select__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_components_editable_select__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_components_editable_select__button-radio: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);
}
.main_ui_components_editable_select__button-radio:focus-visible svg,
.main_ui_components_editable_select__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_components_editable_select__button-radio svg,
.main_ui_components_editable_select__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_components_editable_select__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_components_editable_select__button-radio:hover svg,
.main_ui_components_editable_select__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_components_editable_select__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_components_editable_select__button-radio:active svg,
.main_ui_components_editable_select__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_components_editable_select__button-warning {
  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);
}

.main_ui_components_editable_select__button-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;
}

.main_ui_components_editable_select__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_editable_select__button-tag: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);
}
.main_ui_components_editable_select__button-tag:focus-visible svg,
.main_ui_components_editable_select__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_components_editable_select__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_components_editable_select__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_components_editable_select__button-icon, .main_ui_components_editable_select__empty-icon svg, .main_ui_components_editable_select__modal-close-btn-base svg, .main_ui_components_editable_select__button-icon-small, .main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element .main_ui_components_editable_select__check-icon svg, .main_ui_components_editable_select__editable-select .main_ui_components_editable_select__dropdown-button svg, .main_ui_components_editable_select__dropdown-element-base span svg, .main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element span svg, .main_ui_components_editable_select__attr-title button svg, .main_ui_components_editable_select__checkbox-icon.intermediate svg, .main_ui_components_editable_select__input-checkbox label span.intermediate svg, .main_ui_components_editable_select__checkbox-icon.checked svg, .main_ui_components_editable_select__input-checkbox label span.checked svg, .main_ui_components_editable_select__input-element span svg,
.main_ui_components_editable_select__input-element label svg, .main_ui_components_editable_select__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_components_editable_select__button-icon-small, .main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element .main_ui_components_editable_select__check-icon svg, .main_ui_components_editable_select__editable-select .main_ui_components_editable_select__dropdown-button svg, .main_ui_components_editable_select__dropdown-element-base span svg, .main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element span svg, .main_ui_components_editable_select__attr-title button svg, .main_ui_components_editable_select__checkbox-icon.intermediate svg, .main_ui_components_editable_select__input-checkbox label span.intermediate svg, .main_ui_components_editable_select__checkbox-icon.checked svg, .main_ui_components_editable_select__input-checkbox label span.checked svg, .main_ui_components_editable_select__input-element span svg,
.main_ui_components_editable_select__input-element label svg, .main_ui_components_editable_select__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_components_editable_select__input-base, .main_ui_components_editable_select__input-with-label input, .main_ui_components_editable_select__input-element-label input, .main_ui_components_editable_select__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_editable_select__input-base[disabled], .main_ui_components_editable_select__input-with-label input[disabled], .main_ui_components_editable_select__input-element-label input[disabled], .main_ui_components_editable_select__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_components_editable_select__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_components_editable_select__input-label, .main_ui_components_editable_select__input-element span,
.main_ui_components_editable_select__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_components_editable_select__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_components_editable_select__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_editable_select__input-element span svg,
.main_ui_components_editable_select__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_components_editable_select__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_editable_select__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_editable_select__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_editable_select__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_editable_select__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_editable_select__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_components_editable_select__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_components_editable_select__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_editable_select__input-element:focus, .main_ui_components_editable_select__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_editable_select__input-element:focus span, .main_ui_components_editable_select__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_editable_select__input-element:focus input, .main_ui_components_editable_select__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_editable_select__input-element:focus:hover, .main_ui_components_editable_select__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_editable_select__input-element:focus:hover span, .main_ui_components_editable_select__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_editable_select__input-element:focus:hover input, .main_ui_components_editable_select__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_components_editable_select__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_components_editable_select__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_components_editable_select__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_editable_select__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_editable_select__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_editable_select__input-element-label:focus-within input, .main_ui_components_editable_select__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_components_editable_select__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_components_editable_select__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_editable_select__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_components_editable_select__input-with-label input:focus-within, .main_ui_components_editable_select__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_editable_select__input-with-label input:focus-within input, .main_ui_components_editable_select__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_editable_select__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_components_editable_select__modal-overlay-base {
  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);
}

.main_ui_components_editable_select__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_components_editable_select__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_components_editable_select__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_components_editable_select__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_components_editable_select__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_editable_select__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_editable_select__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_components_editable_select__asset-element, .main_ui_components_editable_select__editable-select {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_components_editable_select__asset-element:hover, .main_ui_components_editable_select__editable-select:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_components_editable_select__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_components_editable_select__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_components_editable_select__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_components_editable_select__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_components_editable_select__colorpicker-handler {
  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;
}
.main_ui_components_editable_select__colorpicker-handler:hover, .main_ui_components_editable_select__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_components_editable_select__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_components_editable_select__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_components_editable_select__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_components_editable_select__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_components_editable_select__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_editable_select__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_components_editable_select__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_components_editable_select__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_components_editable_select__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_components_editable_select__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_components_editable_select__dropdown-element-base, .main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_components_editable_select__dropdown-element-base span, .main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_components_editable_select__dropdown-element-base span svg, .main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element span svg {
  stroke: var(--icon-foreground);
}
.main_ui_components_editable_select__dropdown-element-base:hover, .main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_components_editable_select__dropdown-element-base:hover span svg, .main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_components_editable_select__dropdown-wrapper, .main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_components_editable_select__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_components_editable_select__editable-select {
  margin: 0;
  padding: 0;
  border: 1px solid var(--input-border-color);
  position: relative;
  display: flex;
  height: 2rem;
  width: 100%;
  padding: 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_components_editable_select__editable-select .main_ui_components_editable_select__dropdown-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_editable_select__editable-select .main_ui_components_editable_select__dropdown-button svg {
  transform: rotate(90deg);
  stroke: var(--icon-foreground);
}
.main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown {
  max-height: 20rem;
}
.main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__separator {
  margin: 0;
  height: 0.75rem;
}
.main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element {
  color: var(--menu-foreground-color-rest);
}
.main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element .main_ui_components_editable_select__label {
  flex-grow: 1;
  width: 100%;
}
.main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element .main_ui_components_editable_select__check-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element .main_ui_components_editable_select__check-icon svg {
  visibility: hidden;
  stroke: var(--icon-foreground);
}
.main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element.main_ui_components_editable_select__is-selected {
  color: var(--menu-foreground-color);
}
.main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element.main_ui_components_editable_select__is-selected .main_ui_components_editable_select__check-icon svg {
  stroke: var(--menu-foreground-color);
  visibility: visible;
}
.main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color-hover);
}
.main_ui_components_editable_select__editable-select .main_ui_components_editable_select__custom-select-dropdown .main_ui_components_editable_select__dropdown-element:hover .main_ui_components_editable_select__check-icon svg {
  stroke: var(--menu-foreground-color-hover);
}
@keyframes main_ui_components_forms__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_components_forms__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_components_forms__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_components_forms__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_components_forms__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_components_forms__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_components_forms__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_components_forms__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_components_forms__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_forms__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_forms__new-scrollbar ::placeholder,
.main_ui_components_forms__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_components_forms__button-primary, .main_ui_components_forms__button-submit, .main_ui_components_forms__modal-danger-btn, .main_ui_components_forms__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_components_forms__button-primary:focus-visible, .main_ui_components_forms__button-submit:focus-visible, .main_ui_components_forms__modal-danger-btn:focus-visible, .main_ui_components_forms__modal-accept-btn: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);
}
.main_ui_components_forms__button-primary:focus-visible svg, .main_ui_components_forms__button-submit:focus-visible svg, .main_ui_components_forms__modal-danger-btn:focus-visible svg, .main_ui_components_forms__modal-accept-btn:focus-visible svg,
.main_ui_components_forms__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_components_forms__button-primary svg, .main_ui_components_forms__button-submit svg, .main_ui_components_forms__modal-danger-btn svg, .main_ui_components_forms__modal-accept-btn svg,
.main_ui_components_forms__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_components_forms__button-primary:hover, .main_ui_components_forms__button-submit:hover, .main_ui_components_forms__modal-danger-btn:hover, .main_ui_components_forms__modal-accept-btn: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;
}
.main_ui_components_forms__button-primary:hover svg, .main_ui_components_forms__button-submit:hover svg, .main_ui_components_forms__modal-danger-btn:hover svg, .main_ui_components_forms__modal-accept-btn:hover svg,
.main_ui_components_forms__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_components_forms__button-primary:active, .main_ui_components_forms__button-submit:active, .main_ui_components_forms__modal-danger-btn:active, .main_ui_components_forms__modal-accept-btn: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;
}
.main_ui_components_forms__button-primary:active svg, .main_ui_components_forms__button-submit:active svg, .main_ui_components_forms__modal-danger-btn:active svg, .main_ui_components_forms__modal-accept-btn:active svg,
.main_ui_components_forms__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_components_forms__button-primary.disabled, .main_ui_components_forms__button-submit.disabled, .main_ui_components_forms__modal-danger-btn.disabled, .main_ui_components_forms__modal-accept-btn.disabled, .main_ui_components_forms__button-primary[disabled], [disabled].main_ui_components_forms__button-submit, [disabled].main_ui_components_forms__modal-danger-btn, [disabled].main_ui_components_forms__modal-accept-btn, .main_ui_components_forms__button-primary:disabled, .main_ui_components_forms__button-submit:disabled, .main_ui_components_forms__modal-danger-btn:disabled, .main_ui_components_forms__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_forms__button-secondary, .main_ui_components_forms__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_forms__button-secondary:focus-visible, .main_ui_components_forms__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_forms__button-secondary:focus-visible svg, .main_ui_components_forms__modal-cancel-btn:focus-visible svg,
.main_ui_components_forms__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_forms__button-secondary svg, .main_ui_components_forms__modal-cancel-btn svg,
.main_ui_components_forms__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_forms__button-secondary:hover, .main_ui_components_forms__modal-cancel-btn: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;
}
.main_ui_components_forms__button-secondary:hover svg, .main_ui_components_forms__modal-cancel-btn:hover svg,
.main_ui_components_forms__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_components_forms__button-secondary:active, .main_ui_components_forms__modal-cancel-btn: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);
}
.main_ui_components_forms__button-secondary:active svg, .main_ui_components_forms__modal-cancel-btn:active svg,
.main_ui_components_forms__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_components_forms__button-secondary.disabled, .main_ui_components_forms__modal-cancel-btn.disabled, .main_ui_components_forms__button-secondary[disabled], [disabled].main_ui_components_forms__modal-cancel-btn, .main_ui_components_forms__button-secondary:disabled, .main_ui_components_forms__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_forms__button-tertiary, .main_ui_components_forms__attr-title button, .main_ui_components_forms__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_components_forms__button-tertiary:focus-visible, .main_ui_components_forms__attr-title button:focus-visible, .main_ui_components_forms__modal-close-btn-base: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);
}
.main_ui_components_forms__button-tertiary:focus-visible svg, .main_ui_components_forms__attr-title button:focus-visible svg, .main_ui_components_forms__modal-close-btn-base:focus-visible svg,
.main_ui_components_forms__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_components_forms__button-tertiary svg, .main_ui_components_forms__attr-title button svg, .main_ui_components_forms__modal-close-btn-base svg,
.main_ui_components_forms__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_components_forms__button-tertiary:hover, .main_ui_components_forms__attr-title button:hover, .main_ui_components_forms__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_components_forms__button-tertiary:hover svg, .main_ui_components_forms__attr-title button:hover svg, .main_ui_components_forms__modal-close-btn-base:hover svg,
.main_ui_components_forms__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_components_forms__button-tertiary:active, .main_ui_components_forms__attr-title button:active, .main_ui_components_forms__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_forms__button-tertiary:active svg, .main_ui_components_forms__attr-title button:active svg, .main_ui_components_forms__modal-close-btn-base:active svg,
.main_ui_components_forms__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_forms__button-tertiary.disabled, .main_ui_components_forms__attr-title button.disabled, .main_ui_components_forms__modal-close-btn-base.disabled, .main_ui_components_forms__button-tertiary[disabled], .main_ui_components_forms__attr-title button[disabled], [disabled].main_ui_components_forms__modal-close-btn-base, .main_ui_components_forms__button-tertiary:disabled, .main_ui_components_forms__attr-title button:disabled, .main_ui_components_forms__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_components_forms__button-tertiary.disabled svg, .main_ui_components_forms__attr-title button.disabled svg, .main_ui_components_forms__modal-close-btn-base.disabled svg,
.main_ui_components_forms__button-tertiary.disabled span svg, .main_ui_components_forms__button-tertiary[disabled] svg, .main_ui_components_forms__attr-title button[disabled] svg, [disabled].main_ui_components_forms__modal-close-btn-base svg,
.main_ui_components_forms__button-tertiary[disabled] span svg, .main_ui_components_forms__button-tertiary:disabled svg, .main_ui_components_forms__attr-title button:disabled svg, .main_ui_components_forms__modal-close-btn-base:disabled svg,
.main_ui_components_forms__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_components_forms__button-icon-selected {
  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);
}
.main_ui_components_forms__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_components_forms__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_components_forms__button-radio: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);
}
.main_ui_components_forms__button-radio:focus-visible svg,
.main_ui_components_forms__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_components_forms__button-radio svg,
.main_ui_components_forms__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_components_forms__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_components_forms__button-radio:hover svg,
.main_ui_components_forms__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_components_forms__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_components_forms__button-radio:active svg,
.main_ui_components_forms__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_components_forms__button-warning {
  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);
}

.main_ui_components_forms__button-disabled, .main_ui_components_forms__button-submit: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;
}

.main_ui_components_forms__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_forms__button-tag: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);
}
.main_ui_components_forms__button-tag:focus-visible svg,
.main_ui_components_forms__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_components_forms__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_components_forms__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_components_forms__button-icon, .main_ui_components_forms__empty-icon svg, .main_ui_components_forms__modal-close-btn-base svg, .main_ui_components_forms__button-icon-small, .main_ui_components_forms__custom-multi-input .main_ui_components_forms__selected-items .main_ui_components_forms__selected-item .main_ui_components_forms__around .main_ui_components_forms__icon svg, .main_ui_components_forms__custom-select .main_ui_components_forms__input-container .main_ui_components_forms__icon svg, .main_ui_components_forms__help-icon svg, .main_ui_components_forms__dropdown-element-base span svg, .main_ui_components_forms__attr-title button svg, .main_ui_components_forms__checkbox-icon.intermediate svg, .main_ui_components_forms__radio-icon.intermediate svg, .main_ui_components_forms__checkbox .main_ui_components_forms__checkbox-label span.intermediate svg, .main_ui_components_forms__input-checkbox label span.intermediate svg, .main_ui_components_forms__checkbox label span.intermediate svg, .main_ui_components_forms__checkbox-icon.checked svg, .main_ui_components_forms__radio-icon.checked svg, .main_ui_components_forms__checkbox .main_ui_components_forms__checkbox-label span.checked svg, .main_ui_components_forms__input-checkbox label span.checked svg, .main_ui_components_forms__checkbox label span.checked svg, .main_ui_components_forms__input-element span svg, .main_ui_components_forms__input-with-label-form input span svg,
.main_ui_components_forms__input-element label svg,
.main_ui_components_forms__input-with-label-form input label svg, .main_ui_components_forms__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_components_forms__button-icon-small, .main_ui_components_forms__custom-multi-input .main_ui_components_forms__selected-items .main_ui_components_forms__selected-item .main_ui_components_forms__around .main_ui_components_forms__icon svg, .main_ui_components_forms__custom-select .main_ui_components_forms__input-container .main_ui_components_forms__icon svg, .main_ui_components_forms__help-icon svg, .main_ui_components_forms__dropdown-element-base span svg, .main_ui_components_forms__attr-title button svg, .main_ui_components_forms__checkbox-icon.intermediate svg, .main_ui_components_forms__radio-icon.intermediate svg, .main_ui_components_forms__checkbox .main_ui_components_forms__checkbox-label span.intermediate svg, .main_ui_components_forms__input-checkbox label span.intermediate svg, .main_ui_components_forms__checkbox label span.intermediate svg, .main_ui_components_forms__checkbox-icon.checked svg, .main_ui_components_forms__radio-icon.checked svg, .main_ui_components_forms__checkbox .main_ui_components_forms__checkbox-label span.checked svg, .main_ui_components_forms__input-checkbox label span.checked svg, .main_ui_components_forms__checkbox label span.checked svg, .main_ui_components_forms__input-element span svg, .main_ui_components_forms__input-with-label-form input span svg,
.main_ui_components_forms__input-element label svg,
.main_ui_components_forms__input-with-label-form input label svg, .main_ui_components_forms__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_components_forms__input-base, .main_ui_components_forms__input-with-label input, .main_ui_components_forms__input-element-label input, .main_ui_components_forms__input-element input, .main_ui_components_forms__input-with-label-form input input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_forms__input-base[disabled], .main_ui_components_forms__input-with-label input[disabled], .main_ui_components_forms__input-element-label input[disabled], .main_ui_components_forms__input-element input[disabled], .main_ui_components_forms__input-with-label-form input input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_components_forms__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_components_forms__input-label, .main_ui_components_forms__input-element span, .main_ui_components_forms__input-with-label-form input span,
.main_ui_components_forms__input-element label,
.main_ui_components_forms__input-with-label-form input label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_components_forms__input-element, .main_ui_components_forms__input-with-label-form input {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_components_forms__input-element:focus-within, .main_ui_components_forms__input-with-label-form input:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_forms__input-element span svg, .main_ui_components_forms__input-with-label-form input span svg,
.main_ui_components_forms__input-element label svg,
.main_ui_components_forms__input-with-label-form input label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_components_forms__input-element ::-moz-placeholder, .main_ui_components_forms__input-with-label-form input ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_forms__input-element ::placeholder, .main_ui_components_forms__input-with-label-form input ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_forms__input-element:hover, .main_ui_components_forms__input-with-label-form input:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_forms__input-element:hover span, .main_ui_components_forms__input-with-label-form input:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_forms__input-element:hover input, .main_ui_components_forms__input-with-label-form input:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_forms__input-element:active, .main_ui_components_forms__input-with-label-form input:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_components_forms__input-element:active span, .main_ui_components_forms__input-with-label-form input:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_components_forms__input-element:active input, .main_ui_components_forms__input-with-label-form input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_forms__input-element:focus, .main_ui_components_forms__input-with-label-form input:focus, .main_ui_components_forms__input-element:focus-within, .main_ui_components_forms__input-with-label-form input:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_forms__input-element:focus span, .main_ui_components_forms__input-with-label-form input:focus span, .main_ui_components_forms__input-element:focus-within span, .main_ui_components_forms__input-with-label-form input:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_forms__input-element:focus input, .main_ui_components_forms__input-with-label-form input:focus input, .main_ui_components_forms__input-element:focus-within input, .main_ui_components_forms__input-with-label-form input:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_forms__input-element:focus:hover, .main_ui_components_forms__input-with-label-form input:focus:hover, .main_ui_components_forms__input-element:focus-within:hover, .main_ui_components_forms__input-with-label-form input:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_forms__input-element:focus:hover span, .main_ui_components_forms__input-with-label-form input:focus:hover span, .main_ui_components_forms__input-element:focus-within:hover span, .main_ui_components_forms__input-with-label-form input:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_forms__input-element:focus:hover input, .main_ui_components_forms__input-with-label-form input:focus:hover input, .main_ui_components_forms__input-element:focus-within:hover input, .main_ui_components_forms__input-with-label-form input:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_components_forms__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_components_forms__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_components_forms__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_forms__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_forms__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_forms__input-element-label:focus-within input, .main_ui_components_forms__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_components_forms__disabled-input, .main_ui_components_forms__input-wrapper.main_ui_components_forms__invalid input, .main_ui_components_forms__input-wrapper.main_ui_components_forms__valid input, .main_ui_components_forms__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_components_forms__disabled-input input, .main_ui_components_forms__input-wrapper.main_ui_components_forms__invalid input input, .main_ui_components_forms__input-wrapper.main_ui_components_forms__valid input input, .main_ui_components_forms__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_components_forms__disabled-input span svg, .main_ui_components_forms__input-wrapper.main_ui_components_forms__invalid input span svg, .main_ui_components_forms__input-wrapper.main_ui_components_forms__valid input span svg, .main_ui_components_forms__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

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

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

.main_ui_components_forms__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_components_forms__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_forms__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_components_forms__input-with-label input:focus-within, .main_ui_components_forms__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_forms__input-with-label input:focus-within input, .main_ui_components_forms__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_forms__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_components_forms__modal-overlay-base {
  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);
}

.main_ui_components_forms__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_components_forms__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_components_forms__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_components_forms__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_components_forms__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_forms__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_forms__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_components_forms__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_components_forms__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_components_forms__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_components_forms__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_components_forms__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_components_forms__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_components_forms__colorpicker-handler {
  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;
}
.main_ui_components_forms__colorpicker-handler:hover, .main_ui_components_forms__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_components_forms__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_components_forms__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_components_forms__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_components_forms__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_components_forms__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_forms__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_components_forms__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_components_forms__menu-dropdown, .main_ui_components_forms__custom-select 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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_components_forms__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_components_forms__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_components_forms__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_components_forms__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_components_forms__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_components_forms__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_components_forms__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_components_forms__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_components_forms__select-wrapper, .main_ui_components_forms__custom-select {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_components_forms__input-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.main_ui_components_forms__input-wrapper.main_ui_components_forms__valid input {
  border: 1px solid var(--input-border-color-success);
}
.main_ui_components_forms__input-wrapper.main_ui_components_forms__valid input:hover, .main_ui_components_forms__input-wrapper.main_ui_components_forms__valid input:focus {
  border: 1px solid var(--input-border-color-success);
}
.main_ui_components_forms__input-wrapper.main_ui_components_forms__invalid input {
  border: 1px solid var(--input-border-color-error);
}
.main_ui_components_forms__input-wrapper.main_ui_components_forms__invalid input:hover, .main_ui_components_forms__input-wrapper.main_ui_components_forms__invalid input:focus {
  border: 1px solid var(--input-border-color-error);
}
.main_ui_components_forms__input-wrapper.main_ui_components_forms__valid .main_ui_components_forms__help-icon, .main_ui_components_forms__input-wrapper.main_ui_components_forms__invalid .main_ui_components_forms__help-icon {
  right: 2.5rem;
}

.main_ui_components_forms__input-with-label-form {
  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: uppercase;
}
.main_ui_components_forms__input-with-label-form input {
  color: var(--input-foreground-color-active);
  margin-top: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0 0.5rem;
}
.main_ui_components_forms__input-with-label-form input:focus {
  outline: none;
  border: 1px solid var(--input-border-color-focus);
  border-radius: 0.5rem;
}
.main_ui_components_forms__input-with-label-form input:-webkit-autofill,
.main_ui_components_forms__input-with-label-form input:-webkit-autofill:hover,
.main_ui_components_forms__input-with-label-form input:-webkit-autofill:focus,
.main_ui_components_forms__input-with-label-form 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);
}

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

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

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

.main_ui_components_forms__valid-icon {
  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);
}
.main_ui_components_forms__valid-icon svg {
  width: 0.75rem;
  height: 0.75rem;
  fill: var(--input-border-color-success);
  stroke: var(--input-background-color);
}

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

.main_ui_components_forms__hint {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 99%;
  margin-block-start: 0.5rem;
  color: var(--modal-text-foreground-color);
}

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

.main_ui_components_forms__custom-select {
  height: 2rem;
}
.main_ui_components_forms__custom-select .main_ui_components_forms__input-container {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  height: 2rem;
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_components_forms__custom-select .main_ui_components_forms__input-container .main_ui_components_forms__main-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  justify-content: center;
  flex-grow: 1;
  height: 100%;
  padding: 0.5rem;
}
.main_ui_components_forms__custom-select .main_ui_components_forms__input-container .main_ui_components_forms__main-content .main_ui_components_forms__label {
  color: var(--input-foreground-color);
}
.main_ui_components_forms__custom-select .main_ui_components_forms__input-container .main_ui_components_forms__main-content .main_ui_components_forms__value {
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: 0px;
  color: var(--input-foreground-color-active);
}
.main_ui_components_forms__custom-select .main_ui_components_forms__input-container .main_ui_components_forms__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 1.5rem;
  pointer-events: none;
}
.main_ui_components_forms__custom-select .main_ui_components_forms__input-container .main_ui_components_forms__icon svg {
  stroke: var(--icon-foreground);
  transform: rotate(90deg);
}
.main_ui_components_forms__custom-select .main_ui_components_forms__input-container.main_ui_components_forms__disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_components_forms__custom-select .main_ui_components_forms__input-container.main_ui_components_forms__focus {
  outline: none;
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_forms__custom-select select {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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;
}
.main_ui_components_forms__custom-select select option {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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;
}

.main_ui_components_forms__button-submit:disabled {
  min-height: 2rem;
}

.main_ui_components_forms__custom-multi-input {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 2.5rem;
  max-height: 11.25rem;
  width: 100%;
  overflow-y: hidden;
}
.main_ui_components_forms__custom-multi-input .main_ui_components_forms__inside-input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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: 2rem;
  padding-top: 0;
  height: 2rem;
  padding: 0.5rem;
  margin: 0;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_forms__custom-multi-input .main_ui_components_forms__inside-input:focus {
  outline: none;
  border: 1px solid var(--input-border-color-focus);
}
.main_ui_components_forms__custom-multi-input .main_ui_components_forms__inside-input.main_ui_components_forms__invalid {
  border: 1px solid var(--input-border-color-error);
}
.main_ui_components_forms__custom-multi-input .main_ui_components_forms__inside-input.main_ui_components_forms__invalid:hover, .main_ui_components_forms__custom-multi-input .main_ui_components_forms__inside-input.main_ui_components_forms__invalid:focus {
  border: 1px solid var(--input-border-color-error);
}
.main_ui_components_forms__custom-multi-input label {
  display: none;
}
.main_ui_components_forms__custom-multi-input .main_ui_components_forms__selected-items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  max-height: 8.5rem;
  padding: 0.25rem 0;
  overflow-y: scroll;
}
.main_ui_components_forms__custom-multi-input .main_ui_components_forms__selected-items .main_ui_components_forms__selected-item .main_ui_components_forms__around {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  height: 1.5rem;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--pill-background-color);
  border: 1px solid var(--pill-background-color);
  box-sizing: border-box;
}
.main_ui_components_forms__custom-multi-input .main_ui_components_forms__selected-items .main_ui_components_forms__selected-item .main_ui_components_forms__around .main_ui_components_forms__text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  padding-right: 0.5rem;
  color: var(--pill-foreground-color);
}
.main_ui_components_forms__custom-multi-input .main_ui_components_forms__selected-items .main_ui_components_forms__selected-item .main_ui_components_forms__around .main_ui_components_forms__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
  height: 2rem;
  width: 1.5rem;
}
.main_ui_components_forms__custom-multi-input .main_ui_components_forms__selected-items .main_ui_components_forms__selected-item .main_ui_components_forms__around .main_ui_components_forms__icon svg {
  stroke: var(--icon-foreground);
}
.main_ui_components_forms__custom-multi-input .main_ui_components_forms__selected-items .main_ui_components_forms__selected-item .main_ui_components_forms__around.main_ui_components_forms__invalid {
  background-color: var(--status-widget-background-color-error);
}
.main_ui_components_forms__custom-multi-input .main_ui_components_forms__selected-items .main_ui_components_forms__selected-item .main_ui_components_forms__around.main_ui_components_forms__invalid .main_ui_components_forms__text {
  color: var(--alert-text-foreground-color-error);
}
.main_ui_components_forms__custom-multi-input .main_ui_components_forms__selected-items .main_ui_components_forms__selected-item .main_ui_components_forms__around.main_ui_components_forms__invalid .main_ui_components_forms__icon svg {
  stroke: var(--alert-text-foreground-color-error);
}

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

.main_ui_components_forms__radio-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  align-items: flex-start;
  gap: 0.5rem;
  min-height: 2rem;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 0.5rem;
  padding: 0.5rem;
  color: var(--input-foreground-color-rest);
  border: 1px solid transparent;
}
.main_ui_components_forms__radio-label:focus, .main_ui_components_forms__radio-label:focus-within {
  outline: none;
  border: 1px solid var(--input-border-color-active);
}

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

.main_ui_components_forms__radio-input {
  width: 0;
  margin: 0;
}

.main_ui_components_forms__radio-icon {
  border-radius: 50%;
}

.main_ui_components_forms__radio-label-image {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  display: grid;
  grid-template-rows: auto auto 0px;
  justify-items: center;
  gap: 0;
  border-radius: 0.5rem;
  margin: 0;
  border: 1px solid var(--color-background-tertiary);
  cursor: pointer;
}
.main_ui_components_forms__radio-label-image.checked {
  border: 1px solid var(--color-accent-primary);
}
.main_ui_components_forms__radio-label-image:focus, .main_ui_components_forms__radio-label-image:focus-within {
  outline: none;
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_forms__radio-label-image .main_ui_components_forms__image-text {
  color: var(--input-foreground-color-rest);
  display: grid;
  align-self: center;
  margin-bottom: 1rem;
  padding-inline: 0.5rem;
  text-align: center;
}

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

.main_ui_components_forms__icon-inside {
  margin: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_forms__icon-inside svg {
  width: 40px;
  height: 60px;
  stroke: var(--icon-foreground);
  fill: none;
}

.main_ui_components_forms__textarea-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--modal-title-foreground-color);
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.main_ui_components_forms__textarea-wrapper {
  display: grid;
  grid-template-rows: auto 1fr;
}
@keyframes main_ui_components_radio_buttons__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_components_radio_buttons__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_components_radio_buttons__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_components_radio_buttons__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_components_radio_buttons__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_components_radio_buttons__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_components_radio_buttons__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_components_radio_buttons__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_components_radio_buttons__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_radio_buttons__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_radio_buttons__new-scrollbar ::placeholder,
.main_ui_components_radio_buttons__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_components_radio_buttons__button-primary, .main_ui_components_radio_buttons__modal-danger-btn, .main_ui_components_radio_buttons__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_components_radio_buttons__button-primary:focus-visible, .main_ui_components_radio_buttons__modal-danger-btn:focus-visible, .main_ui_components_radio_buttons__modal-accept-btn: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);
}
.main_ui_components_radio_buttons__button-primary:focus-visible svg, .main_ui_components_radio_buttons__modal-danger-btn:focus-visible svg, .main_ui_components_radio_buttons__modal-accept-btn:focus-visible svg,
.main_ui_components_radio_buttons__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_components_radio_buttons__button-primary svg, .main_ui_components_radio_buttons__modal-danger-btn svg, .main_ui_components_radio_buttons__modal-accept-btn svg,
.main_ui_components_radio_buttons__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_components_radio_buttons__button-primary:hover, .main_ui_components_radio_buttons__modal-danger-btn:hover, .main_ui_components_radio_buttons__modal-accept-btn: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;
}
.main_ui_components_radio_buttons__button-primary:hover svg, .main_ui_components_radio_buttons__modal-danger-btn:hover svg, .main_ui_components_radio_buttons__modal-accept-btn:hover svg,
.main_ui_components_radio_buttons__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_components_radio_buttons__button-primary:active, .main_ui_components_radio_buttons__modal-danger-btn:active, .main_ui_components_radio_buttons__modal-accept-btn: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;
}
.main_ui_components_radio_buttons__button-primary:active svg, .main_ui_components_radio_buttons__modal-danger-btn:active svg, .main_ui_components_radio_buttons__modal-accept-btn:active svg,
.main_ui_components_radio_buttons__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_components_radio_buttons__button-primary.disabled, .main_ui_components_radio_buttons__modal-danger-btn.disabled, .main_ui_components_radio_buttons__modal-accept-btn.disabled, .main_ui_components_radio_buttons__button-primary[disabled], [disabled].main_ui_components_radio_buttons__modal-danger-btn, [disabled].main_ui_components_radio_buttons__modal-accept-btn, .main_ui_components_radio_buttons__button-primary:disabled, .main_ui_components_radio_buttons__modal-danger-btn:disabled, .main_ui_components_radio_buttons__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_radio_buttons__button-secondary, .main_ui_components_radio_buttons__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_radio_buttons__button-secondary:focus-visible, .main_ui_components_radio_buttons__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_radio_buttons__button-secondary:focus-visible svg, .main_ui_components_radio_buttons__modal-cancel-btn:focus-visible svg,
.main_ui_components_radio_buttons__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_radio_buttons__button-secondary svg, .main_ui_components_radio_buttons__modal-cancel-btn svg,
.main_ui_components_radio_buttons__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_radio_buttons__button-secondary:hover, .main_ui_components_radio_buttons__modal-cancel-btn: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;
}
.main_ui_components_radio_buttons__button-secondary:hover svg, .main_ui_components_radio_buttons__modal-cancel-btn:hover svg,
.main_ui_components_radio_buttons__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_components_radio_buttons__button-secondary:active, .main_ui_components_radio_buttons__modal-cancel-btn: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);
}
.main_ui_components_radio_buttons__button-secondary:active svg, .main_ui_components_radio_buttons__modal-cancel-btn:active svg,
.main_ui_components_radio_buttons__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_components_radio_buttons__button-secondary.disabled, .main_ui_components_radio_buttons__modal-cancel-btn.disabled, .main_ui_components_radio_buttons__button-secondary[disabled], [disabled].main_ui_components_radio_buttons__modal-cancel-btn, .main_ui_components_radio_buttons__button-secondary:disabled, .main_ui_components_radio_buttons__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_radio_buttons__button-tertiary, .main_ui_components_radio_buttons__attr-title button, .main_ui_components_radio_buttons__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_components_radio_buttons__button-tertiary:focus-visible, .main_ui_components_radio_buttons__attr-title button:focus-visible, .main_ui_components_radio_buttons__modal-close-btn-base: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);
}
.main_ui_components_radio_buttons__button-tertiary:focus-visible svg, .main_ui_components_radio_buttons__attr-title button:focus-visible svg, .main_ui_components_radio_buttons__modal-close-btn-base:focus-visible svg,
.main_ui_components_radio_buttons__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_components_radio_buttons__button-tertiary svg, .main_ui_components_radio_buttons__attr-title button svg, .main_ui_components_radio_buttons__modal-close-btn-base svg,
.main_ui_components_radio_buttons__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_components_radio_buttons__button-tertiary:hover, .main_ui_components_radio_buttons__attr-title button:hover, .main_ui_components_radio_buttons__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_components_radio_buttons__button-tertiary:hover svg, .main_ui_components_radio_buttons__attr-title button:hover svg, .main_ui_components_radio_buttons__modal-close-btn-base:hover svg,
.main_ui_components_radio_buttons__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_components_radio_buttons__button-tertiary:active, .main_ui_components_radio_buttons__attr-title button:active, .main_ui_components_radio_buttons__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_radio_buttons__button-tertiary:active svg, .main_ui_components_radio_buttons__attr-title button:active svg, .main_ui_components_radio_buttons__modal-close-btn-base:active svg,
.main_ui_components_radio_buttons__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_radio_buttons__button-tertiary.disabled, .main_ui_components_radio_buttons__attr-title button.disabled, .main_ui_components_radio_buttons__modal-close-btn-base.disabled, .main_ui_components_radio_buttons__button-tertiary[disabled], .main_ui_components_radio_buttons__attr-title button[disabled], [disabled].main_ui_components_radio_buttons__modal-close-btn-base, .main_ui_components_radio_buttons__button-tertiary:disabled, .main_ui_components_radio_buttons__attr-title button:disabled, .main_ui_components_radio_buttons__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_components_radio_buttons__button-tertiary.disabled svg, .main_ui_components_radio_buttons__attr-title button.disabled svg, .main_ui_components_radio_buttons__modal-close-btn-base.disabled svg,
.main_ui_components_radio_buttons__button-tertiary.disabled span svg, .main_ui_components_radio_buttons__button-tertiary[disabled] svg, .main_ui_components_radio_buttons__attr-title button[disabled] svg, [disabled].main_ui_components_radio_buttons__modal-close-btn-base svg,
.main_ui_components_radio_buttons__button-tertiary[disabled] span svg, .main_ui_components_radio_buttons__button-tertiary:disabled svg, .main_ui_components_radio_buttons__attr-title button:disabled svg, .main_ui_components_radio_buttons__modal-close-btn-base:disabled svg,
.main_ui_components_radio_buttons__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_components_radio_buttons__button-icon-selected {
  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);
}
.main_ui_components_radio_buttons__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_components_radio_buttons__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_components_radio_buttons__button-radio: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);
}
.main_ui_components_radio_buttons__button-radio:focus-visible svg,
.main_ui_components_radio_buttons__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_components_radio_buttons__button-radio svg,
.main_ui_components_radio_buttons__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_components_radio_buttons__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_components_radio_buttons__button-radio:hover svg,
.main_ui_components_radio_buttons__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_components_radio_buttons__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_components_radio_buttons__button-radio:active svg,
.main_ui_components_radio_buttons__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_components_radio_buttons__button-warning {
  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);
}

.main_ui_components_radio_buttons__button-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;
}

.main_ui_components_radio_buttons__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_radio_buttons__button-tag: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);
}
.main_ui_components_radio_buttons__button-tag:focus-visible svg,
.main_ui_components_radio_buttons__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_components_radio_buttons__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_components_radio_buttons__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_components_radio_buttons__button-icon, .main_ui_components_radio_buttons__radio-icon svg, .main_ui_components_radio_buttons__empty-icon svg, .main_ui_components_radio_buttons__modal-close-btn-base svg, .main_ui_components_radio_buttons__button-icon-small, .main_ui_components_radio_buttons__dropdown-element-base span svg, .main_ui_components_radio_buttons__attr-title button svg, .main_ui_components_radio_buttons__checkbox-icon.intermediate svg, .main_ui_components_radio_buttons__input-checkbox label span.intermediate svg, .main_ui_components_radio_buttons__checkbox-icon.checked svg, .main_ui_components_radio_buttons__input-checkbox label span.checked svg, .main_ui_components_radio_buttons__input-element span svg,
.main_ui_components_radio_buttons__input-element label svg, .main_ui_components_radio_buttons__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_components_radio_buttons__button-icon-small, .main_ui_components_radio_buttons__dropdown-element-base span svg, .main_ui_components_radio_buttons__attr-title button svg, .main_ui_components_radio_buttons__checkbox-icon.intermediate svg, .main_ui_components_radio_buttons__input-checkbox label span.intermediate svg, .main_ui_components_radio_buttons__checkbox-icon.checked svg, .main_ui_components_radio_buttons__input-checkbox label span.checked svg, .main_ui_components_radio_buttons__input-element span svg,
.main_ui_components_radio_buttons__input-element label svg, .main_ui_components_radio_buttons__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_components_radio_buttons__input-base, .main_ui_components_radio_buttons__input-with-label input, .main_ui_components_radio_buttons__input-element-label input, .main_ui_components_radio_buttons__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_radio_buttons__input-base[disabled], .main_ui_components_radio_buttons__input-with-label input[disabled], .main_ui_components_radio_buttons__input-element-label input[disabled], .main_ui_components_radio_buttons__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_components_radio_buttons__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_components_radio_buttons__input-label, .main_ui_components_radio_buttons__input-element span,
.main_ui_components_radio_buttons__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_components_radio_buttons__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_components_radio_buttons__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_radio_buttons__input-element span svg,
.main_ui_components_radio_buttons__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_components_radio_buttons__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_radio_buttons__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_radio_buttons__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_radio_buttons__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_radio_buttons__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_radio_buttons__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_components_radio_buttons__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_components_radio_buttons__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_radio_buttons__input-element:focus, .main_ui_components_radio_buttons__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_radio_buttons__input-element:focus span, .main_ui_components_radio_buttons__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_radio_buttons__input-element:focus input, .main_ui_components_radio_buttons__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_radio_buttons__input-element:focus:hover, .main_ui_components_radio_buttons__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_radio_buttons__input-element:focus:hover span, .main_ui_components_radio_buttons__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_radio_buttons__input-element:focus:hover input, .main_ui_components_radio_buttons__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_components_radio_buttons__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_components_radio_buttons__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_components_radio_buttons__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_radio_buttons__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_radio_buttons__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_radio_buttons__input-element-label:focus-within input, .main_ui_components_radio_buttons__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_components_radio_buttons__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_components_radio_buttons__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_radio_buttons__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_components_radio_buttons__input-with-label input:focus-within, .main_ui_components_radio_buttons__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_radio_buttons__input-with-label input:focus-within input, .main_ui_components_radio_buttons__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_radio_buttons__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_components_radio_buttons__modal-overlay-base {
  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);
}

.main_ui_components_radio_buttons__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_components_radio_buttons__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_components_radio_buttons__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_components_radio_buttons__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_components_radio_buttons__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_radio_buttons__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_radio_buttons__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_components_radio_buttons__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_components_radio_buttons__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_components_radio_buttons__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_components_radio_buttons__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_components_radio_buttons__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_components_radio_buttons__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_components_radio_buttons__colorpicker-handler {
  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;
}
.main_ui_components_radio_buttons__colorpicker-handler:hover, .main_ui_components_radio_buttons__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_components_radio_buttons__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_components_radio_buttons__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_components_radio_buttons__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_components_radio_buttons__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_components_radio_buttons__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_radio_buttons__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_components_radio_buttons__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_components_radio_buttons__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_components_radio_buttons__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_components_radio_buttons__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_components_radio_buttons__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_components_radio_buttons__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_components_radio_buttons__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_components_radio_buttons__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_components_radio_buttons__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_components_radio_buttons__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_components_radio_buttons__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_components_radio_buttons__radio-btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  height: 2rem;
  background-color: var(--input-background-color);
}

.main_ui_components_radio_buttons__radio-icon {
  --radio-icon-border-color: var(--radio-btn-border-color);
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  flex-grow: 1;
  border-radius: 0.5rem;
  box-sizing: border-box;
  border: 0.125rem solid var(--radio-icon-border-color);
}
.main_ui_components_radio_buttons__radio-icon: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);
}
.main_ui_components_radio_buttons__radio-icon:focus-visible svg,
.main_ui_components_radio_buttons__radio-icon:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_components_radio_buttons__radio-icon input {
  display: none;
}
.main_ui_components_radio_buttons__radio-icon svg {
  stroke: var(--radio-btn-foreground-color);
}
.main_ui_components_radio_buttons__radio-icon .main_ui_components_radio_buttons__title-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--radio-btn-foreground-color);
}
.main_ui_components_radio_buttons__radio-icon:hover svg {
  stroke: var(--radio-btn-foreground-color-selected);
}

.main_ui_components_radio_buttons__checked {
  --radio-icon-border-color: var(--radio-btn-border-color-selected);
  background-color: var(--radio-btn-background-color-selected);
}
.main_ui_components_radio_buttons__checked svg {
  stroke: var(--radio-btn-foreground-color-selected);
}
.main_ui_components_radio_buttons__checked .main_ui_components_radio_buttons__title-name {
  color: var(--radio-btn-foreground-color-selected);
}

.main_ui_components_radio_buttons__disabled {
  cursor: default;
  background-color: transparent;
  border: 0.125rem solid transparent;
}
.main_ui_components_radio_buttons__disabled svg {
  stroke: var(--button-foreground-color-disabled);
}
.main_ui_components_radio_buttons__disabled .main_ui_components_radio_buttons__title-name {
  color: var(--button-foreground-color-disabled);
}
.main_ui_components_radio_buttons__disabled:hover {
  background-color: transparent;
  border: 0.125rem solid transparent;
}
.main_ui_components_radio_buttons__disabled:hover svg {
  stroke: var(--button-foreground-color-disabled);
}
.main_ui_components_radio_buttons__disabled:hover .main_ui_components_radio_buttons__title-name {
  color: var(--button-foreground-color-disabled);
}
.main_ui_components_reorder_handler__reorder {
  cursor: grab;
  display: flex;
  flex-direction: column;
  height: calc(100% + var(--sp-m));
  justify-content: center;
  left: var(--reorder-left-position, calc(-1 * var(--sp-l)));
  position: absolute;
  top: calc(-1 * var(--sp-m) / 2);
  z-index: var(--z-index-panels);
}

.main_ui_components_reorder_handler__reorder-icon {
  height: var(--sp-l);
  pointer-events: none;
  visibility: var(--reorder-icon-visibility, hidden);
  --icon-stroke-color: var(--color-foreground-secondary);
}

.main_ui_components_reorder_handler__reorder-separator-top,
.main_ui_components_reorder_handler__reorder-separator-bottom {
  border-color: var(--color-accent-primary);
  margin: 0;
  position: absolute;
  width: 100%;
}

.main_ui_components_reorder_handler__reorder-separator-top {
  display: var(--reorder-top-display, none);
  top: calc(-1 * var(--sp-xxs));
}

.main_ui_components_reorder_handler__reorder-separator-bottom {
  display: var(--reorder-bottom-display, none);
  bottom: calc(-1 * var(--sp-xxs));
}
@keyframes main_ui_components_search_bar__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_components_search_bar__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_components_search_bar__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_components_search_bar__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_components_search_bar__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_components_search_bar__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_components_search_bar__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_components_search_bar__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_components_search_bar__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_search_bar__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_search_bar__new-scrollbar ::placeholder,
.main_ui_components_search_bar__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_components_search_bar__button-primary, .main_ui_components_search_bar__modal-danger-btn, .main_ui_components_search_bar__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_components_search_bar__button-primary:focus-visible, .main_ui_components_search_bar__modal-danger-btn:focus-visible, .main_ui_components_search_bar__modal-accept-btn: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);
}
.main_ui_components_search_bar__button-primary:focus-visible svg, .main_ui_components_search_bar__modal-danger-btn:focus-visible svg, .main_ui_components_search_bar__modal-accept-btn:focus-visible svg,
.main_ui_components_search_bar__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_components_search_bar__button-primary svg, .main_ui_components_search_bar__modal-danger-btn svg, .main_ui_components_search_bar__modal-accept-btn svg,
.main_ui_components_search_bar__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_components_search_bar__button-primary:hover, .main_ui_components_search_bar__modal-danger-btn:hover, .main_ui_components_search_bar__modal-accept-btn: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;
}
.main_ui_components_search_bar__button-primary:hover svg, .main_ui_components_search_bar__modal-danger-btn:hover svg, .main_ui_components_search_bar__modal-accept-btn:hover svg,
.main_ui_components_search_bar__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_components_search_bar__button-primary:active, .main_ui_components_search_bar__modal-danger-btn:active, .main_ui_components_search_bar__modal-accept-btn: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;
}
.main_ui_components_search_bar__button-primary:active svg, .main_ui_components_search_bar__modal-danger-btn:active svg, .main_ui_components_search_bar__modal-accept-btn:active svg,
.main_ui_components_search_bar__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_components_search_bar__button-primary.disabled, .main_ui_components_search_bar__modal-danger-btn.disabled, .main_ui_components_search_bar__modal-accept-btn.disabled, .main_ui_components_search_bar__button-primary[disabled], [disabled].main_ui_components_search_bar__modal-danger-btn, [disabled].main_ui_components_search_bar__modal-accept-btn, .main_ui_components_search_bar__button-primary:disabled, .main_ui_components_search_bar__modal-danger-btn:disabled, .main_ui_components_search_bar__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_search_bar__button-secondary, .main_ui_components_search_bar__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_search_bar__button-secondary:focus-visible, .main_ui_components_search_bar__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_search_bar__button-secondary:focus-visible svg, .main_ui_components_search_bar__modal-cancel-btn:focus-visible svg,
.main_ui_components_search_bar__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_search_bar__button-secondary svg, .main_ui_components_search_bar__modal-cancel-btn svg,
.main_ui_components_search_bar__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_search_bar__button-secondary:hover, .main_ui_components_search_bar__modal-cancel-btn: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;
}
.main_ui_components_search_bar__button-secondary:hover svg, .main_ui_components_search_bar__modal-cancel-btn:hover svg,
.main_ui_components_search_bar__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_components_search_bar__button-secondary:active, .main_ui_components_search_bar__modal-cancel-btn: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);
}
.main_ui_components_search_bar__button-secondary:active svg, .main_ui_components_search_bar__modal-cancel-btn:active svg,
.main_ui_components_search_bar__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_components_search_bar__button-secondary.disabled, .main_ui_components_search_bar__modal-cancel-btn.disabled, .main_ui_components_search_bar__button-secondary[disabled], [disabled].main_ui_components_search_bar__modal-cancel-btn, .main_ui_components_search_bar__button-secondary:disabled, .main_ui_components_search_bar__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_search_bar__button-tertiary, .main_ui_components_search_bar__attr-title button, .main_ui_components_search_bar__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_components_search_bar__button-tertiary:focus-visible, .main_ui_components_search_bar__attr-title button:focus-visible, .main_ui_components_search_bar__modal-close-btn-base: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);
}
.main_ui_components_search_bar__button-tertiary:focus-visible svg, .main_ui_components_search_bar__attr-title button:focus-visible svg, .main_ui_components_search_bar__modal-close-btn-base:focus-visible svg,
.main_ui_components_search_bar__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_components_search_bar__button-tertiary svg, .main_ui_components_search_bar__attr-title button svg, .main_ui_components_search_bar__modal-close-btn-base svg,
.main_ui_components_search_bar__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_components_search_bar__button-tertiary:hover, .main_ui_components_search_bar__attr-title button:hover, .main_ui_components_search_bar__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_components_search_bar__button-tertiary:hover svg, .main_ui_components_search_bar__attr-title button:hover svg, .main_ui_components_search_bar__modal-close-btn-base:hover svg,
.main_ui_components_search_bar__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_components_search_bar__button-tertiary:active, .main_ui_components_search_bar__attr-title button:active, .main_ui_components_search_bar__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_search_bar__button-tertiary:active svg, .main_ui_components_search_bar__attr-title button:active svg, .main_ui_components_search_bar__modal-close-btn-base:active svg,
.main_ui_components_search_bar__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_search_bar__button-tertiary.disabled, .main_ui_components_search_bar__attr-title button.disabled, .main_ui_components_search_bar__modal-close-btn-base.disabled, .main_ui_components_search_bar__button-tertiary[disabled], .main_ui_components_search_bar__attr-title button[disabled], [disabled].main_ui_components_search_bar__modal-close-btn-base, .main_ui_components_search_bar__button-tertiary:disabled, .main_ui_components_search_bar__attr-title button:disabled, .main_ui_components_search_bar__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_components_search_bar__button-tertiary.disabled svg, .main_ui_components_search_bar__attr-title button.disabled svg, .main_ui_components_search_bar__modal-close-btn-base.disabled svg,
.main_ui_components_search_bar__button-tertiary.disabled span svg, .main_ui_components_search_bar__button-tertiary[disabled] svg, .main_ui_components_search_bar__attr-title button[disabled] svg, [disabled].main_ui_components_search_bar__modal-close-btn-base svg,
.main_ui_components_search_bar__button-tertiary[disabled] span svg, .main_ui_components_search_bar__button-tertiary:disabled svg, .main_ui_components_search_bar__attr-title button:disabled svg, .main_ui_components_search_bar__modal-close-btn-base:disabled svg,
.main_ui_components_search_bar__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_components_search_bar__button-icon-selected {
  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);
}
.main_ui_components_search_bar__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_components_search_bar__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_components_search_bar__button-radio: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);
}
.main_ui_components_search_bar__button-radio:focus-visible svg,
.main_ui_components_search_bar__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_components_search_bar__button-radio svg,
.main_ui_components_search_bar__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_components_search_bar__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_components_search_bar__button-radio:hover svg,
.main_ui_components_search_bar__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_components_search_bar__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_components_search_bar__button-radio:active svg,
.main_ui_components_search_bar__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_components_search_bar__button-warning {
  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);
}

.main_ui_components_search_bar__button-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;
}

.main_ui_components_search_bar__button-tag, .main_ui_components_search_bar__clear {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_search_bar__button-tag:focus-visible, .main_ui_components_search_bar__clear: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);
}
.main_ui_components_search_bar__button-tag:focus-visible svg, .main_ui_components_search_bar__clear:focus-visible svg,
.main_ui_components_search_bar__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_components_search_bar__button-tag:hover svg, .main_ui_components_search_bar__clear:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_components_search_bar__button-tag:active, .main_ui_components_search_bar__clear:active {
  border: none;
  background-color: transparent;
}

.main_ui_components_search_bar__button-icon, .main_ui_components_search_bar__empty-icon svg, .main_ui_components_search_bar__modal-close-btn-base svg, .main_ui_components_search_bar__button-icon-small, .main_ui_components_search_bar__clear svg, .main_ui_components_search_bar__dropdown-element-base span svg, .main_ui_components_search_bar__attr-title button svg, .main_ui_components_search_bar__checkbox-icon.intermediate svg, .main_ui_components_search_bar__input-checkbox label span.intermediate svg, .main_ui_components_search_bar__checkbox-icon.checked svg, .main_ui_components_search_bar__input-checkbox label span.checked svg, .main_ui_components_search_bar__input-element span svg,
.main_ui_components_search_bar__input-element label svg, .main_ui_components_search_bar__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_components_search_bar__button-icon-small, .main_ui_components_search_bar__clear svg, .main_ui_components_search_bar__dropdown-element-base span svg, .main_ui_components_search_bar__attr-title button svg, .main_ui_components_search_bar__checkbox-icon.intermediate svg, .main_ui_components_search_bar__input-checkbox label span.intermediate svg, .main_ui_components_search_bar__checkbox-icon.checked svg, .main_ui_components_search_bar__input-checkbox label span.checked svg, .main_ui_components_search_bar__input-element span svg,
.main_ui_components_search_bar__input-element label svg, .main_ui_components_search_bar__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_components_search_bar__input-base, .main_ui_components_search_bar__input-with-label input, .main_ui_components_search_bar__input-element-label input, .main_ui_components_search_bar__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_search_bar__input-base[disabled], .main_ui_components_search_bar__input-with-label input[disabled], .main_ui_components_search_bar__input-element-label input[disabled], .main_ui_components_search_bar__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_components_search_bar__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_components_search_bar__input-label, .main_ui_components_search_bar__input-element span,
.main_ui_components_search_bar__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_components_search_bar__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_components_search_bar__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_search_bar__input-element span svg,
.main_ui_components_search_bar__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_components_search_bar__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_search_bar__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_search_bar__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_search_bar__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_search_bar__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_search_bar__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_components_search_bar__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_components_search_bar__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_search_bar__input-element:focus, .main_ui_components_search_bar__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_search_bar__input-element:focus span, .main_ui_components_search_bar__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_search_bar__input-element:focus input, .main_ui_components_search_bar__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_search_bar__input-element:focus:hover, .main_ui_components_search_bar__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_search_bar__input-element:focus:hover span, .main_ui_components_search_bar__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_search_bar__input-element:focus:hover input, .main_ui_components_search_bar__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_components_search_bar__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_components_search_bar__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_components_search_bar__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_search_bar__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_search_bar__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_search_bar__input-element-label:focus-within input, .main_ui_components_search_bar__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_components_search_bar__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_components_search_bar__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_search_bar__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_components_search_bar__input-with-label input:focus-within, .main_ui_components_search_bar__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_search_bar__input-with-label input:focus-within input, .main_ui_components_search_bar__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_search_bar__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_components_search_bar__modal-overlay-base {
  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);
}

.main_ui_components_search_bar__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_components_search_bar__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_components_search_bar__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_components_search_bar__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_components_search_bar__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_search_bar__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_search_bar__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_components_search_bar__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_components_search_bar__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_components_search_bar__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_components_search_bar__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_components_search_bar__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_components_search_bar__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_components_search_bar__colorpicker-handler {
  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;
}
.main_ui_components_search_bar__colorpicker-handler:hover, .main_ui_components_search_bar__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_components_search_bar__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_components_search_bar__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_components_search_bar__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_components_search_bar__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_components_search_bar__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_search_bar__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_components_search_bar__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_components_search_bar__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_components_search_bar__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_components_search_bar__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_components_search_bar__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_components_search_bar__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_components_search_bar__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_components_search_bar__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_components_search_bar__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_components_search_bar__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_components_search_bar__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_components_search_bar__search-box {
  display: flex;
  gap: 0.125rem;
  height: 2rem;
  width: 100%;
  border-radius: 0.5rem;
  background-color: var(--search-bar-background-color);
}

.main_ui_components_search_bar__search-input-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 100%;
  border: 1px solid var(--search-bar-input-border-color);
  border-radius: 0.5rem;
  background-color: var(--search-bar-input-background-color);
}
.main_ui_components_search_bar__search-input-wrapper input {
  width: 100%;
  height: 100%;
  margin: 0 0.5rem 0 0.25rem;
  border: 0;
  background-color: var(--input-background-color);
  font-size: 0.75rem;
  color: var(--input-foreground-color);
  border-radius: 0.5rem;
}
.main_ui_components_search_bar__search-input-wrapper input:focus {
  outline: none;
}
.main_ui_components_search_bar__search-input-wrapper:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_search_bar__search-input-wrapper:hover input {
  background-color: var(--input-background-color-hover);
}
.main_ui_components_search_bar__search-input-wrapper:focus-within {
  background-color: var(--input-background-color-active);
  color: var(--input-foreground-color-active);
  border: 1px solid var(--input-border-color-focus);
}
.main_ui_components_search_bar__search-input-wrapper:focus-within input {
  background-color: var(--input-background-color-active);
}

.main_ui_components_search_bar__clear {
  border-radius: 0.5rem;
  height: 100%;
}
.main_ui_components_search_bar__clear svg {
  color: transparent;
  stroke: var(--icon-foreground);
}

.main_ui_components_search_bar__search-box.main_ui_components_search_bar__has-children .main_ui_components_search_bar__search-input-wrapper {
  border-radius: 0.125rem 0.5rem 0.5rem 0.125rem;
  margin-left: 0;
}
@keyframes main_ui_components_select__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_components_select__new-scrollbar, .main_ui_components_select__custom-select {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_components_select__new-scrollbar:hover, .main_ui_components_select__custom-select:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_components_select__new-scrollbar ::-webkit-scrollbar, .main_ui_components_select__custom-select ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_components_select__new-scrollbar ::-webkit-scrollbar-track, .main_ui_components_select__custom-select ::-webkit-scrollbar-track,
.main_ui_components_select__new-scrollbar ::-webkit-scrollbar-corner,
.main_ui_components_select__custom-select ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_components_select__new-scrollbar ::-webkit-scrollbar-thumb, .main_ui_components_select__custom-select ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_components_select__new-scrollbar ::-webkit-scrollbar-thumb:hover, .main_ui_components_select__custom-select ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_components_select__new-scrollbar ::-moz-selection, .main_ui_components_select__custom-select ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_select__new-scrollbar ::selection, .main_ui_components_select__custom-select ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_select__new-scrollbar ::placeholder, .main_ui_components_select__custom-select ::placeholder,
.main_ui_components_select__new-scrollbar ::-webkit-input-placeholder,
.main_ui_components_select__custom-select ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_components_select__button-primary, .main_ui_components_select__modal-danger-btn, .main_ui_components_select__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_components_select__button-primary:focus-visible, .main_ui_components_select__modal-danger-btn:focus-visible, .main_ui_components_select__modal-accept-btn: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);
}
.main_ui_components_select__button-primary:focus-visible svg, .main_ui_components_select__modal-danger-btn:focus-visible svg, .main_ui_components_select__modal-accept-btn:focus-visible svg,
.main_ui_components_select__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_components_select__button-primary svg, .main_ui_components_select__modal-danger-btn svg, .main_ui_components_select__modal-accept-btn svg,
.main_ui_components_select__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_components_select__button-primary:hover, .main_ui_components_select__modal-danger-btn:hover, .main_ui_components_select__modal-accept-btn: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;
}
.main_ui_components_select__button-primary:hover svg, .main_ui_components_select__modal-danger-btn:hover svg, .main_ui_components_select__modal-accept-btn:hover svg,
.main_ui_components_select__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_components_select__button-primary:active, .main_ui_components_select__modal-danger-btn:active, .main_ui_components_select__modal-accept-btn: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;
}
.main_ui_components_select__button-primary:active svg, .main_ui_components_select__modal-danger-btn:active svg, .main_ui_components_select__modal-accept-btn:active svg,
.main_ui_components_select__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_components_select__button-primary.disabled, .main_ui_components_select__modal-danger-btn.disabled, .main_ui_components_select__modal-accept-btn.disabled, .main_ui_components_select__button-primary[disabled], [disabled].main_ui_components_select__modal-danger-btn, [disabled].main_ui_components_select__modal-accept-btn, .main_ui_components_select__button-primary:disabled, .main_ui_components_select__modal-danger-btn:disabled, .main_ui_components_select__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_select__button-secondary, .main_ui_components_select__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_select__button-secondary:focus-visible, .main_ui_components_select__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_select__button-secondary:focus-visible svg, .main_ui_components_select__modal-cancel-btn:focus-visible svg,
.main_ui_components_select__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_select__button-secondary svg, .main_ui_components_select__modal-cancel-btn svg,
.main_ui_components_select__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_select__button-secondary:hover, .main_ui_components_select__modal-cancel-btn: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;
}
.main_ui_components_select__button-secondary:hover svg, .main_ui_components_select__modal-cancel-btn:hover svg,
.main_ui_components_select__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_components_select__button-secondary:active, .main_ui_components_select__modal-cancel-btn: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);
}
.main_ui_components_select__button-secondary:active svg, .main_ui_components_select__modal-cancel-btn:active svg,
.main_ui_components_select__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_components_select__button-secondary.disabled, .main_ui_components_select__modal-cancel-btn.disabled, .main_ui_components_select__button-secondary[disabled], [disabled].main_ui_components_select__modal-cancel-btn, .main_ui_components_select__button-secondary:disabled, .main_ui_components_select__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_select__button-tertiary, .main_ui_components_select__attr-title button, .main_ui_components_select__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_components_select__button-tertiary:focus-visible, .main_ui_components_select__attr-title button:focus-visible, .main_ui_components_select__modal-close-btn-base: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);
}
.main_ui_components_select__button-tertiary:focus-visible svg, .main_ui_components_select__attr-title button:focus-visible svg, .main_ui_components_select__modal-close-btn-base:focus-visible svg,
.main_ui_components_select__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_components_select__button-tertiary svg, .main_ui_components_select__attr-title button svg, .main_ui_components_select__modal-close-btn-base svg,
.main_ui_components_select__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_components_select__button-tertiary:hover, .main_ui_components_select__attr-title button:hover, .main_ui_components_select__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_components_select__button-tertiary:hover svg, .main_ui_components_select__attr-title button:hover svg, .main_ui_components_select__modal-close-btn-base:hover svg,
.main_ui_components_select__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_components_select__button-tertiary:active, .main_ui_components_select__attr-title button:active, .main_ui_components_select__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_select__button-tertiary:active svg, .main_ui_components_select__attr-title button:active svg, .main_ui_components_select__modal-close-btn-base:active svg,
.main_ui_components_select__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_select__button-tertiary.disabled, .main_ui_components_select__attr-title button.disabled, .main_ui_components_select__modal-close-btn-base.disabled, .main_ui_components_select__button-tertiary[disabled], .main_ui_components_select__attr-title button[disabled], [disabled].main_ui_components_select__modal-close-btn-base, .main_ui_components_select__button-tertiary:disabled, .main_ui_components_select__attr-title button:disabled, .main_ui_components_select__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_components_select__button-tertiary.disabled svg, .main_ui_components_select__attr-title button.disabled svg, .main_ui_components_select__modal-close-btn-base.disabled svg,
.main_ui_components_select__button-tertiary.disabled span svg, .main_ui_components_select__button-tertiary[disabled] svg, .main_ui_components_select__attr-title button[disabled] svg, [disabled].main_ui_components_select__modal-close-btn-base svg,
.main_ui_components_select__button-tertiary[disabled] span svg, .main_ui_components_select__button-tertiary:disabled svg, .main_ui_components_select__attr-title button:disabled svg, .main_ui_components_select__modal-close-btn-base:disabled svg,
.main_ui_components_select__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_components_select__button-icon-selected {
  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);
}
.main_ui_components_select__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_components_select__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_components_select__button-radio: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);
}
.main_ui_components_select__button-radio:focus-visible svg,
.main_ui_components_select__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_components_select__button-radio svg,
.main_ui_components_select__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_components_select__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_components_select__button-radio:hover svg,
.main_ui_components_select__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_components_select__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_components_select__button-radio:active svg,
.main_ui_components_select__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_components_select__button-warning {
  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);
}

.main_ui_components_select__button-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;
}

.main_ui_components_select__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_select__button-tag: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);
}
.main_ui_components_select__button-tag:focus-visible svg,
.main_ui_components_select__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_components_select__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_components_select__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_components_select__button-icon, .main_ui_components_select__checked-element .main_ui_components_select__icon svg, .main_ui_components_select__empty-icon svg, .main_ui_components_select__modal-close-btn-base svg, .main_ui_components_select__button-icon-small, .main_ui_components_select__checked-element .main_ui_components_select__check-icon svg, .main_ui_components_select__current-icon svg, .main_ui_components_select__dropdown-button svg, .main_ui_components_select__dropdown-element-base span svg, .main_ui_components_select__checked-element span svg, .main_ui_components_select__attr-title button svg, .main_ui_components_select__checkbox-icon.intermediate svg, .main_ui_components_select__input-checkbox label span.intermediate svg, .main_ui_components_select__checkbox-icon.checked svg, .main_ui_components_select__input-checkbox label span.checked svg, .main_ui_components_select__input-element span svg,
.main_ui_components_select__input-element label svg, .main_ui_components_select__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_components_select__button-icon-small, .main_ui_components_select__checked-element .main_ui_components_select__check-icon svg, .main_ui_components_select__current-icon svg, .main_ui_components_select__dropdown-button svg, .main_ui_components_select__dropdown-element-base span svg, .main_ui_components_select__checked-element span svg, .main_ui_components_select__attr-title button svg, .main_ui_components_select__checkbox-icon.intermediate svg, .main_ui_components_select__input-checkbox label span.intermediate svg, .main_ui_components_select__checkbox-icon.checked svg, .main_ui_components_select__input-checkbox label span.checked svg, .main_ui_components_select__input-element span svg,
.main_ui_components_select__input-element label svg, .main_ui_components_select__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_components_select__input-base, .main_ui_components_select__input-with-label input, .main_ui_components_select__input-element-label input, .main_ui_components_select__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_select__input-base[disabled], .main_ui_components_select__input-with-label input[disabled], .main_ui_components_select__input-element-label input[disabled], .main_ui_components_select__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_components_select__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_components_select__input-label, .main_ui_components_select__input-element span,
.main_ui_components_select__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_components_select__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_components_select__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_select__input-element span svg,
.main_ui_components_select__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_components_select__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_select__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_select__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_select__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_select__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_select__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_components_select__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_components_select__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_select__input-element:focus, .main_ui_components_select__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_select__input-element:focus span, .main_ui_components_select__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_select__input-element:focus input, .main_ui_components_select__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_select__input-element:focus:hover, .main_ui_components_select__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_select__input-element:focus:hover span, .main_ui_components_select__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_select__input-element:focus:hover input, .main_ui_components_select__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_components_select__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_components_select__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_components_select__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_select__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_select__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_select__input-element-label:focus-within input, .main_ui_components_select__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_components_select__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_components_select__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_select__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_components_select__input-with-label input:focus-within, .main_ui_components_select__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_select__input-with-label input:focus-within input, .main_ui_components_select__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_select__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_components_select__modal-overlay-base {
  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);
}

.main_ui_components_select__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_components_select__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_components_select__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_components_select__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_components_select__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_select__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_select__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_components_select__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_components_select__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_components_select__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_components_select__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_components_select__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_components_select__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_components_select__colorpicker-handler {
  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;
}
.main_ui_components_select__colorpicker-handler:hover, .main_ui_components_select__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_components_select__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_components_select__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_components_select__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_components_select__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_components_select__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_select__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_components_select__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_components_select__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_components_select__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_components_select__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_components_select__dropdown-element-base, .main_ui_components_select__checked-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_components_select__dropdown-element-base span, .main_ui_components_select__checked-element span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_components_select__dropdown-element-base span svg, .main_ui_components_select__checked-element span svg {
  stroke: var(--icon-foreground);
}
.main_ui_components_select__dropdown-element-base:hover, .main_ui_components_select__checked-element:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_components_select__dropdown-element-base:hover span svg, .main_ui_components_select__checked-element:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_components_select__dropdown-wrapper, .main_ui_components_select__custom-select-dropdown {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_components_select__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_components_select__custom-select {
  --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: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  height: 2rem;
  width: 100%;
  margin: 0;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
  color: var(--text-color);
  cursor: pointer;
}
.main_ui_components_select__custom-select.main_ui_components_select__icon {
  grid-template-columns: auto 1fr auto;
}
.main_ui_components_select__custom-select:hover {
  --bg-color: var(--menu-background-color-hover);
  --border-color: var(--menu-background-color);
  --icon-color: var(--menu-foreground-color-hover);
}
.main_ui_components_select__custom-select:focus {
  --bg-color: var(--menu-background-color-focus);
  --border-color: var(--menu-background-focus);
}

.main_ui_components_select__disabled {
  --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;
}

.main_ui_components_select__dropdown-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_select__dropdown-button svg {
  transform: rotate(90deg);
  stroke: var(--icon-color);
}

.main_ui_components_select__current-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  padding-right: 0.25rem;
}
.main_ui_components_select__current-icon svg {
  stroke: var(--icon-foreground);
}

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

.main_ui_components_select__custom-select-dropdown[data-direction=up] {
  bottom: 2rem;
  top: auto;
}

.main_ui_components_select__checked-element .main_ui_components_select__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  padding-right: 0.25rem;
}
.main_ui_components_select__checked-element .main_ui_components_select__icon svg {
  stroke: var(--icon-foreground);
}
.main_ui_components_select__checked-element .main_ui_components_select__label {
  flex-grow: 1;
  width: 100%;
}
.main_ui_components_select__checked-element .main_ui_components_select__check-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_select__checked-element .main_ui_components_select__check-icon svg {
  visibility: hidden;
  stroke: var(--icon-foreground);
}
.main_ui_components_select__checked-element.main_ui_components_select__is-selected {
  color: var(--menu-foreground-color);
}
.main_ui_components_select__checked-element.main_ui_components_select__is-selected .main_ui_components_select__check-icon svg {
  stroke: var(--menu-foreground-color);
  visibility: visible;
}
.main_ui_components_select__checked-element.main_ui_components_select__disabled {
  display: none;
}

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

.main_ui_components_tab_container__button-primary, .main_ui_components_tab_container__modal-danger-btn, .main_ui_components_tab_container__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_components_tab_container__button-primary:focus-visible, .main_ui_components_tab_container__modal-danger-btn:focus-visible, .main_ui_components_tab_container__modal-accept-btn: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);
}
.main_ui_components_tab_container__button-primary:focus-visible svg, .main_ui_components_tab_container__modal-danger-btn:focus-visible svg, .main_ui_components_tab_container__modal-accept-btn:focus-visible svg,
.main_ui_components_tab_container__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_components_tab_container__button-primary svg, .main_ui_components_tab_container__modal-danger-btn svg, .main_ui_components_tab_container__modal-accept-btn svg,
.main_ui_components_tab_container__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_components_tab_container__button-primary:hover, .main_ui_components_tab_container__modal-danger-btn:hover, .main_ui_components_tab_container__modal-accept-btn: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;
}
.main_ui_components_tab_container__button-primary:hover svg, .main_ui_components_tab_container__modal-danger-btn:hover svg, .main_ui_components_tab_container__modal-accept-btn:hover svg,
.main_ui_components_tab_container__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_components_tab_container__button-primary:active, .main_ui_components_tab_container__modal-danger-btn:active, .main_ui_components_tab_container__modal-accept-btn: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;
}
.main_ui_components_tab_container__button-primary:active svg, .main_ui_components_tab_container__modal-danger-btn:active svg, .main_ui_components_tab_container__modal-accept-btn:active svg,
.main_ui_components_tab_container__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_components_tab_container__button-primary.disabled, .main_ui_components_tab_container__modal-danger-btn.disabled, .main_ui_components_tab_container__modal-accept-btn.disabled, .main_ui_components_tab_container__button-primary[disabled], [disabled].main_ui_components_tab_container__modal-danger-btn, [disabled].main_ui_components_tab_container__modal-accept-btn, .main_ui_components_tab_container__button-primary:disabled, .main_ui_components_tab_container__modal-danger-btn:disabled, .main_ui_components_tab_container__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_tab_container__button-secondary, .main_ui_components_tab_container__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_tab_container__button-secondary:focus-visible, .main_ui_components_tab_container__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_tab_container__button-secondary:focus-visible svg, .main_ui_components_tab_container__modal-cancel-btn:focus-visible svg,
.main_ui_components_tab_container__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_tab_container__button-secondary svg, .main_ui_components_tab_container__modal-cancel-btn svg,
.main_ui_components_tab_container__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_tab_container__button-secondary:hover, .main_ui_components_tab_container__modal-cancel-btn: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;
}
.main_ui_components_tab_container__button-secondary:hover svg, .main_ui_components_tab_container__modal-cancel-btn:hover svg,
.main_ui_components_tab_container__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_components_tab_container__button-secondary:active, .main_ui_components_tab_container__modal-cancel-btn: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);
}
.main_ui_components_tab_container__button-secondary:active svg, .main_ui_components_tab_container__modal-cancel-btn:active svg,
.main_ui_components_tab_container__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_components_tab_container__button-secondary.disabled, .main_ui_components_tab_container__modal-cancel-btn.disabled, .main_ui_components_tab_container__button-secondary[disabled], [disabled].main_ui_components_tab_container__modal-cancel-btn, .main_ui_components_tab_container__button-secondary:disabled, .main_ui_components_tab_container__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_tab_container__button-tertiary, .main_ui_components_tab_container__attr-title button, .main_ui_components_tab_container__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_components_tab_container__button-tertiary:focus-visible, .main_ui_components_tab_container__attr-title button:focus-visible, .main_ui_components_tab_container__modal-close-btn-base: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);
}
.main_ui_components_tab_container__button-tertiary:focus-visible svg, .main_ui_components_tab_container__attr-title button:focus-visible svg, .main_ui_components_tab_container__modal-close-btn-base:focus-visible svg,
.main_ui_components_tab_container__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_components_tab_container__button-tertiary svg, .main_ui_components_tab_container__attr-title button svg, .main_ui_components_tab_container__modal-close-btn-base svg,
.main_ui_components_tab_container__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_components_tab_container__button-tertiary:hover, .main_ui_components_tab_container__attr-title button:hover, .main_ui_components_tab_container__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_components_tab_container__button-tertiary:hover svg, .main_ui_components_tab_container__attr-title button:hover svg, .main_ui_components_tab_container__modal-close-btn-base:hover svg,
.main_ui_components_tab_container__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_components_tab_container__button-tertiary:active, .main_ui_components_tab_container__attr-title button:active, .main_ui_components_tab_container__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_tab_container__button-tertiary:active svg, .main_ui_components_tab_container__attr-title button:active svg, .main_ui_components_tab_container__modal-close-btn-base:active svg,
.main_ui_components_tab_container__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_tab_container__button-tertiary.disabled, .main_ui_components_tab_container__attr-title button.disabled, .main_ui_components_tab_container__modal-close-btn-base.disabled, .main_ui_components_tab_container__button-tertiary[disabled], .main_ui_components_tab_container__attr-title button[disabled], [disabled].main_ui_components_tab_container__modal-close-btn-base, .main_ui_components_tab_container__button-tertiary:disabled, .main_ui_components_tab_container__attr-title button:disabled, .main_ui_components_tab_container__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_components_tab_container__button-tertiary.disabled svg, .main_ui_components_tab_container__attr-title button.disabled svg, .main_ui_components_tab_container__modal-close-btn-base.disabled svg,
.main_ui_components_tab_container__button-tertiary.disabled span svg, .main_ui_components_tab_container__button-tertiary[disabled] svg, .main_ui_components_tab_container__attr-title button[disabled] svg, [disabled].main_ui_components_tab_container__modal-close-btn-base svg,
.main_ui_components_tab_container__button-tertiary[disabled] span svg, .main_ui_components_tab_container__button-tertiary:disabled svg, .main_ui_components_tab_container__attr-title button:disabled svg, .main_ui_components_tab_container__modal-close-btn-base:disabled svg,
.main_ui_components_tab_container__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_components_tab_container__button-icon-selected {
  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);
}
.main_ui_components_tab_container__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_components_tab_container__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_components_tab_container__button-radio: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);
}
.main_ui_components_tab_container__button-radio:focus-visible svg,
.main_ui_components_tab_container__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_components_tab_container__button-radio svg,
.main_ui_components_tab_container__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_components_tab_container__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_components_tab_container__button-radio:hover svg,
.main_ui_components_tab_container__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_components_tab_container__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_components_tab_container__button-radio:active svg,
.main_ui_components_tab_container__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_components_tab_container__button-warning {
  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);
}

.main_ui_components_tab_container__button-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;
}

.main_ui_components_tab_container__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_tab_container__button-tag: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);
}
.main_ui_components_tab_container__button-tag:focus-visible svg,
.main_ui_components_tab_container__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_components_tab_container__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_components_tab_container__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_components_tab_container__button-icon, .main_ui_components_tab_container__tab-container-tab-title svg, .main_ui_components_tab_container__empty-icon svg, .main_ui_components_tab_container__modal-close-btn-base svg, .main_ui_components_tab_container__button-icon-small, .main_ui_components_tab_container__dropdown-element-base span svg, .main_ui_components_tab_container__attr-title button svg, .main_ui_components_tab_container__checkbox-icon.intermediate svg, .main_ui_components_tab_container__input-checkbox label span.intermediate svg, .main_ui_components_tab_container__checkbox-icon.checked svg, .main_ui_components_tab_container__input-checkbox label span.checked svg, .main_ui_components_tab_container__input-element span svg,
.main_ui_components_tab_container__input-element label svg, .main_ui_components_tab_container__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_components_tab_container__button-icon-small, .main_ui_components_tab_container__dropdown-element-base span svg, .main_ui_components_tab_container__attr-title button svg, .main_ui_components_tab_container__checkbox-icon.intermediate svg, .main_ui_components_tab_container__input-checkbox label span.intermediate svg, .main_ui_components_tab_container__checkbox-icon.checked svg, .main_ui_components_tab_container__input-checkbox label span.checked svg, .main_ui_components_tab_container__input-element span svg,
.main_ui_components_tab_container__input-element label svg, .main_ui_components_tab_container__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_components_tab_container__input-base, .main_ui_components_tab_container__input-with-label input, .main_ui_components_tab_container__input-element-label input, .main_ui_components_tab_container__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_tab_container__input-base[disabled], .main_ui_components_tab_container__input-with-label input[disabled], .main_ui_components_tab_container__input-element-label input[disabled], .main_ui_components_tab_container__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_components_tab_container__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_components_tab_container__input-label, .main_ui_components_tab_container__input-element span,
.main_ui_components_tab_container__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_components_tab_container__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_components_tab_container__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_tab_container__input-element span svg,
.main_ui_components_tab_container__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_components_tab_container__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_tab_container__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_tab_container__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_tab_container__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_tab_container__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_tab_container__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_components_tab_container__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_components_tab_container__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_tab_container__input-element:focus, .main_ui_components_tab_container__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_tab_container__input-element:focus span, .main_ui_components_tab_container__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_tab_container__input-element:focus input, .main_ui_components_tab_container__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_tab_container__input-element:focus:hover, .main_ui_components_tab_container__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_tab_container__input-element:focus:hover span, .main_ui_components_tab_container__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_tab_container__input-element:focus:hover input, .main_ui_components_tab_container__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_components_tab_container__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_components_tab_container__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_components_tab_container__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_tab_container__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_tab_container__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_tab_container__input-element-label:focus-within input, .main_ui_components_tab_container__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_components_tab_container__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_components_tab_container__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_tab_container__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_components_tab_container__input-with-label input:focus-within, .main_ui_components_tab_container__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_tab_container__input-with-label input:focus-within input, .main_ui_components_tab_container__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_tab_container__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_components_tab_container__modal-overlay-base {
  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);
}

.main_ui_components_tab_container__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_components_tab_container__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_components_tab_container__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_components_tab_container__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_components_tab_container__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_tab_container__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_tab_container__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_components_tab_container__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_components_tab_container__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_components_tab_container__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_components_tab_container__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_components_tab_container__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_components_tab_container__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_components_tab_container__colorpicker-handler {
  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;
}
.main_ui_components_tab_container__colorpicker-handler:hover, .main_ui_components_tab_container__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_components_tab_container__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_components_tab_container__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_components_tab_container__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_components_tab_container__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_components_tab_container__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_tab_container__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_components_tab_container__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_components_tab_container__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_components_tab_container__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_components_tab_container__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_components_tab_container__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_components_tab_container__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_components_tab_container__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_components_tab_container__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_components_tab_container__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_components_tab_container__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_components_tab_container__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

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

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

.main_ui_components_tab_container__tab-container-tab-wrapper {
  display: grid;
  grid-auto-flow: column;
  height: 100%;
  width: 100%;
}

.main_ui_components_tab_container__tab-container-tab-title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0 0.5rem;
  margin: 0;
  border-radius: 0.5rem;
  background-color: transparent;
  color: var(--tab-foreground-color);
  border: 0.125rem solid var(--tab-border-color);
  min-width: 0;
}
.main_ui_components_tab_container__tab-container-tab-title svg {
  stroke: var(--tab-foreground-color);
}
.main_ui_components_tab_container__tab-container-tab-title .main_ui_components_tab_container__content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_ui_components_tab_container__tab-container-tab-title.main_ui_components_tab_container__current, .main_ui_components_tab_container__tab-container-tab-title.main_ui_components_tab_container__current:hover {
  background: var(--tab-background-color-selected);
  border-color: var(--tab-border-color-selected);
  color: var(--tab-foreground-color-selected);
}
.main_ui_components_tab_container__tab-container-tab-title.main_ui_components_tab_container__current svg, .main_ui_components_tab_container__tab-container-tab-title.main_ui_components_tab_container__current:hover svg {
  stroke: var(--tab-foreground-color-selected);
}
.main_ui_components_tab_container__tab-container-tab-title:hover {
  color: var(--tab-foreground-color-hover);
}
.main_ui_components_tab_container__tab-container-tab-title:hover svg {
  stroke: var(--tab-foreground-color-hover);
}

.main_ui_components_tab_container__collapse-sidebar {
  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;
}
.main_ui_components_tab_container__collapse-sidebar svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  stroke: var(--icon-foreground);
  transform: rotate(180deg);
  fill: none;
  color: transparent;
}
.main_ui_components_tab_container__collapse-sidebar:hover svg {
  stroke: var(--icon-foreground-hover);
}
.main_ui_components_tab_container__collapse-sidebar.main_ui_components_tab_container__collapsed svg {
  transform: rotate(0deg);
  padding: 0 0 0 0.375rem;
}

.main_ui_components_tab_container__tab-container-content {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}

@supports (-moz-appearance: none) {
  .main_ui_components_tab_container__tab-container-content {
    padding-right: 0.5rem;
  }
}
@keyframes main_ui_components_title_bar__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_components_title_bar__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_components_title_bar__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_components_title_bar__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_components_title_bar__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_components_title_bar__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_components_title_bar__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_components_title_bar__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_components_title_bar__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_title_bar__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_components_title_bar__new-scrollbar ::placeholder,
.main_ui_components_title_bar__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_components_title_bar__button-primary, .main_ui_components_title_bar__modal-danger-btn, .main_ui_components_title_bar__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_components_title_bar__button-primary:focus-visible, .main_ui_components_title_bar__modal-danger-btn:focus-visible, .main_ui_components_title_bar__modal-accept-btn: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);
}
.main_ui_components_title_bar__button-primary:focus-visible svg, .main_ui_components_title_bar__modal-danger-btn:focus-visible svg, .main_ui_components_title_bar__modal-accept-btn:focus-visible svg,
.main_ui_components_title_bar__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_components_title_bar__button-primary svg, .main_ui_components_title_bar__modal-danger-btn svg, .main_ui_components_title_bar__modal-accept-btn svg,
.main_ui_components_title_bar__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_components_title_bar__button-primary:hover, .main_ui_components_title_bar__modal-danger-btn:hover, .main_ui_components_title_bar__modal-accept-btn: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;
}
.main_ui_components_title_bar__button-primary:hover svg, .main_ui_components_title_bar__modal-danger-btn:hover svg, .main_ui_components_title_bar__modal-accept-btn:hover svg,
.main_ui_components_title_bar__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_components_title_bar__button-primary:active, .main_ui_components_title_bar__modal-danger-btn:active, .main_ui_components_title_bar__modal-accept-btn: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;
}
.main_ui_components_title_bar__button-primary:active svg, .main_ui_components_title_bar__modal-danger-btn:active svg, .main_ui_components_title_bar__modal-accept-btn:active svg,
.main_ui_components_title_bar__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_components_title_bar__button-primary.disabled, .main_ui_components_title_bar__modal-danger-btn.disabled, .main_ui_components_title_bar__modal-accept-btn.disabled, .main_ui_components_title_bar__button-primary[disabled], [disabled].main_ui_components_title_bar__modal-danger-btn, [disabled].main_ui_components_title_bar__modal-accept-btn, .main_ui_components_title_bar__button-primary:disabled, .main_ui_components_title_bar__modal-danger-btn:disabled, .main_ui_components_title_bar__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_title_bar__button-secondary, .main_ui_components_title_bar__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_title_bar__button-secondary:focus-visible, .main_ui_components_title_bar__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_title_bar__button-secondary:focus-visible svg, .main_ui_components_title_bar__modal-cancel-btn:focus-visible svg,
.main_ui_components_title_bar__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_components_title_bar__button-secondary svg, .main_ui_components_title_bar__modal-cancel-btn svg,
.main_ui_components_title_bar__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_components_title_bar__button-secondary:hover, .main_ui_components_title_bar__modal-cancel-btn: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;
}
.main_ui_components_title_bar__button-secondary:hover svg, .main_ui_components_title_bar__modal-cancel-btn:hover svg,
.main_ui_components_title_bar__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_components_title_bar__button-secondary:active, .main_ui_components_title_bar__modal-cancel-btn: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);
}
.main_ui_components_title_bar__button-secondary:active svg, .main_ui_components_title_bar__modal-cancel-btn:active svg,
.main_ui_components_title_bar__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_components_title_bar__button-secondary.disabled, .main_ui_components_title_bar__modal-cancel-btn.disabled, .main_ui_components_title_bar__button-secondary[disabled], [disabled].main_ui_components_title_bar__modal-cancel-btn, .main_ui_components_title_bar__button-secondary:disabled, .main_ui_components_title_bar__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_components_title_bar__button-tertiary, .main_ui_components_title_bar__title-button, .main_ui_components_title_bar__attr-title button, .main_ui_components_title_bar__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_components_title_bar__button-tertiary:focus-visible, .main_ui_components_title_bar__title-button:focus-visible, .main_ui_components_title_bar__attr-title button:focus-visible, .main_ui_components_title_bar__modal-close-btn-base: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);
}
.main_ui_components_title_bar__button-tertiary:focus-visible svg, .main_ui_components_title_bar__title-button:focus-visible svg, .main_ui_components_title_bar__attr-title button:focus-visible svg, .main_ui_components_title_bar__modal-close-btn-base:focus-visible svg,
.main_ui_components_title_bar__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_components_title_bar__button-tertiary svg, .main_ui_components_title_bar__title-button svg, .main_ui_components_title_bar__attr-title button svg, .main_ui_components_title_bar__modal-close-btn-base svg,
.main_ui_components_title_bar__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_components_title_bar__button-tertiary:hover, .main_ui_components_title_bar__title-button:hover, .main_ui_components_title_bar__attr-title button:hover, .main_ui_components_title_bar__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_components_title_bar__button-tertiary:hover svg, .main_ui_components_title_bar__title-button:hover svg, .main_ui_components_title_bar__attr-title button:hover svg, .main_ui_components_title_bar__modal-close-btn-base:hover svg,
.main_ui_components_title_bar__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_components_title_bar__button-tertiary:active, .main_ui_components_title_bar__title-button:active, .main_ui_components_title_bar__attr-title button:active, .main_ui_components_title_bar__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_title_bar__button-tertiary:active svg, .main_ui_components_title_bar__title-button:active svg, .main_ui_components_title_bar__attr-title button:active svg, .main_ui_components_title_bar__modal-close-btn-base:active svg,
.main_ui_components_title_bar__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_components_title_bar__button-tertiary.disabled, .main_ui_components_title_bar__title-button.disabled, .main_ui_components_title_bar__attr-title button.disabled, .main_ui_components_title_bar__modal-close-btn-base.disabled, .main_ui_components_title_bar__button-tertiary[disabled], [disabled].main_ui_components_title_bar__title-button, .main_ui_components_title_bar__attr-title button[disabled], [disabled].main_ui_components_title_bar__modal-close-btn-base, .main_ui_components_title_bar__button-tertiary:disabled, .main_ui_components_title_bar__title-button:disabled, .main_ui_components_title_bar__attr-title button:disabled, .main_ui_components_title_bar__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_components_title_bar__button-tertiary.disabled svg, .main_ui_components_title_bar__title-button.disabled svg, .main_ui_components_title_bar__attr-title button.disabled svg, .main_ui_components_title_bar__modal-close-btn-base.disabled svg,
.main_ui_components_title_bar__button-tertiary.disabled span svg, .main_ui_components_title_bar__button-tertiary[disabled] svg, [disabled].main_ui_components_title_bar__title-button svg, .main_ui_components_title_bar__attr-title button[disabled] svg, [disabled].main_ui_components_title_bar__modal-close-btn-base svg,
.main_ui_components_title_bar__button-tertiary[disabled] span svg, .main_ui_components_title_bar__button-tertiary:disabled svg, .main_ui_components_title_bar__title-button:disabled svg, .main_ui_components_title_bar__attr-title button:disabled svg, .main_ui_components_title_bar__modal-close-btn-base:disabled svg,
.main_ui_components_title_bar__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_components_title_bar__button-icon-selected {
  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);
}
.main_ui_components_title_bar__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_components_title_bar__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_components_title_bar__button-radio: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);
}
.main_ui_components_title_bar__button-radio:focus-visible svg,
.main_ui_components_title_bar__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_components_title_bar__button-radio svg,
.main_ui_components_title_bar__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_components_title_bar__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_components_title_bar__button-radio:hover svg,
.main_ui_components_title_bar__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_components_title_bar__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_components_title_bar__button-radio:active svg,
.main_ui_components_title_bar__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_components_title_bar__button-warning {
  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);
}

.main_ui_components_title_bar__button-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;
}

.main_ui_components_title_bar__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_components_title_bar__button-tag: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);
}
.main_ui_components_title_bar__button-tag:focus-visible svg,
.main_ui_components_title_bar__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_components_title_bar__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_components_title_bar__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_components_title_bar__button-icon, .main_ui_components_title_bar__title-button svg, .main_ui_components_title_bar__empty-icon svg, .main_ui_components_title_bar__modal-close-btn-base svg, .main_ui_components_title_bar__button-icon-small, .main_ui_components_title_bar__chevron-icon, .main_ui_components_title_bar__dropdown-element-base span svg, .main_ui_components_title_bar__attr-title button svg, .main_ui_components_title_bar__checkbox-icon.intermediate svg, .main_ui_components_title_bar__input-checkbox label span.intermediate svg, .main_ui_components_title_bar__checkbox-icon.checked svg, .main_ui_components_title_bar__input-checkbox label span.checked svg, .main_ui_components_title_bar__input-element span svg,
.main_ui_components_title_bar__input-element label svg, .main_ui_components_title_bar__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_components_title_bar__button-icon-small, .main_ui_components_title_bar__chevron-icon, .main_ui_components_title_bar__dropdown-element-base span svg, .main_ui_components_title_bar__attr-title button svg, .main_ui_components_title_bar__checkbox-icon.intermediate svg, .main_ui_components_title_bar__input-checkbox label span.intermediate svg, .main_ui_components_title_bar__checkbox-icon.checked svg, .main_ui_components_title_bar__input-checkbox label span.checked svg, .main_ui_components_title_bar__input-element span svg,
.main_ui_components_title_bar__input-element label svg, .main_ui_components_title_bar__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_components_title_bar__input-base, .main_ui_components_title_bar__input-with-label input, .main_ui_components_title_bar__input-element-label input, .main_ui_components_title_bar__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_title_bar__input-base[disabled], .main_ui_components_title_bar__input-with-label input[disabled], .main_ui_components_title_bar__input-element-label input[disabled], .main_ui_components_title_bar__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_components_title_bar__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_components_title_bar__input-label, .main_ui_components_title_bar__input-element span,
.main_ui_components_title_bar__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_components_title_bar__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_components_title_bar__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_title_bar__input-element span svg,
.main_ui_components_title_bar__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_components_title_bar__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_title_bar__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_title_bar__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_title_bar__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_title_bar__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_title_bar__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_components_title_bar__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_components_title_bar__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_title_bar__input-element:focus, .main_ui_components_title_bar__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_title_bar__input-element:focus span, .main_ui_components_title_bar__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_title_bar__input-element:focus input, .main_ui_components_title_bar__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_title_bar__input-element:focus:hover, .main_ui_components_title_bar__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_components_title_bar__input-element:focus:hover span, .main_ui_components_title_bar__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_components_title_bar__input-element:focus:hover input, .main_ui_components_title_bar__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_components_title_bar__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_components_title_bar__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_components_title_bar__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_title_bar__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_components_title_bar__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_components_title_bar__input-element-label:focus-within input, .main_ui_components_title_bar__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_components_title_bar__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_components_title_bar__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_components_title_bar__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_components_title_bar__input-with-label input:focus-within, .main_ui_components_title_bar__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_components_title_bar__input-with-label input:focus-within input, .main_ui_components_title_bar__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_title_bar__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_components_title_bar__modal-overlay-base {
  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);
}

.main_ui_components_title_bar__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_components_title_bar__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_components_title_bar__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_components_title_bar__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_components_title_bar__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_title_bar__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_components_title_bar__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_components_title_bar__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_components_title_bar__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_components_title_bar__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_components_title_bar__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_components_title_bar__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_components_title_bar__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_components_title_bar__colorpicker-handler {
  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;
}
.main_ui_components_title_bar__colorpicker-handler:hover, .main_ui_components_title_bar__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_components_title_bar__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_components_title_bar__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_components_title_bar__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_components_title_bar__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_components_title_bar__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_title_bar__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_components_title_bar__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_components_title_bar__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_components_title_bar__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_components_title_bar__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_components_title_bar__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_components_title_bar__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_components_title_bar__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_components_title_bar__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_components_title_bar__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_components_title_bar__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_components_title_bar__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

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

.main_ui_components_title_bar__title,
.main_ui_components_title_bar__title-only,
.main_ui_components_title_bar__inspect-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: grid;
  align-items: center;
  justify-content: flex-start;
  grid-auto-flow: column;
  height: 100%;
  min-height: 2rem;
  overflow: hidden;
}

.main_ui_components_title_bar__title-only {
  --title-bar-title-margin: 0.5rem;
  margin-inline-start: var(--title-bar-title-margin);
}

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

.main_ui_components_title_bar__title-wrapper {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 0;
  color: var(--title-foreground-color);
  stroke: var(--title-foreground-color);
  overflow: hidden;
}
.main_ui_components_title_bar__title-wrapper:hover {
  color: var(--title-foreground-color-hover);
}
.main_ui_components_title_bar__title-wrapper:hover .main_ui_components_title_bar__title {
  stroke: var(--title-foreground-color-hover);
}

.main_ui_components_title_bar__title-button {
  height: 2rem;
  width: calc(1.5rem + 0.25rem);
  padding: 0;
  border-radius: 0.5rem;
}
.main_ui_components_title_bar__title-button svg {
  stroke: var(--icon-foreground);
}

.main_ui_components_title_bar__title-only-icon-gap {
  --title-bar-title-margin: 0.75rem;
}

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

.main_ui_components_title_bar__collapsabled-icon {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  border-radius: 0.5rem;
  --chevron-icon-rotation: 90deg;
}
.main_ui_components_title_bar__collapsabled-icon.main_ui_components_title_bar__collapsed {
  --chevron-icon-rotation: 0deg;
}
.main_ui_components_title_bar__collapsabled-icon:hover {
  --chevron-icon-color: var(--title-foreground-color-hover);
}

.main_ui_components_title_bar__chevron-icon {
  transform: rotate(var(--chevron-icon-rotation));
  stroke: var(--chevron-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-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-primary: #fff;
  --color-background-secondary: #e8eaee;
  --color-background-tertiary: #f3f4f6;
  --color-background-quaternary: #eef0f2;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #495e74;
  --color-shadow-dark: rgba(232, 234, 238, 0.6);
  --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;
}

.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-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: #18181a;
  --color-accent-default: #2e3434;
  --color-icon-default: #8f9da3;
  --color-background-primary: #18181a;
  --color-background-secondary: #000;
  --color-background-tertiary: #212426;
  --color-background-quaternary: #2e3434;
  --color-foreground-primary: #fff;
  --color-foreground-secondary: #8f9da3;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-overlay-default: rgba(24, 24, 26, 0.6);
  --color-overlay-onboarding: rgba(24, 24, 26, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
}
.light,
.default {
  --el-shadow-dark: 0 0 10px 0 var(--color-shadow-dark);
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-s: 0.5rem;
  --sp-m: 0.75rem;
  --sp-l: 1rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-xxxl: 2rem;
  --sp-600: 37.5rem;
  --sp-800: 50rem;
}
.main_ui_ds_storybook__story-wrapper {
  display: grid;
  row-gap: 1rem;
}

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

.main_ui_ds_storybook__story-grid-cell {
  max-width: 100%;
}

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

.main_ui_ds_storybook__story-grid-row {
  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;
}
.main_ui_ds_utilities_date__date {
  color: var(--date-color, var(--color-foreground-secondary));
}

.main_ui_ds_utilities_date__is-selected {
  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-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-primary: #fff;
  --color-background-secondary: #e8eaee;
  --color-background-tertiary: #f3f4f6;
  --color-background-quaternary: #eef0f2;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #495e74;
  --color-shadow-dark: rgba(232, 234, 238, 0.6);
  --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;
}

.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-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: #18181a;
  --color-accent-default: #2e3434;
  --color-icon-default: #8f9da3;
  --color-background-primary: #18181a;
  --color-background-secondary: #000;
  --color-background-tertiary: #212426;
  --color-background-quaternary: #2e3434;
  --color-foreground-primary: #fff;
  --color-foreground-secondary: #8f9da3;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-overlay-default: rgba(24, 24, 26, 0.6);
  --color-overlay-onboarding: rgba(24, 24, 26, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
}

.main_ui_ds_utilities_swatch__swatch {
  --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: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  overflow: hidden;
}
.main_ui_ds_utilities_swatch__swatch:focus {
  --border-color: var(--color-accent-primary);
}

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

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

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

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

.main_ui_ds_utilities_swatch__active {
  --border-color: var(--border-color-active);
  position: relative;
}
.main_ui_ds_utilities_swatch__active::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;
}

.main_ui_ds_utilities_swatch__interactive {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: none;
}
.main_ui_ds_utilities_swatch__interactive:hover {
  border: 2px solid var(--border-color);
}

.main_ui_ds_utilities_swatch__swatch-image,
.main_ui_ds_utilities_swatch__swatch-gradient,
.main_ui_ds_utilities_swatch__swatch-opacity,
.main_ui_ds_utilities_swatch__swatch-solid {
  block-size: 100%;
  display: block;
}

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

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

.main_ui_ds_utilities_swatch__swatch-opacity {
  background: var(--checkerboard-background);
  background-size: var(--checkerboard-size);
  display: flex;
}

.main_ui_ds_utilities_swatch__swatch-solid-side,
.main_ui_ds_utilities_swatch__swatch-opacity-side {
  flex: 1;
  display: block;
}
.main_ui_ds_product_autosaved_milestone__milestone {
  border: 0.0625rem solid var(--border-color, transparent);
  border-radius: 0.5rem;
  cursor: pointer;
  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);
}
.main_ui_ds_product_autosaved_milestone__milestone.main_ui_ds_product_autosaved_milestone__is-selected, .main_ui_ds_product_autosaved_milestone__milestone:hover {
  --border-color: var(--color-accent-primary);
}

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

.main_ui_ds_product_autosaved_milestone__name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  grid-area: name;
  color: var(--color-foreground-primary);
}

.main_ui_ds_product_autosaved_milestone__toggle-message {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  grid-area: name;
}

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

.main_ui_ds_product_autosaved_milestone__snapshots {
  grid-area: content;
}

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

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

.main_ui_ds_product_autosaved_milestone__toggle-snapshots {
  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;
}
.main_ui_ds_product_autosaved_milestone__toggle-snapshots:hover {
  color: var(--color-accent-primary);
  --icon-stroke-color: var(--color-accent-primary);
}

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

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

.main_ui_ds_product_autosaved_milestone__icon-arrow-toggled {
  transform: rotate(90deg);
}

.main_ui_ds_product_autosaved_milestone__entry-button {
  visibility: var(--display-button, hidden);
}
.main_ui_ds_product_avatar__avatar {
  border-radius: 50%;
  overflow: hidden;
  border: 0.0625rem solid var(--border-color, none);
}

.main_ui_ds_product_avatar__avatar-small {
  width: 1.5rem;
  height: 1.5rem;
}

.main_ui_ds_product_avatar__avatar-medium {
  width: 2rem;
  height: 2rem;
}

.main_ui_ds_product_avatar__avatar-large {
  width: 2.5rem;
  height: 2.5rem;
}

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

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

.main_ui_ds_product_avatar__avatar:hover, .main_ui_ds_product_avatar__avatar: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-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-primary: #fff;
  --color-background-secondary: #e8eaee;
  --color-background-tertiary: #f3f4f6;
  --color-background-quaternary: #eef0f2;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #495e74;
  --color-shadow-dark: rgba(232, 234, 238, 0.6);
  --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;
}

.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-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: #18181a;
  --color-accent-default: #2e3434;
  --color-icon-default: #8f9da3;
  --color-background-primary: #18181a;
  --color-background-secondary: #000;
  --color-background-tertiary: #212426;
  --color-background-quaternary: #2e3434;
  --color-foreground-primary: #fff;
  --color-foreground-secondary: #8f9da3;
  --color-shadow-dark: rgba(0, 0, 0, 0.6);
  --color-overlay-default: rgba(24, 24, 26, 0.6);
  --color-overlay-onboarding: rgba(24, 24, 26, 0.9019607843);
  --color-canvas: #bfbfbf;
  --color-token-background: #272941;
  --color-token-border: #484c74;
  --color-token-accent: #6c6dad;
  --color-token-foreground: #a7a9ff;
}

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

.main_ui_ds_product_cta__cta-title {
  color: var(--color-foreground-primary);
}
.main_ui_ds_product_empty_placeholder__empty-placeholder {
  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);
}

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

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

.main_ui_ds_product_empty_placeholder__svg-decor {
  height: 10rem;
  width: 12.5rem;
  color: var(--color-background-quaternary);
}
@keyframes main_ui_ds_product_loader__line-pencil {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-150px);
  }
}
.main_ui_ds_product_loader__wrapper {
  --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);
}
.main_ui_ds_product_loader__wrapper.main_ui_ds_product_loader__file-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: var(--sp-xxl);
}
.main_ui_ds_product_loader__wrapper.main_ui_ds_product_loader__file-loading .main_ui_ds_product_loader__loader-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sp-xl);
}
.main_ui_ds_product_loader__wrapper.main_ui_ds_product_loader__file-loading .main_ui_ds_product_loader__tips-container {
  text-align: center;
  min-width: var(--sp-600);
  max-width: var(--sp-800);
  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);
}
.main_ui_ds_product_loader__wrapper.main_ui_ds_product_loader__file-loading .main_ui_ds_product_loader__tips-container .main_ui_ds_product_loader__tip-title {
  color: var(--color-foreground-primary);
  font-weight: 500;
}
.main_ui_ds_product_loader__wrapper.main_ui_ds_product_loader__file-loading .main_ui_ds_product_loader__tips-container .main_ui_ds_product_loader__tip-message {
  color: var(--color-foreground-secondary);
}

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

.main_ui_ds_product_loader__loader {
  fill: currentColor;
  width: var(--icon-width);
}

.main_ui_ds_product_loader__loader-line {
  animation: main_ui_ds_product_loader__line-pencil 0.8s infinite linear;
}
.main_ui_ds_product_user_milestone__milestone {
  border: 0.0625rem solid var(--border-color, transparent);
  border-radius: 0.5rem;
  cursor: pointer;
  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);
}
.main_ui_ds_product_user_milestone__milestone.main_ui_ds_product_user_milestone__is-selected, .main_ui_ds_product_user_milestone__milestone:hover {
  --border-color: var(--color-accent-primary);
}

.main_ui_ds_product_user_milestone__name-input {
  grid-area: name;
}

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

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

.main_ui_ds_product_user_milestone__date {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  grid-area: content;
  color: var(--color-foreground-secondary);
}

.main_ui_ds_product_user_milestone__snapshots {
  grid-area: content;
}

.main_ui_ds_product_user_milestone__milestone-buttons {
  grid-area: button;
  display: flex;
  padding-right: var(--sp-xs);
}
.main_ui_ds_notifications_actionable__notification {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 0.875rem;
  --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);
}
.main_ui_ds_notifications_actionable__notification a {
  color: var(--color-accent-primary);
  text-decoration: none;
}

.main_ui_ds_notifications_actionable__notification-message {
  display: flex;
  align-items: center;
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-s: 0.5rem;
  --sp-m: 0.75rem;
  --sp-l: 1rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-xxxl: 2rem;
  --sp-600: 37.5rem;
  --sp-800: 50rem;
}

: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;
}

.main_ui_ds_notifications_toast__toast {
  --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);
}

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

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

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

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

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

.main_ui_ds_notifications_toast__close-button {
  -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);
}
.main_ui_ds_notifications_shared_notification_pill__notification-pill {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 0.875rem;
  --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);
}
.main_ui_ds_notifications_shared_notification_pill__notification-pill a {
  color: var(--color-accent-primary);
  text-decoration: none;
}

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

.main_ui_ds_notifications_shared_notification_pill__appearance-ghost {
  background-color: transparent;
}

.main_ui_ds_notifications_shared_notification_pill__level-default {
  --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);
}

.main_ui_ds_notifications_shared_notification_pill__level-info {
  --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);
}

.main_ui_ds_notifications_shared_notification_pill__level-error {
  --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);
}

.main_ui_ds_notifications_shared_notification_pill__level-warning {
  --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);
}

.main_ui_ds_notifications_shared_notification_pill__level-success {
  --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);
}

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

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

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

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

.main_ui_ds_notifications_shared_notification_pill__error-detail {
  overflow: auto;
}

.main_ui_ds_notifications_shared_notification_pill__error-detail-title {
  display: flex;
  align-items: center;
  cursor: pointer;
}

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

.main_ui_ds_notifications_shared_notification_pill__error-detail-content {
  padding-left: var(--sp-xxxl);
}
.main_ui_ds_layout_tab_switcher__tabs {
  --tabs-bg-color: var(--color-background-secondary);
  display: grid;
  grid-template-rows: auto 1fr;
}

.main_ui_ds_layout_tab_switcher__padding-wrapper {
  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);
}

.main_ui_ds_layout_tab_switcher__tab-nav {
  display: grid;
  gap: var(--sp-xxs);
  width: 100%;
  border-radius: 0.5rem;
  padding: var(--sp-xxs);
  background-color: var(--tabs-bg-color);
}

.main_ui_ds_layout_tab_switcher__tab-nav-start {
  grid-template-columns: auto 1fr;
}

.main_ui_ds_layout_tab_switcher__tab-nav-end {
  grid-template-columns: 1fr auto;
}

.main_ui_ds_layout_tab_switcher__tab-list {
  display: grid;
  grid-auto-flow: column;
  gap: var(--sp-xxs);
  width: 100%;
  margin-block-end: 0;
  border-radius: 0.5rem;
}

.main_ui_ds_layout_tab_switcher__tab {
  --tabs-item-bg-color: var(--color-background-secondary);
  --tabs-item-fg-color: var(--color-foreground-secondary);
  --tabs-item-fg-color-hover: var(--color-foreground-primary);
  --tabs-item-outline-color: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 2rem;
  border: none;
  border-radius: 0.5rem;
  padding: 0 var(--sp-s);
  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);
  padding: 0 var(--sp-m);
  width: 100%;
}
.main_ui_ds_layout_tab_switcher__tab:hover {
  --tabs-item-fg-color: var(--tabs-item-fg-color-hover);
}
.main_ui_ds_layout_tab_switcher__tab:focus-visible {
  --tabs-item-outline-color: var(--color-accent-primary);
}

.main_ui_ds_layout_tab_switcher__selected {
  --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);
}

.main_ui_ds_layout_tab_switcher__tab-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.2;
  font-size: 0.75rem;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 0;
}

.main_ui_ds_layout_tab_switcher__tab-text-and-icon {
  padding-inline: var(--sp-xxs);
}

.main_ui_ds_layout_tab_switcher__tab-panel {
  --tab-panel-outline-color: none;
  display: grid;
  width: 100%;
  height: 100%;
  outline: 0.0625rem solid var(--tab-panel-outline-color);
}
.main_ui_ds_layout_tab_switcher__tab-panel:focus {
  outline: none;
}
.main_ui_ds_layout_tab_switcher__tab-panel:focus-visible {
  --tab-panel-outline-color: var(--color-accent-primary);
}
.main_ui_ds_foundations_utilities_token_token_status__token-icon {
  fill: currentColor;
  stroke: none;
}
.main_ui_ds_foundations_typography_heading__display-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 2.25rem;
}

.main_ui_ds_foundations_typography_heading__title-large-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1.5rem;
}

.main_ui_ds_foundations_typography_heading__title-medium-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1.25rem;
}

.main_ui_ds_foundations_typography_heading__title-small-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.2;
  font-size: 0.875rem;
}

.main_ui_ds_foundations_typography_heading__headline-large-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1.125rem;
  text-transform: uppercase;
}

.main_ui_ds_foundations_typography_heading__headline-medium-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1rem;
  text-transform: uppercase;
}

.main_ui_ds_foundations_typography_heading__headline-small-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.2;
  font-size: 0.75rem;
  text-transform: uppercase;
}

.main_ui_ds_foundations_typography_heading__body-large-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1rem;
}

.main_ui_ds_foundations_typography_heading__body-medium-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 0.875rem;
}

.main_ui_ds_foundations_typography_heading__body-small-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
}

.main_ui_ds_foundations_typography_heading__code-font-typography {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.2;
  font-size: 0.75rem;
}
.main_ui_ds_foundations_typography_text__display-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 2.25rem;
}

.main_ui_ds_foundations_typography_text__title-large-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1.5rem;
}

.main_ui_ds_foundations_typography_text__title-medium-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1.25rem;
}

.main_ui_ds_foundations_typography_text__title-small-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.2;
  font-size: 0.875rem;
}

.main_ui_ds_foundations_typography_text__headline-large-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1.125rem;
  text-transform: uppercase;
}

.main_ui_ds_foundations_typography_text__headline-medium-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1rem;
  text-transform: uppercase;
}

.main_ui_ds_foundations_typography_text__headline-small-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.2;
  font-size: 0.75rem;
  text-transform: uppercase;
}

.main_ui_ds_foundations_typography_text__body-large-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1rem;
}

.main_ui_ds_foundations_typography_text__body-medium-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 0.875rem;
}

.main_ui_ds_foundations_typography_text__body-small-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
}

.main_ui_ds_foundations_typography_text__code-font-typography {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.2;
  font-size: 0.75rem;
}
.main_ui_ds_foundations_assets_icon__icon {
  fill: var(--icon-fill-color, none);
  stroke: var(--icon-stroke-color, currentColor);
}
.main_ui_ds_controls_combobox__combobox-wrapper {
  --combobox-icon-fg-color: var(--color-foreground-secondary);
  --combobox-fg-color: var(--color-foreground-primary);
  --combobox-bg-color: var(--color-background-tertiary);
  --combobox-outline-color: none;
  --combobox-border-color: none;
  --combobox-error-outline-color: var(--color-accent-error);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  position: relative;
  display: grid;
  grid-template-rows: auto;
  gap: var(--sp-xxs);
  width: 100%;
}
.main_ui_ds_controls_combobox__combobox-wrapper:hover:not(.main_ui_ds_controls_combobox__disabled) {
  --combobox-bg-color: var(--color-background-quaternary);
}

.main_ui_ds_controls_combobox__combobox {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--sp-xs);
  height: 2rem;
  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-bg-color);
  color: var(--combobox-fg-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.main_ui_ds_controls_combobox__focused {
  --combobox-outline-color: var(--color-accent-primary);
  --combobox-bg-color: var(--color-background-primary);
}

.main_ui_ds_controls_combobox__arrow {
  color: var(--combobox-icon-fg-color);
  transform: rotate(90deg);
}

.main_ui_ds_controls_combobox__combobox-header {
  display: grid;
  justify-items: start;
  gap: var(--sp-xs);
}

.main_ui_ds_controls_combobox__input {
  all: unset;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  background-color: transparent;
  overflow: hidden;
  text-align: left;
  inline-size: 100%;
  padding-inline-start: var(--sp-xxs);
  color: var(--combobox-fg-color);
}
.main_ui_ds_controls_combobox__input::-moz-placeholder {
  color: var(--input-placeholder-color);
  text-overflow: ellipsis;
}
.main_ui_ds_controls_combobox__input::placeholder {
  color: var(--input-placeholder-color);
  text-overflow: ellipsis;
}

.main_ui_ds_controls_combobox__header-icon {
  grid-template-columns: auto 1fr;
  color: var(--combobox-icon-fg-color);
}

.main_ui_ds_controls_combobox__button-toggle-list {
  all: unset;
  display: flex;
}

.main_ui_ds_controls_combobox__disabled {
  --combobox-bg-color: var(--color-background-primary);
  --combobox-border-color: var(--color-background-quaternary);
  --combobox-fg-color: var(--color-foreground-secondary);
}

.main_ui_ds_controls_combobox__has-error {
  --combobox-outline-color: var(--combobox-error-outline-color);
}
.main_ui_ds_controls_input__container {
  --input-bg-color: var(--color-background-tertiary);
  --input-fg-color: var(--color-foreground-primary);
  --input-icon-color: var(--color-foreground-secondary);
  --input-outline-color: none;
  display: inline-flex;
  -moz-column-gap: var(--sp-xs);
       column-gap: var(--sp-xs);
  align-items: center;
  position: relative;
  inline-size: 100%;
  background: var(--input-bg-color);
  border-radius: 0.5rem;
  padding: 0 var(--sp-s);
  outline-offset: 0.0625rem;
  outline: 0.0625rem solid var(--input-outline-color);
}
.main_ui_ds_controls_input__container:hover {
  --input-bg-color: var(--color-background-quaternary);
}
.main_ui_ds_controls_input__container:has(*:focus-visible) {
  --input-bg-color: var(--color-background-primary);
  --input-outline-color: var(--color-accent-primary);
}
.main_ui_ds_controls_input__container:has(*:disabled) {
  --input-bg-color: var(--color-background-primary);
  --input-outline-color: var(--color-background-quaternary);
}

.main_ui_ds_controls_input__input-seamless {
  --input-bg-color: none;
  --input-outline-color: none;
  --input-height: auto;
  --input-margin: 0;
  padding: 0;
  border: none;
}
.main_ui_ds_controls_input__input-seamless:hover {
  --input-bg-color: none;
  --input-outline-color: none;
}
.main_ui_ds_controls_input__input-seamless:has(*:focus-visible) {
  --input-bg-color: none;
  --input-outline-color: none;
}

.main_ui_ds_controls_input__input {
  margin: var(--input-margin, unset);
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: var(--input-height, 2rem);
  border: none;
  background: none;
  inline-size: 100%;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  color: var(--input-fg-color);
}
.main_ui_ds_controls_input__input:focus-visible {
  outline: none;
}
.main_ui_ds_controls_input__input::-moz-selection {
  background: var(--color-accent-select);
}
.main_ui_ds_controls_input__input::selection {
  background: var(--color-accent-select);
}
.main_ui_ds_controls_input__input::-moz-placeholder {
  --input-fg-color: var(--color-foreground-secondary);
}
.main_ui_ds_controls_input__input::placeholder {
  --input-fg-color: var(--color-foreground-secondary);
}
.main_ui_ds_controls_input__input:is(:-webkit-autofill, :-webkit-autofill:hover, :-webkit-autofill:focus, :-webkit-autofill:active) {
  -webkit-text-fill-color: var(--input-fg-color);
  -webkit-background-clip: text;
  caret-color: var(--input-bg-color);
}
.main_ui_ds_controls_input__input:is(:autofill, :autofill:hover, :autofill:focus, :autofill:active) {
  -webkit-text-fill-color: var(--input-fg-color);
  -webkit-background-clip: text;
  caret-color: var(--input-bg-color);
}

.main_ui_ds_controls_input__input-with-icon {
  margin-inline-start: var(--sp-xxs);
}

.main_ui_ds_controls_input__icon {
  color: var(--color-foreground-secondary);
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-s: 0.5rem;
  --sp-m: 0.75rem;
  --sp-l: 1rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-xxxl: 2rem;
  --sp-600: 37.5rem;
  --sp-800: 50rem;
}

.main_ui_ds_controls_input_with_values__input-with-values-container {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  border-radius: 0.5rem;
  background-color: var(--assets-item-background-color);
  padding: var(--sp-s);
  width: 99%;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--sp-s);
  overflow: hidden;
  white-space: nowrap;
  height: 2rem;
}

.main_ui_ds_controls_input_with_values__input-with-values-edit-container {
  width: 99%;
  border-radius: 0.5rem;
  height: 2rem;
}

.main_ui_ds_controls_input_with_values__input-with-values-name,
.main_ui_ds_controls_input_with_values__input-with-values-values {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main_ui_ds_controls_input_with_values__input-with-values-name {
  color: var(--color-foreground-primary);
  min-width: 0;
}

.main_ui_ds_controls_input_with_values__input-with-values-values {
  color: var(--color-foreground-secondary);
  min-width: 0;
}
.main_ui_ds_controls_select__select-wrapper {
  --select-icon-fg-color: var(--color-foreground-secondary);
  --select-fg-color: var(--color-foreground-primary);
  --select-bg-color: var(--color-background-tertiary);
  --select-outline-color: none;
  --select-border-color: none;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  position: relative;
  display: grid;
  grid-template-rows: auto;
  gap: var(--sp-xxs);
  width: 100%;
}
.main_ui_ds_controls_select__select-wrapper:hover {
  --select-bg-color: var(--color-background-quaternary);
}

.main_ui_ds_controls_select__select {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--sp-xs);
  height: 2rem;
  width: 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-bg-color);
  color: var(--select-fg-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.main_ui_ds_controls_select__select:focus-visible {
  --select-outline-color: var(--color-accent-primary);
}
.main_ui_ds_controls_select__select:disabled {
  --select-bg-color: var(--color-background-primary);
  --select-border-color: var(--color-background-quaternary);
  --select-fg-color: var(--color-foreground-secondary);
}

.main_ui_ds_controls_select__focused {
  --select-outline-color: var(--color-accent-primary);
}

.main_ui_ds_controls_select__arrow {
  color: var(--select-icon-fg-color);
  transform: rotate(90deg);
}

.main_ui_ds_controls_select__select-header {
  display: grid;
  justify-items: start;
  gap: var(--sp-xs);
}

.main_ui_ds_controls_select__header-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  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-fg-color);
}

.main_ui_ds_controls_select__header-icon {
  grid-template-columns: auto 1fr;
  color: var(--select-icon-fg-color);
}
.main_ui_ds_controls_shared_options_dropdown__option-list {
  --options-dropdown-icon-fg-color: var(--color-foreground-secondary);
  --options-dropdown-bg-color: var(--color-background-tertiary);
  --options-dropdown-outline-color: none;
  --options-dropdown-border-color: var(--color-background-quaternary);
  position: absolute;
  right: 0;
  top: 2.25rem;
  width: 100%;
  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-height: 25rem;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: var(--z-index-dropdown);
}

.main_ui_ds_controls_shared_options_dropdown__option {
  --options-dropdown-fg-color: var(--color-foreground-primary);
  --options-dropdown-bg-color: unset;
  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-dropdown-outline-color);
  outline-offset: -1px;
  background-color: var(--options-dropdown-bg-color);
  color: var(--options-dropdown-fg-color);
}
.main_ui_ds_controls_shared_options_dropdown__option:hover, .main_ui_ds_controls_shared_options_dropdown__option[aria-selected=true] {
  --options-dropdown-bg-color: var(--color-background-quaternary);
}

.main_ui_ds_controls_shared_options_dropdown__option-with-icon {
  grid-template-columns: auto 1fr auto;
}

.main_ui_ds_controls_shared_options_dropdown__option-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 0;
  padding-inline-start: var(--sp-xxs);
}

.main_ui_ds_controls_shared_options_dropdown__option-icon {
  color: var(--options-dropdown-icon-fg-color);
}

.main_ui_ds_controls_shared_options_dropdown__option-current {
  --options-dropdown-outline-color: var(--color-accent-primary);
  outline: 0.0625rem solid var(--options-dropdown-outline-color);
}

.main_ui_ds_controls_shared_options_dropdown__option-selected {
  --options-dropdown-fg-color: var(--color-accent-primary);
  --options-dropdown-icon-fg-color: var(--color-accent-primary);
}

.main_ui_ds_buttons_button__button {
  --button-bg-color: initial;
  --button-fg-color: initial;
  --button-hover-bg-color: initial;
  --button-hover-fg-color: initial;
  --button-active-bg-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;
  --button-height: 2rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: var(--button-width);
  height: var(--button-height);
  background: var(--button-bg-color);
  color: var(--button-fg-color);
  border: 0.0625rem solid var(--button-border-color);
  border-radius: 0.5rem;
}
.main_ui_ds_buttons_button__button:hover {
  --button-bg-color: var(--button-hover-bg-color);
  --button-fg-color: var(--button-hover-fg-color);
}
.main_ui_ds_buttons_button__button:active {
  --button-bg-color: var(--button-active-bg-color);
}
.main_ui_ds_buttons_button__button: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);
}
.main_ui_ds_buttons_button__button:disabled {
  --button-bg-color: var(--button-disabled-bg-color);
  --button-fg-color: var(--button-disabled-fg-color);
}

.main_ui_ds_buttons_button__button-primary {
  --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-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);
}
.main_ui_ds_buttons_button__button-primary:active {
  box-shadow: inset 0 0 0.625rem 0.125rem rgba(0, 0, 0, 0.2);
}

.main_ui_ds_buttons_button__button-secondary {
  --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-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);
}

.main_ui_ds_buttons_button__button-ghost {
  --button-bg-color: transparent;
  --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-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-secondary);
  --button-focus-inner-ring-color: transparent;
  --button-focus-outer-ring-color: var(--color-accent-primary);
}

.main_ui_ds_buttons_button__button-destructive {
  --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-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);
}
.main_ui_ds_buttons_button__button-destructive:active {
  box-shadow: inset 0 0 0.625rem 0.125rem rgba(0, 0, 0, 0.2);
}

.main_ui_ds_buttons_button__button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.2;
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 var(--sp-m);
  display: inline-flex;
  align-items: center;
  -moz-column-gap: var(--sp-xs);
       column-gap: var(--sp-xs);
}
.main_ui_ds_buttons_icon_button__icon-button {
  --button-bg-color: initial;
  --button-fg-color: initial;
  --button-hover-bg-color: initial;
  --button-hover-fg-color: initial;
  --button-active-bg-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;
  --button-height: 2rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: var(--button-width);
  height: var(--button-height);
  background: var(--button-bg-color);
  color: var(--button-fg-color);
  border: 0.0625rem solid var(--button-border-color);
  border-radius: 0.5rem;
}
.main_ui_ds_buttons_icon_button__icon-button:hover {
  --button-bg-color: var(--button-hover-bg-color);
  --button-fg-color: var(--button-hover-fg-color);
}
.main_ui_ds_buttons_icon_button__icon-button:active {
  --button-bg-color: var(--button-active-bg-color);
}
.main_ui_ds_buttons_icon_button__icon-button: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);
}
.main_ui_ds_buttons_icon_button__icon-button:disabled {
  --button-bg-color: var(--button-disabled-bg-color);
  --button-fg-color: var(--button-disabled-fg-color);
}

.main_ui_ds_buttons_icon_button__icon-button-primary {
  --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-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);
}
.main_ui_ds_buttons_icon_button__icon-button-primary:active {
  box-shadow: inset 0 0 0.625rem 0.125rem rgba(0, 0, 0, 0.2);
}

.main_ui_ds_buttons_icon_button__icon-button-secondary {
  --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-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);
}

.main_ui_ds_buttons_icon_button__icon-button-ghost {
  --button-bg-color: transparent;
  --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-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-secondary);
  --button-focus-inner-ring-color: transparent;
  --button-focus-outer-ring-color: var(--color-accent-primary);
}

.main_ui_ds_buttons_icon_button__icon-button-destructive {
  --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-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);
}
.main_ui_ds_buttons_icon_button__icon-button-destructive:active {
  box-shadow: inset 0 0 0.625rem 0.125rem rgba(0, 0, 0, 0.2);
}

.main_ui_ds_buttons_icon_button__icon-button {
  --button-width: 2rem;
  --button-height: 2rem;
  display: grid;
  place-content: center;
}

.main_ui_ds_buttons_icon_button__icon-button-action {
  --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-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;
}
@keyframes main_ui_alert__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_alert__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_alert__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_alert__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_alert__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_alert__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_alert__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_alert__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_alert__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_alert__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_alert__new-scrollbar ::placeholder,
.main_ui_alert__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_alert__button-primary, .main_ui_alert__modal-danger-btn, .main_ui_alert__accept-btn.main_ui_alert__danger, .main_ui_alert__modal-accept-btn, .main_ui_alert__accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_alert__button-primary:focus-visible, .main_ui_alert__modal-danger-btn:focus-visible, .main_ui_alert__modal-accept-btn:focus-visible, .main_ui_alert__accept-btn: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);
}
.main_ui_alert__button-primary:focus-visible svg, .main_ui_alert__modal-danger-btn:focus-visible svg, .main_ui_alert__modal-accept-btn:focus-visible svg, .main_ui_alert__accept-btn:focus-visible svg,
.main_ui_alert__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_alert__button-primary svg, .main_ui_alert__modal-danger-btn svg, .main_ui_alert__accept-btn.main_ui_alert__danger svg, .main_ui_alert__modal-accept-btn svg, .main_ui_alert__accept-btn svg,
.main_ui_alert__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_alert__button-primary:hover, .main_ui_alert__modal-danger-btn:hover, .main_ui_alert__modal-accept-btn:hover, .main_ui_alert__accept-btn: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;
}
.main_ui_alert__button-primary:hover svg, .main_ui_alert__modal-danger-btn:hover svg, .main_ui_alert__modal-accept-btn:hover svg, .main_ui_alert__accept-btn:hover svg,
.main_ui_alert__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_alert__button-primary:active, .main_ui_alert__modal-danger-btn:active, .main_ui_alert__modal-accept-btn:active, .main_ui_alert__accept-btn: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;
}
.main_ui_alert__button-primary:active svg, .main_ui_alert__modal-danger-btn:active svg, .main_ui_alert__modal-accept-btn:active svg, .main_ui_alert__accept-btn:active svg,
.main_ui_alert__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_alert__button-primary.disabled, .main_ui_alert__modal-danger-btn.disabled, .main_ui_alert__modal-accept-btn.disabled, .main_ui_alert__accept-btn.disabled, .main_ui_alert__button-primary[disabled], [disabled].main_ui_alert__modal-danger-btn, [disabled].main_ui_alert__modal-accept-btn, [disabled].main_ui_alert__accept-btn, .main_ui_alert__button-primary:disabled, .main_ui_alert__modal-danger-btn:disabled, .main_ui_alert__modal-accept-btn:disabled, .main_ui_alert__accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_alert__button-secondary, .main_ui_alert__modal-cancel-btn, .main_ui_alert__cancel-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_alert__button-secondary:focus-visible, .main_ui_alert__modal-cancel-btn:focus-visible, .main_ui_alert__cancel-button:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_alert__button-secondary:focus-visible svg, .main_ui_alert__modal-cancel-btn:focus-visible svg, .main_ui_alert__cancel-button:focus-visible svg,
.main_ui_alert__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_alert__button-secondary svg, .main_ui_alert__modal-cancel-btn svg, .main_ui_alert__cancel-button svg,
.main_ui_alert__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_alert__button-secondary:hover, .main_ui_alert__modal-cancel-btn:hover, .main_ui_alert__cancel-button: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;
}
.main_ui_alert__button-secondary:hover svg, .main_ui_alert__modal-cancel-btn:hover svg, .main_ui_alert__cancel-button:hover svg,
.main_ui_alert__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_alert__button-secondary:active, .main_ui_alert__modal-cancel-btn:active, .main_ui_alert__cancel-button: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);
}
.main_ui_alert__button-secondary:active svg, .main_ui_alert__modal-cancel-btn:active svg, .main_ui_alert__cancel-button:active svg,
.main_ui_alert__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_alert__button-secondary.disabled, .main_ui_alert__modal-cancel-btn.disabled, .main_ui_alert__cancel-button.disabled, .main_ui_alert__button-secondary[disabled], [disabled].main_ui_alert__modal-cancel-btn, [disabled].main_ui_alert__cancel-button, .main_ui_alert__button-secondary:disabled, .main_ui_alert__modal-cancel-btn:disabled, .main_ui_alert__cancel-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;
}

.main_ui_alert__button-tertiary, .main_ui_alert__attr-title button, .main_ui_alert__modal-close-btn-base, .main_ui_alert__modal-close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_alert__button-tertiary:focus-visible, .main_ui_alert__attr-title button:focus-visible, .main_ui_alert__modal-close-btn-base:focus-visible, .main_ui_alert__modal-close-btn: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);
}
.main_ui_alert__button-tertiary:focus-visible svg, .main_ui_alert__attr-title button:focus-visible svg, .main_ui_alert__modal-close-btn-base:focus-visible svg, .main_ui_alert__modal-close-btn:focus-visible svg,
.main_ui_alert__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_alert__button-tertiary svg, .main_ui_alert__attr-title button svg, .main_ui_alert__modal-close-btn-base svg, .main_ui_alert__modal-close-btn svg,
.main_ui_alert__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_alert__button-tertiary:hover, .main_ui_alert__attr-title button:hover, .main_ui_alert__modal-close-btn-base:hover, .main_ui_alert__modal-close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_alert__button-tertiary:hover svg, .main_ui_alert__attr-title button:hover svg, .main_ui_alert__modal-close-btn-base:hover svg, .main_ui_alert__modal-close-btn:hover svg,
.main_ui_alert__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_alert__button-tertiary:active, .main_ui_alert__attr-title button:active, .main_ui_alert__modal-close-btn-base:active, .main_ui_alert__modal-close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_alert__button-tertiary:active svg, .main_ui_alert__attr-title button:active svg, .main_ui_alert__modal-close-btn-base:active svg, .main_ui_alert__modal-close-btn:active svg,
.main_ui_alert__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_alert__button-tertiary.disabled, .main_ui_alert__attr-title button.disabled, .main_ui_alert__modal-close-btn-base.disabled, .main_ui_alert__modal-close-btn.disabled, .main_ui_alert__button-tertiary[disabled], .main_ui_alert__attr-title button[disabled], [disabled].main_ui_alert__modal-close-btn-base, [disabled].main_ui_alert__modal-close-btn, .main_ui_alert__button-tertiary:disabled, .main_ui_alert__attr-title button:disabled, .main_ui_alert__modal-close-btn-base:disabled, .main_ui_alert__modal-close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_alert__button-tertiary.disabled svg, .main_ui_alert__attr-title button.disabled svg, .main_ui_alert__modal-close-btn-base.disabled svg, .main_ui_alert__modal-close-btn.disabled svg,
.main_ui_alert__button-tertiary.disabled span svg, .main_ui_alert__button-tertiary[disabled] svg, .main_ui_alert__attr-title button[disabled] svg, [disabled].main_ui_alert__modal-close-btn-base svg, [disabled].main_ui_alert__modal-close-btn svg,
.main_ui_alert__button-tertiary[disabled] span svg, .main_ui_alert__button-tertiary:disabled svg, .main_ui_alert__attr-title button:disabled svg, .main_ui_alert__modal-close-btn-base:disabled svg, .main_ui_alert__modal-close-btn:disabled svg,
.main_ui_alert__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_alert__button-icon-selected {
  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);
}
.main_ui_alert__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_alert__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_alert__button-radio: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);
}
.main_ui_alert__button-radio:focus-visible svg,
.main_ui_alert__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_alert__button-radio svg,
.main_ui_alert__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_alert__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_alert__button-radio:hover svg,
.main_ui_alert__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_alert__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_alert__button-radio:active svg,
.main_ui_alert__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_alert__button-warning {
  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);
}

.main_ui_alert__button-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;
}

.main_ui_alert__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_alert__button-tag: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);
}
.main_ui_alert__button-tag:focus-visible svg,
.main_ui_alert__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_alert__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_alert__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_alert__button-icon, .main_ui_alert__empty-icon svg, .main_ui_alert__modal-close-btn-base svg, .main_ui_alert__modal-close-btn svg, .main_ui_alert__button-icon-small, .main_ui_alert__dropdown-element-base span svg, .main_ui_alert__attr-title button svg, .main_ui_alert__checkbox-icon.intermediate svg, .main_ui_alert__input-checkbox label span.intermediate svg, .main_ui_alert__checkbox-icon.checked svg, .main_ui_alert__input-checkbox label span.checked svg, .main_ui_alert__input-element span svg,
.main_ui_alert__input-element label svg, .main_ui_alert__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_alert__button-icon-small, .main_ui_alert__dropdown-element-base span svg, .main_ui_alert__attr-title button svg, .main_ui_alert__checkbox-icon.intermediate svg, .main_ui_alert__input-checkbox label span.intermediate svg, .main_ui_alert__checkbox-icon.checked svg, .main_ui_alert__input-checkbox label span.checked svg, .main_ui_alert__input-element span svg,
.main_ui_alert__input-element label svg, .main_ui_alert__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_alert__input-base, .main_ui_alert__input-with-label input, .main_ui_alert__input-element-label input, .main_ui_alert__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_alert__input-base[disabled], .main_ui_alert__input-with-label input[disabled], .main_ui_alert__input-element-label input[disabled], .main_ui_alert__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_alert__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_alert__input-label, .main_ui_alert__input-element span,
.main_ui_alert__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_alert__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_alert__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_alert__input-element span svg,
.main_ui_alert__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_alert__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_alert__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_alert__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_alert__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_alert__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_alert__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_alert__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_alert__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_alert__input-element:focus, .main_ui_alert__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_alert__input-element:focus span, .main_ui_alert__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_alert__input-element:focus input, .main_ui_alert__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_alert__input-element:focus:hover, .main_ui_alert__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_alert__input-element:focus:hover span, .main_ui_alert__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_alert__input-element:focus:hover input, .main_ui_alert__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_alert__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_alert__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_alert__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_alert__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_alert__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_alert__input-element-label:focus-within input, .main_ui_alert__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_alert__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_alert__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_alert__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_alert__input-with-label input:focus-within, .main_ui_alert__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_alert__input-with-label input:focus-within input, .main_ui_alert__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_alert__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_alert__modal-overlay-base, .main_ui_alert__modal-overlay {
  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);
}

.main_ui_alert__modal-container-base, .main_ui_alert__modal-container {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_alert__modal-close-btn-base, .main_ui_alert__modal-close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_alert__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_alert__modal-action-btns, .main_ui_alert__action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_alert__modal-cancel-btn, .main_ui_alert__cancel-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_alert__modal-accept-btn, .main_ui_alert__accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_alert__modal-danger-btn, .main_ui_alert__accept-btn.main_ui_alert__danger {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_alert__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_alert__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_alert__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_alert__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_alert__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_alert__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_alert__colorpicker-handler {
  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;
}
.main_ui_alert__colorpicker-handler:hover, .main_ui_alert__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_alert__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_alert__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_alert__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_alert__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_alert__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_alert__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_alert__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_alert__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_alert__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_alert__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_alert__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_alert__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_alert__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_alert__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_alert__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_alert__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_alert__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_alert__modal-overlay.main_ui_alert__transparent {
  background-color: transparent;
}

.main_ui_alert__modal-header {
  margin-bottom: 1.5rem;
}

.main_ui_alert__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_alert__modal-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.main_ui_alert__modal-scd-msg,
.main_ui_alert__modal-subtitle,
.main_ui_alert__modal-msg {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
  line-height: 1.5;
}

.main_ui_alert__link {
  color: var(--color-accent-primary);
}

.main_ui_alert__link::before {
  content: " ";
}

.main_ui_alert__link::after {
  content: " ";
}
@keyframes main_ui_auth__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_auth__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_auth__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_auth__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_auth__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_auth__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_auth__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_auth__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_auth__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_auth__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_auth__new-scrollbar ::placeholder,
.main_ui_auth__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_auth__button-primary, .main_ui_auth__modal-danger-btn, .main_ui_auth__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_auth__button-primary:focus-visible, .main_ui_auth__modal-danger-btn:focus-visible, .main_ui_auth__modal-accept-btn: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);
}
.main_ui_auth__button-primary:focus-visible svg, .main_ui_auth__modal-danger-btn:focus-visible svg, .main_ui_auth__modal-accept-btn:focus-visible svg,
.main_ui_auth__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_auth__button-primary svg, .main_ui_auth__modal-danger-btn svg, .main_ui_auth__modal-accept-btn svg,
.main_ui_auth__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_auth__button-primary:hover, .main_ui_auth__modal-danger-btn:hover, .main_ui_auth__modal-accept-btn: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;
}
.main_ui_auth__button-primary:hover svg, .main_ui_auth__modal-danger-btn:hover svg, .main_ui_auth__modal-accept-btn:hover svg,
.main_ui_auth__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_auth__button-primary:active, .main_ui_auth__modal-danger-btn:active, .main_ui_auth__modal-accept-btn: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;
}
.main_ui_auth__button-primary:active svg, .main_ui_auth__modal-danger-btn:active svg, .main_ui_auth__modal-accept-btn:active svg,
.main_ui_auth__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_auth__button-primary.disabled, .main_ui_auth__modal-danger-btn.disabled, .main_ui_auth__modal-accept-btn.disabled, .main_ui_auth__button-primary[disabled], [disabled].main_ui_auth__modal-danger-btn, [disabled].main_ui_auth__modal-accept-btn, .main_ui_auth__button-primary:disabled, .main_ui_auth__modal-danger-btn:disabled, .main_ui_auth__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_auth__button-secondary, .main_ui_auth__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_auth__button-secondary:focus-visible, .main_ui_auth__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_auth__button-secondary:focus-visible svg, .main_ui_auth__modal-cancel-btn:focus-visible svg,
.main_ui_auth__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_auth__button-secondary svg, .main_ui_auth__modal-cancel-btn svg,
.main_ui_auth__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_auth__button-secondary:hover, .main_ui_auth__modal-cancel-btn: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;
}
.main_ui_auth__button-secondary:hover svg, .main_ui_auth__modal-cancel-btn:hover svg,
.main_ui_auth__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_auth__button-secondary:active, .main_ui_auth__modal-cancel-btn: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);
}
.main_ui_auth__button-secondary:active svg, .main_ui_auth__modal-cancel-btn:active svg,
.main_ui_auth__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_auth__button-secondary.disabled, .main_ui_auth__modal-cancel-btn.disabled, .main_ui_auth__button-secondary[disabled], [disabled].main_ui_auth__modal-cancel-btn, .main_ui_auth__button-secondary:disabled, .main_ui_auth__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_auth__button-tertiary, .main_ui_auth__attr-title button, .main_ui_auth__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_auth__button-tertiary:focus-visible, .main_ui_auth__attr-title button:focus-visible, .main_ui_auth__modal-close-btn-base: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);
}
.main_ui_auth__button-tertiary:focus-visible svg, .main_ui_auth__attr-title button:focus-visible svg, .main_ui_auth__modal-close-btn-base:focus-visible svg,
.main_ui_auth__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_auth__button-tertiary svg, .main_ui_auth__attr-title button svg, .main_ui_auth__modal-close-btn-base svg,
.main_ui_auth__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_auth__button-tertiary:hover, .main_ui_auth__attr-title button:hover, .main_ui_auth__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_auth__button-tertiary:hover svg, .main_ui_auth__attr-title button:hover svg, .main_ui_auth__modal-close-btn-base:hover svg,
.main_ui_auth__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_auth__button-tertiary:active, .main_ui_auth__attr-title button:active, .main_ui_auth__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_auth__button-tertiary:active svg, .main_ui_auth__attr-title button:active svg, .main_ui_auth__modal-close-btn-base:active svg,
.main_ui_auth__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_auth__button-tertiary.disabled, .main_ui_auth__attr-title button.disabled, .main_ui_auth__modal-close-btn-base.disabled, .main_ui_auth__button-tertiary[disabled], .main_ui_auth__attr-title button[disabled], [disabled].main_ui_auth__modal-close-btn-base, .main_ui_auth__button-tertiary:disabled, .main_ui_auth__attr-title button:disabled, .main_ui_auth__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_auth__button-tertiary.disabled svg, .main_ui_auth__attr-title button.disabled svg, .main_ui_auth__modal-close-btn-base.disabled svg,
.main_ui_auth__button-tertiary.disabled span svg, .main_ui_auth__button-tertiary[disabled] svg, .main_ui_auth__attr-title button[disabled] svg, [disabled].main_ui_auth__modal-close-btn-base svg,
.main_ui_auth__button-tertiary[disabled] span svg, .main_ui_auth__button-tertiary:disabled svg, .main_ui_auth__attr-title button:disabled svg, .main_ui_auth__modal-close-btn-base:disabled svg,
.main_ui_auth__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_auth__button-icon-selected {
  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);
}
.main_ui_auth__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_auth__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_auth__button-radio: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);
}
.main_ui_auth__button-radio:focus-visible svg,
.main_ui_auth__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_auth__button-radio svg,
.main_ui_auth__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_auth__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_auth__button-radio:hover svg,
.main_ui_auth__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_auth__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_auth__button-radio:active svg,
.main_ui_auth__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_auth__button-warning {
  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);
}

.main_ui_auth__button-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;
}

.main_ui_auth__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_auth__button-tag: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);
}
.main_ui_auth__button-tag:focus-visible svg,
.main_ui_auth__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_auth__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_auth__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_auth__button-icon, .main_ui_auth__empty-icon svg, .main_ui_auth__modal-close-btn-base svg, .main_ui_auth__button-icon-small, .main_ui_auth__dropdown-element-base span svg, .main_ui_auth__attr-title button svg, .main_ui_auth__checkbox-icon.intermediate svg, .main_ui_auth__input-checkbox label span.intermediate svg, .main_ui_auth__checkbox-icon.checked svg, .main_ui_auth__input-checkbox label span.checked svg, .main_ui_auth__input-element span svg,
.main_ui_auth__input-element label svg, .main_ui_auth__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_auth__button-icon-small, .main_ui_auth__dropdown-element-base span svg, .main_ui_auth__attr-title button svg, .main_ui_auth__checkbox-icon.intermediate svg, .main_ui_auth__input-checkbox label span.intermediate svg, .main_ui_auth__checkbox-icon.checked svg, .main_ui_auth__input-checkbox label span.checked svg, .main_ui_auth__input-element span svg,
.main_ui_auth__input-element label svg, .main_ui_auth__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_auth__input-base, .main_ui_auth__input-with-label input, .main_ui_auth__input-element-label input, .main_ui_auth__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_auth__input-base[disabled], .main_ui_auth__input-with-label input[disabled], .main_ui_auth__input-element-label input[disabled], .main_ui_auth__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_auth__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_auth__input-label, .main_ui_auth__input-element span,
.main_ui_auth__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_auth__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_auth__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_auth__input-element span svg,
.main_ui_auth__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_auth__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_auth__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_auth__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_auth__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_auth__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_auth__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_auth__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_auth__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_auth__input-element:focus, .main_ui_auth__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_auth__input-element:focus span, .main_ui_auth__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth__input-element:focus input, .main_ui_auth__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth__input-element:focus:hover, .main_ui_auth__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_auth__input-element:focus:hover span, .main_ui_auth__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth__input-element:focus:hover input, .main_ui_auth__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_auth__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_auth__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_auth__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_auth__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_auth__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_auth__input-element-label:focus-within input, .main_ui_auth__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_auth__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_auth__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_auth__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_auth__input-with-label input:focus-within, .main_ui_auth__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_auth__input-with-label input:focus-within input, .main_ui_auth__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_auth__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_auth__modal-overlay-base {
  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);
}

.main_ui_auth__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_auth__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_auth__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_auth__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_auth__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_auth__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_auth__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_auth__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_auth__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_auth__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_auth__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_auth__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_auth__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_auth__colorpicker-handler {
  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;
}
.main_ui_auth__colorpicker-handler:hover, .main_ui_auth__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_auth__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_auth__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_auth__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_auth__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_auth__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_auth__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_auth__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_auth__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_auth__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_auth__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_auth__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_auth__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_auth__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_auth__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_auth__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_auth__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_auth__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_auth__auth-section {
  position: relative;
  align-items: center;
  background: var(--panel-background-color);
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(5, 1fr);
  height: 100%;
  padding: 2rem;
  width: 100%;
  overflow: auto;
}
@media (max-width: 992px) {
  .main_ui_auth__auth-section {
    display: flex;
    justify-content: center;
  }
}

.main_ui_auth__logo-container {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  display: flex;
  justify-content: flex-start;
  width: 7.5rem;
  height: 6rem;
  margin-block-end: 3.25rem;
}

.main_ui_auth__login-illustration {
  display: flex;
  justify-content: center;
  grid-column: 1/4;
  width: 40vw;
  justify-self: center;
}
.main_ui_auth__login-illustration svg {
  width: 100%;
  fill: var(--color-foreground-primary);
  height: auto;
}
@media (max-width: 992px) {
  .main_ui_auth__login-illustration {
    display: none;
  }
}

.main_ui_auth__auth-content {
  grid-column: 4/6;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 1.5rem;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 25.75rem;
  padding-block-end: 0.5rem;
  position: relative;
  width: 100%;
}

.main_ui_auth__logo-btn svg {
  width: 7.5rem;
  height: 2.5rem;
  fill: var(--main-icon-foreground);
}
@keyframes main_ui_comments__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_comments__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_comments__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_comments__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_comments__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_comments__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_comments__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_comments__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_comments__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_comments__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_comments__new-scrollbar ::placeholder,
.main_ui_comments__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_comments__button-primary, .main_ui_comments__modal-danger-btn, .main_ui_comments__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_comments__button-primary:focus-visible, .main_ui_comments__modal-danger-btn:focus-visible, .main_ui_comments__modal-accept-btn: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);
}
.main_ui_comments__button-primary:focus-visible svg, .main_ui_comments__modal-danger-btn:focus-visible svg, .main_ui_comments__modal-accept-btn:focus-visible svg,
.main_ui_comments__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_comments__button-primary svg, .main_ui_comments__modal-danger-btn svg, .main_ui_comments__modal-accept-btn svg,
.main_ui_comments__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_comments__button-primary:hover, .main_ui_comments__modal-danger-btn:hover, .main_ui_comments__modal-accept-btn: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;
}
.main_ui_comments__button-primary:hover svg, .main_ui_comments__modal-danger-btn:hover svg, .main_ui_comments__modal-accept-btn:hover svg,
.main_ui_comments__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_comments__button-primary:active, .main_ui_comments__modal-danger-btn:active, .main_ui_comments__modal-accept-btn: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;
}
.main_ui_comments__button-primary:active svg, .main_ui_comments__modal-danger-btn:active svg, .main_ui_comments__modal-accept-btn:active svg,
.main_ui_comments__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_comments__button-primary.disabled, .main_ui_comments__modal-danger-btn.disabled, .main_ui_comments__modal-accept-btn.disabled, .main_ui_comments__button-primary[disabled], [disabled].main_ui_comments__modal-danger-btn, [disabled].main_ui_comments__modal-accept-btn, .main_ui_comments__button-primary:disabled, .main_ui_comments__modal-danger-btn:disabled, .main_ui_comments__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_comments__button-secondary, .main_ui_comments__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_comments__button-secondary:focus-visible, .main_ui_comments__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_comments__button-secondary:focus-visible svg, .main_ui_comments__modal-cancel-btn:focus-visible svg,
.main_ui_comments__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_comments__button-secondary svg, .main_ui_comments__modal-cancel-btn svg,
.main_ui_comments__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_comments__button-secondary:hover, .main_ui_comments__modal-cancel-btn: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;
}
.main_ui_comments__button-secondary:hover svg, .main_ui_comments__modal-cancel-btn:hover svg,
.main_ui_comments__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_comments__button-secondary:active, .main_ui_comments__modal-cancel-btn: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);
}
.main_ui_comments__button-secondary:active svg, .main_ui_comments__modal-cancel-btn:active svg,
.main_ui_comments__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_comments__button-secondary.disabled, .main_ui_comments__modal-cancel-btn.disabled, .main_ui_comments__button-secondary[disabled], [disabled].main_ui_comments__modal-cancel-btn, .main_ui_comments__button-secondary:disabled, .main_ui_comments__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_comments__button-tertiary, .main_ui_comments__attr-title button, .main_ui_comments__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_comments__button-tertiary:focus-visible, .main_ui_comments__attr-title button:focus-visible, .main_ui_comments__modal-close-btn-base: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);
}
.main_ui_comments__button-tertiary:focus-visible svg, .main_ui_comments__attr-title button:focus-visible svg, .main_ui_comments__modal-close-btn-base:focus-visible svg,
.main_ui_comments__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_comments__button-tertiary svg, .main_ui_comments__attr-title button svg, .main_ui_comments__modal-close-btn-base svg,
.main_ui_comments__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_comments__button-tertiary:hover, .main_ui_comments__attr-title button:hover, .main_ui_comments__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_comments__button-tertiary:hover svg, .main_ui_comments__attr-title button:hover svg, .main_ui_comments__modal-close-btn-base:hover svg,
.main_ui_comments__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_comments__button-tertiary:active, .main_ui_comments__attr-title button:active, .main_ui_comments__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_comments__button-tertiary:active svg, .main_ui_comments__attr-title button:active svg, .main_ui_comments__modal-close-btn-base:active svg,
.main_ui_comments__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_comments__button-tertiary.disabled, .main_ui_comments__attr-title button.disabled, .main_ui_comments__modal-close-btn-base.disabled, .main_ui_comments__button-tertiary[disabled], .main_ui_comments__attr-title button[disabled], [disabled].main_ui_comments__modal-close-btn-base, .main_ui_comments__button-tertiary:disabled, .main_ui_comments__attr-title button:disabled, .main_ui_comments__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_comments__button-tertiary.disabled svg, .main_ui_comments__attr-title button.disabled svg, .main_ui_comments__modal-close-btn-base.disabled svg,
.main_ui_comments__button-tertiary.disabled span svg, .main_ui_comments__button-tertiary[disabled] svg, .main_ui_comments__attr-title button[disabled] svg, [disabled].main_ui_comments__modal-close-btn-base svg,
.main_ui_comments__button-tertiary[disabled] span svg, .main_ui_comments__button-tertiary:disabled svg, .main_ui_comments__attr-title button:disabled svg, .main_ui_comments__modal-close-btn-base:disabled svg,
.main_ui_comments__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_comments__button-icon-selected {
  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);
}
.main_ui_comments__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_comments__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_comments__button-radio: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);
}
.main_ui_comments__button-radio:focus-visible svg,
.main_ui_comments__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_comments__button-radio svg,
.main_ui_comments__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_comments__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_comments__button-radio:hover svg,
.main_ui_comments__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_comments__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_comments__button-radio:active svg,
.main_ui_comments__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_comments__button-warning {
  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);
}

.main_ui_comments__button-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;
}

.main_ui_comments__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_comments__button-tag: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);
}
.main_ui_comments__button-tag:focus-visible svg,
.main_ui_comments__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_comments__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_comments__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_comments__button-icon, .main_ui_comments__empty-icon svg, .main_ui_comments__modal-close-btn-base svg, .main_ui_comments__button-icon-small, .main_ui_comments__dropdown-element-base span svg, .main_ui_comments__dropdown-menu-option span svg, .main_ui_comments__attr-title button svg, .main_ui_comments__checkbox-icon.intermediate svg, .main_ui_comments__checkbox.intermediate svg, .main_ui_comments__input-checkbox label span.intermediate svg, .main_ui_comments__checkbox-icon.checked svg, .main_ui_comments__checkbox.checked svg, .main_ui_comments__input-checkbox label span.checked svg, .main_ui_comments__input-element span svg,
.main_ui_comments__input-element label svg, .main_ui_comments__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_comments__button-icon-small, .main_ui_comments__dropdown-element-base span svg, .main_ui_comments__dropdown-menu-option span svg, .main_ui_comments__attr-title button svg, .main_ui_comments__checkbox-icon.intermediate svg, .main_ui_comments__checkbox.intermediate svg, .main_ui_comments__input-checkbox label span.intermediate svg, .main_ui_comments__checkbox-icon.checked svg, .main_ui_comments__checkbox.checked svg, .main_ui_comments__input-checkbox label span.checked svg, .main_ui_comments__input-element span svg,
.main_ui_comments__input-element label svg, .main_ui_comments__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_comments__input-base, .main_ui_comments__input-with-label input, .main_ui_comments__input-element-label input, .main_ui_comments__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_comments__input-base[disabled], .main_ui_comments__input-with-label input[disabled], .main_ui_comments__input-element-label input[disabled], .main_ui_comments__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_comments__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_comments__input-label, .main_ui_comments__input-element span,
.main_ui_comments__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_comments__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_comments__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_comments__input-element span svg,
.main_ui_comments__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_comments__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_comments__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_comments__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_comments__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_comments__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_comments__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_comments__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_comments__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_comments__input-element:focus, .main_ui_comments__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_comments__input-element:focus span, .main_ui_comments__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_comments__input-element:focus input, .main_ui_comments__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_comments__input-element:focus:hover, .main_ui_comments__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_comments__input-element:focus:hover span, .main_ui_comments__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_comments__input-element:focus:hover input, .main_ui_comments__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_comments__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_comments__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_comments__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_comments__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_comments__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_comments__input-element-label:focus-within input, .main_ui_comments__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_comments__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_comments__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_comments__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_comments__input-with-label input:focus-within, .main_ui_comments__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_comments__input-with-label input:focus-within input, .main_ui_comments__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_comments__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_comments__modal-overlay-base {
  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);
}

.main_ui_comments__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_comments__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_comments__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_comments__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_comments__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_comments__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_comments__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_comments__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_comments__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_comments__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_comments__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_comments__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_comments__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_comments__colorpicker-handler {
  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;
}
.main_ui_comments__colorpicker-handler:hover, .main_ui_comments__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_comments__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_comments__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_comments__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_comments__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_comments__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_comments__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_comments__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_comments__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_comments__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_comments__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_comments__dropdown-element-base, .main_ui_comments__dropdown-menu-option {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_comments__dropdown-element-base span, .main_ui_comments__dropdown-menu-option span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_comments__dropdown-element-base span svg, .main_ui_comments__dropdown-menu-option span svg {
  stroke: var(--icon-foreground);
}
.main_ui_comments__dropdown-element-base:hover, .main_ui_comments__dropdown-menu-option:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_comments__dropdown-element-base:hover span svg, .main_ui_comments__dropdown-menu-option:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_comments__dropdown-wrapper, .main_ui_comments__dropdown-menu {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_comments__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_comments__cursor-grabbing {
  cursor: grabbing;
}

.main_ui_comments__cursor-pointer {
  cursor: pointer;
}

.main_ui_comments__cursor-auto {
  cursor: auto;
}

.main_ui_comments__grayed-text {
  color: var(--comment-subtitle-color);
}

.main_ui_comments__error-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-error);
}

.main_ui_comments__location {
  color: var(--comment-subtitle-color);
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.main_ui_comments__location-icon {
  display: flex;
}

.main_ui_comments__location-text {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main_ui_comments__author {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.main_ui_comments__author-identity {
  flex-grow: 1;
}

.main_ui_comments__author-fullname {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--comment-title-color);
}

.main_ui_comments__author-timeago {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--comment-subtitle-color);
}

.main_ui_comments__avatar {
  position: relative;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
}

.main_ui_comments__avatar-lg {
  height: 2rem;
  width: 2rem;
}

.main_ui_comments__avatar-read {
  border: 0.125rem solid var(--color-background-tertiary);
}

.main_ui_comments__avatar-unread {
  border: 0.125rem solid var(--color-accent-primary);
}

.main_ui_comments__avatar-solved {
  border: 0.125rem solid var(--color-background-tertiary);
}

.main_ui_comments__avatar-image {
  border-radius: 50%;
}

.main_ui_comments__avatar-text {
  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);
}

.main_ui_comments__avatar-mask {
  border-radius: 50%;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.main_ui_comments__avatar-darken {
  background: rgba(0, 0, 0, 0.5);
}

.main_ui_comments__cover {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_comments__item {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  white-space: pre-wrap;
}

.main_ui_comments__replies {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  gap: 0.5rem;
}

.main_ui_comments__replies-total {
  color: var(--color-foreground-secondary);
}

.main_ui_comments__replies-unread {
  color: var(--color-accent-primary);
}

.main_ui_comments__floating-preview-wrapper {
  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));
}

.main_ui_comments__floating-preview-bubble {
  z-index: initial;
}

.main_ui_comments__floating-thread-draft-wrapper {
  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));
}
.main_ui_comments__floating-thread-draft-wrapper.main_ui_comments__left {
  --translate-x: -100%;
  flex-direction: row-reverse;
}
.main_ui_comments__floating-thread-draft-wrapper.main_ui_comments__top {
  --translate-y: -100%;
  align-items: flex-end;
}

.main_ui_comments__floating-thread-draft-inner-wrapper {
  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: 0.5rem;
  border: 0.125rem solid var(--modal-border-color);
  background-color: var(--comment-modal-background-color);
  max-height: var(--comment-height);
}

.main_ui_comments__floating-preview-displacement {
  margin-left: calc(-1 * (0.75rem + 0.125rem));
  margin-top: calc(-1 * (0.5rem + 0.125rem));
}

.main_ui_comments__floating-thread-wrapper {
  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: 0.5rem;
  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));
}
.main_ui_comments__floating-thread-wrapper.main_ui_comments__left {
  --translate-x: -100%;
}
.main_ui_comments__floating-thread-wrapper.main_ui_comments__top {
  --translate-y: -100%;
}

.main_ui_comments__floating-thread-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2rem;
}

.main_ui_comments__floating-thread-header-left {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
}

.main_ui_comments__floating-thread-header-right {
  display: flex;
  align-items: center;
}

.main_ui_comments__floating-thread-main {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-y: auto;
  padding-bottom: 1rem;
}

.main_ui_comments__floating-thread-item-wrapper {
  position: relative;
}

.main_ui_comments__floating-thread-item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_comments__checkbox-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}

.main_ui_comments__dropdown-menu {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 12.5rem;
  right: 2rem;
  top: 0;
  left: unset;
}

.main_ui_comments__form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: calc(var(--comment-height) - 8.25rem);
}

.main_ui_comments__form-buttons-wrapper {
  display: grid;
  grid-template-columns: 1fr auto auto;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.main_ui_comments__open-mentions-button {
  stroke: none;
  fill: var(--color-foreground-secondary);
}
.main_ui_comments__open-mentions-button.main_ui_comments__is-toggled {
  fill: var(--color-accent-primary);
}

.main_ui_comments__comments-mentions-choice {
  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);
}

.main_ui_comments__comments-mentions-entry {
  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: 0.5rem;
  border: 1px solid transparent;
}
.main_ui_comments__comments-mentions-entry:hover {
  background: var(--color-background-quaternary);
}
.main_ui_comments__comments-mentions-entry .main_ui_comments__comments-mentions-avatar {
  grid-area: avatar;
  border-radius: 50%;
}
.main_ui_comments__comments-mentions-entry .main_ui_comments__comments-mentions-name {
  grid-area: name;
  font-size: 0.75rem;
  color: var(--color-foreground-primary);
}
.main_ui_comments__comments-mentions-entry .main_ui_comments__comments-mentions-email {
  grid-area: email;
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
}
.main_ui_comments__comments-mentions-entry.main_ui_comments__is-selected {
  border: 1px solid var(--color-accent-primary-muted);
  background: var(--color-background-quaternary);
}

.main_ui_comments__comment-input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  white-space: pre-line;
  background: var(--input-background-color);
  border-radius: 0.5rem;
  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;
}
.main_ui_comments__comment-input:focus {
  border: 1px solid var(--input-border-color-active);
  outline: none;
}
.main_ui_comments__comment-input [data-type=mention] {
  color: var(--color-accent-primary);
}
.main_ui_comments__comment-input [data-type=text] {
  color: var(--color-foreground-primary);
}
.main_ui_comments__comment-input::before {
  content: var(--placeholder);
}

.main_ui_comments__comment-mention {
  color: var(--color-accent-primary);
}

.main_ui_comments__comments-mentions-empty {
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
  padding: 0.375rem 0.5rem;
}
@keyframes main_ui_confirm__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_confirm__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_confirm__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_confirm__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_confirm__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_confirm__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_confirm__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_confirm__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_confirm__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_confirm__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_confirm__new-scrollbar ::placeholder,
.main_ui_confirm__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_confirm__button-primary, .main_ui_confirm__modal-danger-btn, .main_ui_confirm__accept-btn.main_ui_confirm__danger, .main_ui_confirm__modal-accept-btn, .main_ui_confirm__accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_confirm__button-primary:focus-visible, .main_ui_confirm__modal-danger-btn:focus-visible, .main_ui_confirm__modal-accept-btn:focus-visible, .main_ui_confirm__accept-btn: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);
}
.main_ui_confirm__button-primary:focus-visible svg, .main_ui_confirm__modal-danger-btn:focus-visible svg, .main_ui_confirm__modal-accept-btn:focus-visible svg, .main_ui_confirm__accept-btn:focus-visible svg,
.main_ui_confirm__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_confirm__button-primary svg, .main_ui_confirm__modal-danger-btn svg, .main_ui_confirm__accept-btn.main_ui_confirm__danger svg, .main_ui_confirm__modal-accept-btn svg, .main_ui_confirm__accept-btn svg,
.main_ui_confirm__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_confirm__button-primary:hover, .main_ui_confirm__modal-danger-btn:hover, .main_ui_confirm__modal-accept-btn:hover, .main_ui_confirm__accept-btn: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;
}
.main_ui_confirm__button-primary:hover svg, .main_ui_confirm__modal-danger-btn:hover svg, .main_ui_confirm__modal-accept-btn:hover svg, .main_ui_confirm__accept-btn:hover svg,
.main_ui_confirm__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_confirm__button-primary:active, .main_ui_confirm__modal-danger-btn:active, .main_ui_confirm__modal-accept-btn:active, .main_ui_confirm__accept-btn: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;
}
.main_ui_confirm__button-primary:active svg, .main_ui_confirm__modal-danger-btn:active svg, .main_ui_confirm__modal-accept-btn:active svg, .main_ui_confirm__accept-btn:active svg,
.main_ui_confirm__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_confirm__button-primary.disabled, .main_ui_confirm__modal-danger-btn.disabled, .main_ui_confirm__modal-accept-btn.disabled, .main_ui_confirm__accept-btn.disabled, .main_ui_confirm__button-primary[disabled], [disabled].main_ui_confirm__modal-danger-btn, [disabled].main_ui_confirm__modal-accept-btn, [disabled].main_ui_confirm__accept-btn, .main_ui_confirm__button-primary:disabled, .main_ui_confirm__modal-danger-btn:disabled, .main_ui_confirm__modal-accept-btn:disabled, .main_ui_confirm__accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_confirm__button-secondary, .main_ui_confirm__modal-cancel-btn, .main_ui_confirm__cancel-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_confirm__button-secondary:focus-visible, .main_ui_confirm__modal-cancel-btn:focus-visible, .main_ui_confirm__cancel-button:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_confirm__button-secondary:focus-visible svg, .main_ui_confirm__modal-cancel-btn:focus-visible svg, .main_ui_confirm__cancel-button:focus-visible svg,
.main_ui_confirm__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_confirm__button-secondary svg, .main_ui_confirm__modal-cancel-btn svg, .main_ui_confirm__cancel-button svg,
.main_ui_confirm__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_confirm__button-secondary:hover, .main_ui_confirm__modal-cancel-btn:hover, .main_ui_confirm__cancel-button: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;
}
.main_ui_confirm__button-secondary:hover svg, .main_ui_confirm__modal-cancel-btn:hover svg, .main_ui_confirm__cancel-button:hover svg,
.main_ui_confirm__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_confirm__button-secondary:active, .main_ui_confirm__modal-cancel-btn:active, .main_ui_confirm__cancel-button: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);
}
.main_ui_confirm__button-secondary:active svg, .main_ui_confirm__modal-cancel-btn:active svg, .main_ui_confirm__cancel-button:active svg,
.main_ui_confirm__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_confirm__button-secondary.disabled, .main_ui_confirm__modal-cancel-btn.disabled, .main_ui_confirm__cancel-button.disabled, .main_ui_confirm__button-secondary[disabled], [disabled].main_ui_confirm__modal-cancel-btn, [disabled].main_ui_confirm__cancel-button, .main_ui_confirm__button-secondary:disabled, .main_ui_confirm__modal-cancel-btn:disabled, .main_ui_confirm__cancel-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;
}

.main_ui_confirm__button-tertiary, .main_ui_confirm__attr-title button, .main_ui_confirm__modal-close-btn-base, .main_ui_confirm__modal-close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_confirm__button-tertiary:focus-visible, .main_ui_confirm__attr-title button:focus-visible, .main_ui_confirm__modal-close-btn-base:focus-visible, .main_ui_confirm__modal-close-btn: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);
}
.main_ui_confirm__button-tertiary:focus-visible svg, .main_ui_confirm__attr-title button:focus-visible svg, .main_ui_confirm__modal-close-btn-base:focus-visible svg, .main_ui_confirm__modal-close-btn:focus-visible svg,
.main_ui_confirm__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_confirm__button-tertiary svg, .main_ui_confirm__attr-title button svg, .main_ui_confirm__modal-close-btn-base svg, .main_ui_confirm__modal-close-btn svg,
.main_ui_confirm__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_confirm__button-tertiary:hover, .main_ui_confirm__attr-title button:hover, .main_ui_confirm__modal-close-btn-base:hover, .main_ui_confirm__modal-close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_confirm__button-tertiary:hover svg, .main_ui_confirm__attr-title button:hover svg, .main_ui_confirm__modal-close-btn-base:hover svg, .main_ui_confirm__modal-close-btn:hover svg,
.main_ui_confirm__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_confirm__button-tertiary:active, .main_ui_confirm__attr-title button:active, .main_ui_confirm__modal-close-btn-base:active, .main_ui_confirm__modal-close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_confirm__button-tertiary:active svg, .main_ui_confirm__attr-title button:active svg, .main_ui_confirm__modal-close-btn-base:active svg, .main_ui_confirm__modal-close-btn:active svg,
.main_ui_confirm__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_confirm__button-tertiary.disabled, .main_ui_confirm__attr-title button.disabled, .main_ui_confirm__modal-close-btn-base.disabled, .main_ui_confirm__modal-close-btn.disabled, .main_ui_confirm__button-tertiary[disabled], .main_ui_confirm__attr-title button[disabled], [disabled].main_ui_confirm__modal-close-btn-base, [disabled].main_ui_confirm__modal-close-btn, .main_ui_confirm__button-tertiary:disabled, .main_ui_confirm__attr-title button:disabled, .main_ui_confirm__modal-close-btn-base:disabled, .main_ui_confirm__modal-close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_confirm__button-tertiary.disabled svg, .main_ui_confirm__attr-title button.disabled svg, .main_ui_confirm__modal-close-btn-base.disabled svg, .main_ui_confirm__modal-close-btn.disabled svg,
.main_ui_confirm__button-tertiary.disabled span svg, .main_ui_confirm__button-tertiary[disabled] svg, .main_ui_confirm__attr-title button[disabled] svg, [disabled].main_ui_confirm__modal-close-btn-base svg, [disabled].main_ui_confirm__modal-close-btn svg,
.main_ui_confirm__button-tertiary[disabled] span svg, .main_ui_confirm__button-tertiary:disabled svg, .main_ui_confirm__attr-title button:disabled svg, .main_ui_confirm__modal-close-btn-base:disabled svg, .main_ui_confirm__modal-close-btn:disabled svg,
.main_ui_confirm__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_confirm__button-icon-selected {
  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);
}
.main_ui_confirm__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_confirm__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_confirm__button-radio: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);
}
.main_ui_confirm__button-radio:focus-visible svg,
.main_ui_confirm__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_confirm__button-radio svg,
.main_ui_confirm__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_confirm__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_confirm__button-radio:hover svg,
.main_ui_confirm__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_confirm__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_confirm__button-radio:active svg,
.main_ui_confirm__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_confirm__button-warning {
  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);
}

.main_ui_confirm__button-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;
}

.main_ui_confirm__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_confirm__button-tag: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);
}
.main_ui_confirm__button-tag:focus-visible svg,
.main_ui_confirm__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_confirm__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_confirm__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_confirm__button-icon, .main_ui_confirm__empty-icon svg, .main_ui_confirm__modal-close-btn-base svg, .main_ui_confirm__modal-close-btn svg, .main_ui_confirm__button-icon-small, .main_ui_confirm__modal-component-icon svg, .main_ui_confirm__dropdown-element-base span svg, .main_ui_confirm__attr-title button svg, .main_ui_confirm__checkbox-icon.intermediate svg, .main_ui_confirm__input-checkbox label span.intermediate svg, .main_ui_confirm__checkbox-icon.checked svg, .main_ui_confirm__input-checkbox label span.checked svg, .main_ui_confirm__input-element span svg,
.main_ui_confirm__input-element label svg, .main_ui_confirm__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_confirm__button-icon-small, .main_ui_confirm__modal-component-icon svg, .main_ui_confirm__dropdown-element-base span svg, .main_ui_confirm__attr-title button svg, .main_ui_confirm__checkbox-icon.intermediate svg, .main_ui_confirm__input-checkbox label span.intermediate svg, .main_ui_confirm__checkbox-icon.checked svg, .main_ui_confirm__input-checkbox label span.checked svg, .main_ui_confirm__input-element span svg,
.main_ui_confirm__input-element label svg, .main_ui_confirm__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_confirm__input-base, .main_ui_confirm__input-with-label input, .main_ui_confirm__input-element-label input, .main_ui_confirm__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_confirm__input-base[disabled], .main_ui_confirm__input-with-label input[disabled], .main_ui_confirm__input-element-label input[disabled], .main_ui_confirm__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_confirm__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_confirm__input-label, .main_ui_confirm__input-element span,
.main_ui_confirm__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_confirm__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_confirm__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_confirm__input-element span svg,
.main_ui_confirm__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_confirm__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_confirm__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_confirm__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_confirm__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_confirm__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_confirm__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_confirm__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_confirm__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_confirm__input-element:focus, .main_ui_confirm__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_confirm__input-element:focus span, .main_ui_confirm__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_confirm__input-element:focus input, .main_ui_confirm__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_confirm__input-element:focus:hover, .main_ui_confirm__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_confirm__input-element:focus:hover span, .main_ui_confirm__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_confirm__input-element:focus:hover input, .main_ui_confirm__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_confirm__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_confirm__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_confirm__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_confirm__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_confirm__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_confirm__input-element-label:focus-within input, .main_ui_confirm__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_confirm__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_confirm__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_confirm__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_confirm__input-with-label input:focus-within, .main_ui_confirm__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_confirm__input-with-label input:focus-within input, .main_ui_confirm__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_confirm__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_confirm__modal-overlay-base, .main_ui_confirm__modal-overlay {
  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);
}

.main_ui_confirm__modal-container-base, .main_ui_confirm__modal-container {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_confirm__modal-close-btn-base, .main_ui_confirm__modal-close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_confirm__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_confirm__modal-action-btns, .main_ui_confirm__action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_confirm__modal-cancel-btn, .main_ui_confirm__cancel-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_confirm__modal-accept-btn, .main_ui_confirm__accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_confirm__modal-danger-btn, .main_ui_confirm__accept-btn.main_ui_confirm__danger {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_confirm__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_confirm__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_confirm__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_confirm__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_confirm__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_confirm__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_confirm__colorpicker-handler {
  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;
}
.main_ui_confirm__colorpicker-handler:hover, .main_ui_confirm__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_confirm__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_confirm__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_confirm__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_confirm__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_confirm__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_confirm__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_confirm__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_confirm__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_confirm__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_confirm__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_confirm__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_confirm__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_confirm__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_confirm__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_confirm__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_confirm__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_confirm__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_confirm__modal-overlay.main_ui_confirm__transparent {
  background-color: transparent;
}

.main_ui_confirm__modal-header {
  margin-bottom: 1.5rem;
}

.main_ui_confirm__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_confirm__modal-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.main_ui_confirm__modal-item-element {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_confirm__modal-component-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
}
.main_ui_confirm__modal-component-icon svg {
  stroke: var(--color);
}

.main_ui_confirm__modal-component-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

.main_ui_confirm__modal-scd-msg,
.main_ui_confirm__modal-subtitle,
.main_ui_confirm__modal-msg {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
}
@keyframes main_ui_dashboard__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard__new-scrollbar, .main_ui_dashboard__dashboard {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard__new-scrollbar:hover, .main_ui_dashboard__dashboard:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard__new-scrollbar ::-webkit-scrollbar, .main_ui_dashboard__dashboard ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard__new-scrollbar ::-webkit-scrollbar-track, .main_ui_dashboard__dashboard ::-webkit-scrollbar-track,
.main_ui_dashboard__new-scrollbar ::-webkit-scrollbar-corner,
.main_ui_dashboard__dashboard ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard__new-scrollbar ::-webkit-scrollbar-thumb, .main_ui_dashboard__dashboard ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard__new-scrollbar ::-webkit-scrollbar-thumb:hover, .main_ui_dashboard__dashboard ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard__new-scrollbar ::-moz-selection, .main_ui_dashboard__dashboard ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard__new-scrollbar ::selection, .main_ui_dashboard__dashboard ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard__new-scrollbar ::placeholder, .main_ui_dashboard__dashboard ::placeholder,
.main_ui_dashboard__new-scrollbar ::-webkit-input-placeholder,
.main_ui_dashboard__dashboard ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard__button-primary, .main_ui_dashboard__modal-danger-btn, .main_ui_dashboard__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard__button-primary:focus-visible, .main_ui_dashboard__modal-danger-btn:focus-visible, .main_ui_dashboard__modal-accept-btn: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);
}
.main_ui_dashboard__button-primary:focus-visible svg, .main_ui_dashboard__modal-danger-btn:focus-visible svg, .main_ui_dashboard__modal-accept-btn:focus-visible svg,
.main_ui_dashboard__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard__button-primary svg, .main_ui_dashboard__modal-danger-btn svg, .main_ui_dashboard__modal-accept-btn svg,
.main_ui_dashboard__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard__button-primary:hover, .main_ui_dashboard__modal-danger-btn:hover, .main_ui_dashboard__modal-accept-btn: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;
}
.main_ui_dashboard__button-primary:hover svg, .main_ui_dashboard__modal-danger-btn:hover svg, .main_ui_dashboard__modal-accept-btn:hover svg,
.main_ui_dashboard__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard__button-primary:active, .main_ui_dashboard__modal-danger-btn:active, .main_ui_dashboard__modal-accept-btn: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;
}
.main_ui_dashboard__button-primary:active svg, .main_ui_dashboard__modal-danger-btn:active svg, .main_ui_dashboard__modal-accept-btn:active svg,
.main_ui_dashboard__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard__button-primary.disabled, .main_ui_dashboard__modal-danger-btn.disabled, .main_ui_dashboard__modal-accept-btn.disabled, .main_ui_dashboard__button-primary[disabled], [disabled].main_ui_dashboard__modal-danger-btn, [disabled].main_ui_dashboard__modal-accept-btn, .main_ui_dashboard__button-primary:disabled, .main_ui_dashboard__modal-danger-btn:disabled, .main_ui_dashboard__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard__button-secondary, .main_ui_dashboard__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard__button-secondary:focus-visible, .main_ui_dashboard__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard__button-secondary:focus-visible svg, .main_ui_dashboard__modal-cancel-btn:focus-visible svg,
.main_ui_dashboard__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard__button-secondary svg, .main_ui_dashboard__modal-cancel-btn svg,
.main_ui_dashboard__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard__button-secondary:hover, .main_ui_dashboard__modal-cancel-btn: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;
}
.main_ui_dashboard__button-secondary:hover svg, .main_ui_dashboard__modal-cancel-btn:hover svg,
.main_ui_dashboard__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard__button-secondary:active, .main_ui_dashboard__modal-cancel-btn: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);
}
.main_ui_dashboard__button-secondary:active svg, .main_ui_dashboard__modal-cancel-btn:active svg,
.main_ui_dashboard__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard__button-secondary.disabled, .main_ui_dashboard__modal-cancel-btn.disabled, .main_ui_dashboard__button-secondary[disabled], [disabled].main_ui_dashboard__modal-cancel-btn, .main_ui_dashboard__button-secondary:disabled, .main_ui_dashboard__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard__button-tertiary, .main_ui_dashboard__attr-title button, .main_ui_dashboard__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard__button-tertiary:focus-visible, .main_ui_dashboard__attr-title button:focus-visible, .main_ui_dashboard__modal-close-btn-base: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);
}
.main_ui_dashboard__button-tertiary:focus-visible svg, .main_ui_dashboard__attr-title button:focus-visible svg, .main_ui_dashboard__modal-close-btn-base:focus-visible svg,
.main_ui_dashboard__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard__button-tertiary svg, .main_ui_dashboard__attr-title button svg, .main_ui_dashboard__modal-close-btn-base svg,
.main_ui_dashboard__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard__button-tertiary:hover, .main_ui_dashboard__attr-title button:hover, .main_ui_dashboard__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard__button-tertiary:hover svg, .main_ui_dashboard__attr-title button:hover svg, .main_ui_dashboard__modal-close-btn-base:hover svg,
.main_ui_dashboard__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard__button-tertiary:active, .main_ui_dashboard__attr-title button:active, .main_ui_dashboard__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard__button-tertiary:active svg, .main_ui_dashboard__attr-title button:active svg, .main_ui_dashboard__modal-close-btn-base:active svg,
.main_ui_dashboard__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard__button-tertiary.disabled, .main_ui_dashboard__attr-title button.disabled, .main_ui_dashboard__modal-close-btn-base.disabled, .main_ui_dashboard__button-tertiary[disabled], .main_ui_dashboard__attr-title button[disabled], [disabled].main_ui_dashboard__modal-close-btn-base, .main_ui_dashboard__button-tertiary:disabled, .main_ui_dashboard__attr-title button:disabled, .main_ui_dashboard__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard__button-tertiary.disabled svg, .main_ui_dashboard__attr-title button.disabled svg, .main_ui_dashboard__modal-close-btn-base.disabled svg,
.main_ui_dashboard__button-tertiary.disabled span svg, .main_ui_dashboard__button-tertiary[disabled] svg, .main_ui_dashboard__attr-title button[disabled] svg, [disabled].main_ui_dashboard__modal-close-btn-base svg,
.main_ui_dashboard__button-tertiary[disabled] span svg, .main_ui_dashboard__button-tertiary:disabled svg, .main_ui_dashboard__attr-title button:disabled svg, .main_ui_dashboard__modal-close-btn-base:disabled svg,
.main_ui_dashboard__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard__button-icon-selected {
  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);
}
.main_ui_dashboard__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard__button-radio: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);
}
.main_ui_dashboard__button-radio:focus-visible svg,
.main_ui_dashboard__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard__button-radio svg,
.main_ui_dashboard__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard__button-radio:hover svg,
.main_ui_dashboard__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard__button-radio:active svg,
.main_ui_dashboard__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard__button-warning {
  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);
}

.main_ui_dashboard__button-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;
}

.main_ui_dashboard__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard__button-tag: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);
}
.main_ui_dashboard__button-tag:focus-visible svg,
.main_ui_dashboard__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard__button-icon, .main_ui_dashboard__empty-icon svg, .main_ui_dashboard__modal-close-btn-base svg, .main_ui_dashboard__button-icon-small, .main_ui_dashboard__dropdown-element-base span svg, .main_ui_dashboard__attr-title button svg, .main_ui_dashboard__checkbox-icon.intermediate svg, .main_ui_dashboard__input-checkbox label span.intermediate svg, .main_ui_dashboard__checkbox-icon.checked svg, .main_ui_dashboard__input-checkbox label span.checked svg, .main_ui_dashboard__input-element span svg,
.main_ui_dashboard__input-element label svg, .main_ui_dashboard__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard__button-icon-small, .main_ui_dashboard__dropdown-element-base span svg, .main_ui_dashboard__attr-title button svg, .main_ui_dashboard__checkbox-icon.intermediate svg, .main_ui_dashboard__input-checkbox label span.intermediate svg, .main_ui_dashboard__checkbox-icon.checked svg, .main_ui_dashboard__input-checkbox label span.checked svg, .main_ui_dashboard__input-element span svg,
.main_ui_dashboard__input-element label svg, .main_ui_dashboard__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_dashboard__input-base, .main_ui_dashboard__input-with-label input, .main_ui_dashboard__input-element-label input, .main_ui_dashboard__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard__input-base[disabled], .main_ui_dashboard__input-with-label input[disabled], .main_ui_dashboard__input-element-label input[disabled], .main_ui_dashboard__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard__input-label, .main_ui_dashboard__input-element span,
.main_ui_dashboard__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard__input-element span svg,
.main_ui_dashboard__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard__input-element:focus, .main_ui_dashboard__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard__input-element:focus span, .main_ui_dashboard__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard__input-element:focus input, .main_ui_dashboard__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard__input-element:focus:hover, .main_ui_dashboard__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard__input-element:focus:hover span, .main_ui_dashboard__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard__input-element:focus:hover input, .main_ui_dashboard__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard__input-element-label:focus-within input, .main_ui_dashboard__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_dashboard__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard__input-with-label input:focus-within, .main_ui_dashboard__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard__input-with-label input:focus-within input, .main_ui_dashboard__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_dashboard__modal-overlay-base {
  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);
}

.main_ui_dashboard__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_dashboard__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_dashboard__colorpicker-handler {
  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;
}
.main_ui_dashboard__colorpicker-handler:hover, .main_ui_dashboard__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_dashboard__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard__dashboard {
  background-color: var(--app-background);
  display: grid;
  grid-template-columns: 2.5rem 16rem 1fr;
  grid-template-rows: 3.25rem 1fr;
  height: 100vh;
}

.main_ui_dashboard__dashboard-content {
  display: grid;
  grid-template-rows: 4rem 1fr;
  position: relative;
  grid-row: 1/span 2;
  padding: 1rem 1rem 0 0;
  overflow: hidden;
  width: 100%;
}
@keyframes main_ui_delete_shared__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_delete_shared__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_delete_shared__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_delete_shared__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_delete_shared__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_delete_shared__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_delete_shared__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_delete_shared__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_delete_shared__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_delete_shared__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_delete_shared__new-scrollbar ::placeholder,
.main_ui_delete_shared__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_delete_shared__button-primary, .main_ui_delete_shared__modal-danger-btn, .main_ui_delete_shared__accept-btn.main_ui_delete_shared__danger, .main_ui_delete_shared__modal-accept-btn, .main_ui_delete_shared__accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_delete_shared__button-primary:focus-visible, .main_ui_delete_shared__modal-danger-btn:focus-visible, .main_ui_delete_shared__modal-accept-btn:focus-visible, .main_ui_delete_shared__accept-btn: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);
}
.main_ui_delete_shared__button-primary:focus-visible svg, .main_ui_delete_shared__modal-danger-btn:focus-visible svg, .main_ui_delete_shared__modal-accept-btn:focus-visible svg, .main_ui_delete_shared__accept-btn:focus-visible svg,
.main_ui_delete_shared__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_delete_shared__button-primary svg, .main_ui_delete_shared__modal-danger-btn svg, .main_ui_delete_shared__accept-btn.main_ui_delete_shared__danger svg, .main_ui_delete_shared__modal-accept-btn svg, .main_ui_delete_shared__accept-btn svg,
.main_ui_delete_shared__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_delete_shared__button-primary:hover, .main_ui_delete_shared__modal-danger-btn:hover, .main_ui_delete_shared__modal-accept-btn:hover, .main_ui_delete_shared__accept-btn: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;
}
.main_ui_delete_shared__button-primary:hover svg, .main_ui_delete_shared__modal-danger-btn:hover svg, .main_ui_delete_shared__modal-accept-btn:hover svg, .main_ui_delete_shared__accept-btn:hover svg,
.main_ui_delete_shared__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_delete_shared__button-primary:active, .main_ui_delete_shared__modal-danger-btn:active, .main_ui_delete_shared__modal-accept-btn:active, .main_ui_delete_shared__accept-btn: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;
}
.main_ui_delete_shared__button-primary:active svg, .main_ui_delete_shared__modal-danger-btn:active svg, .main_ui_delete_shared__modal-accept-btn:active svg, .main_ui_delete_shared__accept-btn:active svg,
.main_ui_delete_shared__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_delete_shared__button-primary.disabled, .main_ui_delete_shared__modal-danger-btn.disabled, .main_ui_delete_shared__modal-accept-btn.disabled, .main_ui_delete_shared__accept-btn.disabled, .main_ui_delete_shared__button-primary[disabled], [disabled].main_ui_delete_shared__modal-danger-btn, [disabled].main_ui_delete_shared__modal-accept-btn, [disabled].main_ui_delete_shared__accept-btn, .main_ui_delete_shared__button-primary:disabled, .main_ui_delete_shared__modal-danger-btn:disabled, .main_ui_delete_shared__modal-accept-btn:disabled, .main_ui_delete_shared__accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_delete_shared__button-secondary, .main_ui_delete_shared__modal-cancel-btn, .main_ui_delete_shared__cancel-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_delete_shared__button-secondary:focus-visible, .main_ui_delete_shared__modal-cancel-btn:focus-visible, .main_ui_delete_shared__cancel-button:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_delete_shared__button-secondary:focus-visible svg, .main_ui_delete_shared__modal-cancel-btn:focus-visible svg, .main_ui_delete_shared__cancel-button:focus-visible svg,
.main_ui_delete_shared__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_delete_shared__button-secondary svg, .main_ui_delete_shared__modal-cancel-btn svg, .main_ui_delete_shared__cancel-button svg,
.main_ui_delete_shared__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_delete_shared__button-secondary:hover, .main_ui_delete_shared__modal-cancel-btn:hover, .main_ui_delete_shared__cancel-button: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;
}
.main_ui_delete_shared__button-secondary:hover svg, .main_ui_delete_shared__modal-cancel-btn:hover svg, .main_ui_delete_shared__cancel-button:hover svg,
.main_ui_delete_shared__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_delete_shared__button-secondary:active, .main_ui_delete_shared__modal-cancel-btn:active, .main_ui_delete_shared__cancel-button: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);
}
.main_ui_delete_shared__button-secondary:active svg, .main_ui_delete_shared__modal-cancel-btn:active svg, .main_ui_delete_shared__cancel-button:active svg,
.main_ui_delete_shared__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_delete_shared__button-secondary.disabled, .main_ui_delete_shared__modal-cancel-btn.disabled, .main_ui_delete_shared__cancel-button.disabled, .main_ui_delete_shared__button-secondary[disabled], [disabled].main_ui_delete_shared__modal-cancel-btn, [disabled].main_ui_delete_shared__cancel-button, .main_ui_delete_shared__button-secondary:disabled, .main_ui_delete_shared__modal-cancel-btn:disabled, .main_ui_delete_shared__cancel-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;
}

.main_ui_delete_shared__button-tertiary, .main_ui_delete_shared__attr-title button, .main_ui_delete_shared__modal-close-btn-base, .main_ui_delete_shared__modal-close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_delete_shared__button-tertiary:focus-visible, .main_ui_delete_shared__attr-title button:focus-visible, .main_ui_delete_shared__modal-close-btn-base:focus-visible, .main_ui_delete_shared__modal-close-btn: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);
}
.main_ui_delete_shared__button-tertiary:focus-visible svg, .main_ui_delete_shared__attr-title button:focus-visible svg, .main_ui_delete_shared__modal-close-btn-base:focus-visible svg, .main_ui_delete_shared__modal-close-btn:focus-visible svg,
.main_ui_delete_shared__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_delete_shared__button-tertiary svg, .main_ui_delete_shared__attr-title button svg, .main_ui_delete_shared__modal-close-btn-base svg, .main_ui_delete_shared__modal-close-btn svg,
.main_ui_delete_shared__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_delete_shared__button-tertiary:hover, .main_ui_delete_shared__attr-title button:hover, .main_ui_delete_shared__modal-close-btn-base:hover, .main_ui_delete_shared__modal-close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_delete_shared__button-tertiary:hover svg, .main_ui_delete_shared__attr-title button:hover svg, .main_ui_delete_shared__modal-close-btn-base:hover svg, .main_ui_delete_shared__modal-close-btn:hover svg,
.main_ui_delete_shared__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_delete_shared__button-tertiary:active, .main_ui_delete_shared__attr-title button:active, .main_ui_delete_shared__modal-close-btn-base:active, .main_ui_delete_shared__modal-close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_delete_shared__button-tertiary:active svg, .main_ui_delete_shared__attr-title button:active svg, .main_ui_delete_shared__modal-close-btn-base:active svg, .main_ui_delete_shared__modal-close-btn:active svg,
.main_ui_delete_shared__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_delete_shared__button-tertiary.disabled, .main_ui_delete_shared__attr-title button.disabled, .main_ui_delete_shared__modal-close-btn-base.disabled, .main_ui_delete_shared__modal-close-btn.disabled, .main_ui_delete_shared__button-tertiary[disabled], .main_ui_delete_shared__attr-title button[disabled], [disabled].main_ui_delete_shared__modal-close-btn-base, [disabled].main_ui_delete_shared__modal-close-btn, .main_ui_delete_shared__button-tertiary:disabled, .main_ui_delete_shared__attr-title button:disabled, .main_ui_delete_shared__modal-close-btn-base:disabled, .main_ui_delete_shared__modal-close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_delete_shared__button-tertiary.disabled svg, .main_ui_delete_shared__attr-title button.disabled svg, .main_ui_delete_shared__modal-close-btn-base.disabled svg, .main_ui_delete_shared__modal-close-btn.disabled svg,
.main_ui_delete_shared__button-tertiary.disabled span svg, .main_ui_delete_shared__button-tertiary[disabled] svg, .main_ui_delete_shared__attr-title button[disabled] svg, [disabled].main_ui_delete_shared__modal-close-btn-base svg, [disabled].main_ui_delete_shared__modal-close-btn svg,
.main_ui_delete_shared__button-tertiary[disabled] span svg, .main_ui_delete_shared__button-tertiary:disabled svg, .main_ui_delete_shared__attr-title button:disabled svg, .main_ui_delete_shared__modal-close-btn-base:disabled svg, .main_ui_delete_shared__modal-close-btn:disabled svg,
.main_ui_delete_shared__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_delete_shared__button-icon-selected {
  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);
}
.main_ui_delete_shared__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_delete_shared__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_delete_shared__button-radio: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);
}
.main_ui_delete_shared__button-radio:focus-visible svg,
.main_ui_delete_shared__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_delete_shared__button-radio svg,
.main_ui_delete_shared__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_delete_shared__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_delete_shared__button-radio:hover svg,
.main_ui_delete_shared__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_delete_shared__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_delete_shared__button-radio:active svg,
.main_ui_delete_shared__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_delete_shared__button-warning {
  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);
}

.main_ui_delete_shared__button-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;
}

.main_ui_delete_shared__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_delete_shared__button-tag: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);
}
.main_ui_delete_shared__button-tag:focus-visible svg,
.main_ui_delete_shared__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_delete_shared__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_delete_shared__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_delete_shared__button-icon, .main_ui_delete_shared__empty-icon svg, .main_ui_delete_shared__modal-close-btn-base svg, .main_ui_delete_shared__modal-close-btn svg, .main_ui_delete_shared__button-icon-small, .main_ui_delete_shared__dropdown-element-base span svg, .main_ui_delete_shared__attr-title button svg, .main_ui_delete_shared__checkbox-icon.intermediate svg, .main_ui_delete_shared__input-checkbox label span.intermediate svg, .main_ui_delete_shared__checkbox-icon.checked svg, .main_ui_delete_shared__input-checkbox label span.checked svg, .main_ui_delete_shared__input-element span svg,
.main_ui_delete_shared__input-element label svg, .main_ui_delete_shared__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_delete_shared__button-icon-small, .main_ui_delete_shared__dropdown-element-base span svg, .main_ui_delete_shared__attr-title button svg, .main_ui_delete_shared__checkbox-icon.intermediate svg, .main_ui_delete_shared__input-checkbox label span.intermediate svg, .main_ui_delete_shared__checkbox-icon.checked svg, .main_ui_delete_shared__input-checkbox label span.checked svg, .main_ui_delete_shared__input-element span svg,
.main_ui_delete_shared__input-element label svg, .main_ui_delete_shared__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_delete_shared__input-base, .main_ui_delete_shared__input-with-label input, .main_ui_delete_shared__input-element-label input, .main_ui_delete_shared__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_delete_shared__input-base[disabled], .main_ui_delete_shared__input-with-label input[disabled], .main_ui_delete_shared__input-element-label input[disabled], .main_ui_delete_shared__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_delete_shared__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_delete_shared__input-label, .main_ui_delete_shared__input-element span,
.main_ui_delete_shared__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_delete_shared__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_delete_shared__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_delete_shared__input-element span svg,
.main_ui_delete_shared__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_delete_shared__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_delete_shared__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_delete_shared__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_delete_shared__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_delete_shared__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_delete_shared__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_delete_shared__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_delete_shared__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_delete_shared__input-element:focus, .main_ui_delete_shared__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_delete_shared__input-element:focus span, .main_ui_delete_shared__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_delete_shared__input-element:focus input, .main_ui_delete_shared__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_delete_shared__input-element:focus:hover, .main_ui_delete_shared__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_delete_shared__input-element:focus:hover span, .main_ui_delete_shared__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_delete_shared__input-element:focus:hover input, .main_ui_delete_shared__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_delete_shared__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_delete_shared__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_delete_shared__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_delete_shared__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_delete_shared__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_delete_shared__input-element-label:focus-within input, .main_ui_delete_shared__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_delete_shared__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_delete_shared__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_delete_shared__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_delete_shared__input-with-label input:focus-within, .main_ui_delete_shared__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_delete_shared__input-with-label input:focus-within input, .main_ui_delete_shared__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_delete_shared__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_delete_shared__modal-overlay-base, .main_ui_delete_shared__modal-overlay {
  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);
}

.main_ui_delete_shared__modal-container-base, .main_ui_delete_shared__modal-container {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_delete_shared__modal-close-btn-base, .main_ui_delete_shared__modal-close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_delete_shared__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_delete_shared__modal-action-btns, .main_ui_delete_shared__action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_delete_shared__modal-cancel-btn, .main_ui_delete_shared__cancel-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_delete_shared__modal-accept-btn, .main_ui_delete_shared__accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_delete_shared__modal-danger-btn, .main_ui_delete_shared__accept-btn.main_ui_delete_shared__danger {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_delete_shared__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_delete_shared__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_delete_shared__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_delete_shared__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_delete_shared__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_delete_shared__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_delete_shared__colorpicker-handler {
  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;
}
.main_ui_delete_shared__colorpicker-handler:hover, .main_ui_delete_shared__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_delete_shared__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_delete_shared__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_delete_shared__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_delete_shared__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_delete_shared__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_delete_shared__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_delete_shared__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_delete_shared__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_delete_shared__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_delete_shared__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_delete_shared__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_delete_shared__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_delete_shared__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_delete_shared__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_delete_shared__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_delete_shared__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_delete_shared__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_delete_shared__modal-overlay.main_ui_delete_shared__transparent {
  background-color: transparent;
}

.main_ui_delete_shared__modal-header {
  margin-bottom: 1.5rem;
}

.main_ui_delete_shared__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_delete_shared__modal-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}

.main_ui_delete_shared__element-list {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
}

.main_ui_delete_shared__modal-scd-msg,
.main_ui_delete_shared__modal-subtitle,
.main_ui_delete_shared__modal-msg {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
  line-height: 1.5;
}
@keyframes main_ui_modal__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_modal__new-scrollbar, .main_ui_modal__modal-wrapper {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_modal__new-scrollbar:hover, .main_ui_modal__modal-wrapper:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_modal__new-scrollbar ::-webkit-scrollbar, .main_ui_modal__modal-wrapper ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_modal__new-scrollbar ::-webkit-scrollbar-track, .main_ui_modal__modal-wrapper ::-webkit-scrollbar-track,
.main_ui_modal__new-scrollbar ::-webkit-scrollbar-corner,
.main_ui_modal__modal-wrapper ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_modal__new-scrollbar ::-webkit-scrollbar-thumb, .main_ui_modal__modal-wrapper ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_modal__new-scrollbar ::-webkit-scrollbar-thumb:hover, .main_ui_modal__modal-wrapper ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_modal__new-scrollbar ::-moz-selection, .main_ui_modal__modal-wrapper ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_modal__new-scrollbar ::selection, .main_ui_modal__modal-wrapper ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_modal__new-scrollbar ::placeholder, .main_ui_modal__modal-wrapper ::placeholder,
.main_ui_modal__new-scrollbar ::-webkit-input-placeholder,
.main_ui_modal__modal-wrapper ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_modal__button-primary, .main_ui_modal__modal-danger-btn, .main_ui_modal__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_modal__button-primary:focus-visible, .main_ui_modal__modal-danger-btn:focus-visible, .main_ui_modal__modal-accept-btn: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);
}
.main_ui_modal__button-primary:focus-visible svg, .main_ui_modal__modal-danger-btn:focus-visible svg, .main_ui_modal__modal-accept-btn:focus-visible svg,
.main_ui_modal__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_modal__button-primary svg, .main_ui_modal__modal-danger-btn svg, .main_ui_modal__modal-accept-btn svg,
.main_ui_modal__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_modal__button-primary:hover, .main_ui_modal__modal-danger-btn:hover, .main_ui_modal__modal-accept-btn: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;
}
.main_ui_modal__button-primary:hover svg, .main_ui_modal__modal-danger-btn:hover svg, .main_ui_modal__modal-accept-btn:hover svg,
.main_ui_modal__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_modal__button-primary:active, .main_ui_modal__modal-danger-btn:active, .main_ui_modal__modal-accept-btn: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;
}
.main_ui_modal__button-primary:active svg, .main_ui_modal__modal-danger-btn:active svg, .main_ui_modal__modal-accept-btn:active svg,
.main_ui_modal__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_modal__button-primary.disabled, .main_ui_modal__modal-danger-btn.disabled, .main_ui_modal__modal-accept-btn.disabled, .main_ui_modal__button-primary[disabled], [disabled].main_ui_modal__modal-danger-btn, [disabled].main_ui_modal__modal-accept-btn, .main_ui_modal__button-primary:disabled, .main_ui_modal__modal-danger-btn:disabled, .main_ui_modal__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_modal__button-secondary, .main_ui_modal__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_modal__button-secondary:focus-visible, .main_ui_modal__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_modal__button-secondary:focus-visible svg, .main_ui_modal__modal-cancel-btn:focus-visible svg,
.main_ui_modal__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_modal__button-secondary svg, .main_ui_modal__modal-cancel-btn svg,
.main_ui_modal__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_modal__button-secondary:hover, .main_ui_modal__modal-cancel-btn: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;
}
.main_ui_modal__button-secondary:hover svg, .main_ui_modal__modal-cancel-btn:hover svg,
.main_ui_modal__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_modal__button-secondary:active, .main_ui_modal__modal-cancel-btn: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);
}
.main_ui_modal__button-secondary:active svg, .main_ui_modal__modal-cancel-btn:active svg,
.main_ui_modal__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_modal__button-secondary.disabled, .main_ui_modal__modal-cancel-btn.disabled, .main_ui_modal__button-secondary[disabled], [disabled].main_ui_modal__modal-cancel-btn, .main_ui_modal__button-secondary:disabled, .main_ui_modal__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_modal__button-tertiary, .main_ui_modal__attr-title button, .main_ui_modal__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_modal__button-tertiary:focus-visible, .main_ui_modal__attr-title button:focus-visible, .main_ui_modal__modal-close-btn-base: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);
}
.main_ui_modal__button-tertiary:focus-visible svg, .main_ui_modal__attr-title button:focus-visible svg, .main_ui_modal__modal-close-btn-base:focus-visible svg,
.main_ui_modal__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_modal__button-tertiary svg, .main_ui_modal__attr-title button svg, .main_ui_modal__modal-close-btn-base svg,
.main_ui_modal__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_modal__button-tertiary:hover, .main_ui_modal__attr-title button:hover, .main_ui_modal__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_modal__button-tertiary:hover svg, .main_ui_modal__attr-title button:hover svg, .main_ui_modal__modal-close-btn-base:hover svg,
.main_ui_modal__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_modal__button-tertiary:active, .main_ui_modal__attr-title button:active, .main_ui_modal__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_modal__button-tertiary:active svg, .main_ui_modal__attr-title button:active svg, .main_ui_modal__modal-close-btn-base:active svg,
.main_ui_modal__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_modal__button-tertiary.disabled, .main_ui_modal__attr-title button.disabled, .main_ui_modal__modal-close-btn-base.disabled, .main_ui_modal__button-tertiary[disabled], .main_ui_modal__attr-title button[disabled], [disabled].main_ui_modal__modal-close-btn-base, .main_ui_modal__button-tertiary:disabled, .main_ui_modal__attr-title button:disabled, .main_ui_modal__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_modal__button-tertiary.disabled svg, .main_ui_modal__attr-title button.disabled svg, .main_ui_modal__modal-close-btn-base.disabled svg,
.main_ui_modal__button-tertiary.disabled span svg, .main_ui_modal__button-tertiary[disabled] svg, .main_ui_modal__attr-title button[disabled] svg, [disabled].main_ui_modal__modal-close-btn-base svg,
.main_ui_modal__button-tertiary[disabled] span svg, .main_ui_modal__button-tertiary:disabled svg, .main_ui_modal__attr-title button:disabled svg, .main_ui_modal__modal-close-btn-base:disabled svg,
.main_ui_modal__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_modal__button-icon-selected {
  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);
}
.main_ui_modal__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_modal__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_modal__button-radio: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);
}
.main_ui_modal__button-radio:focus-visible svg,
.main_ui_modal__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_modal__button-radio svg,
.main_ui_modal__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_modal__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_modal__button-radio:hover svg,
.main_ui_modal__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_modal__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_modal__button-radio:active svg,
.main_ui_modal__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_modal__button-warning {
  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);
}

.main_ui_modal__button-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;
}

.main_ui_modal__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_modal__button-tag: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);
}
.main_ui_modal__button-tag:focus-visible svg,
.main_ui_modal__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_modal__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_modal__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_modal__button-icon, .main_ui_modal__empty-icon svg, .main_ui_modal__modal-close-btn-base svg, .main_ui_modal__button-icon-small, .main_ui_modal__dropdown-element-base span svg, .main_ui_modal__attr-title button svg, .main_ui_modal__checkbox-icon.intermediate svg, .main_ui_modal__input-checkbox label span.intermediate svg, .main_ui_modal__checkbox-icon.checked svg, .main_ui_modal__input-checkbox label span.checked svg, .main_ui_modal__input-element span svg,
.main_ui_modal__input-element label svg, .main_ui_modal__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_modal__button-icon-small, .main_ui_modal__dropdown-element-base span svg, .main_ui_modal__attr-title button svg, .main_ui_modal__checkbox-icon.intermediate svg, .main_ui_modal__input-checkbox label span.intermediate svg, .main_ui_modal__checkbox-icon.checked svg, .main_ui_modal__input-checkbox label span.checked svg, .main_ui_modal__input-element span svg,
.main_ui_modal__input-element label svg, .main_ui_modal__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_modal__input-base, .main_ui_modal__input-with-label input, .main_ui_modal__input-element-label input, .main_ui_modal__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_modal__input-base[disabled], .main_ui_modal__input-with-label input[disabled], .main_ui_modal__input-element-label input[disabled], .main_ui_modal__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_modal__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_modal__input-label, .main_ui_modal__input-element span,
.main_ui_modal__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_modal__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_modal__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_modal__input-element span svg,
.main_ui_modal__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_modal__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_modal__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_modal__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_modal__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_modal__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_modal__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_modal__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_modal__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_modal__input-element:focus, .main_ui_modal__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_modal__input-element:focus span, .main_ui_modal__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_modal__input-element:focus input, .main_ui_modal__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_modal__input-element:focus:hover, .main_ui_modal__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_modal__input-element:focus:hover span, .main_ui_modal__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_modal__input-element:focus:hover input, .main_ui_modal__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_modal__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_modal__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_modal__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_modal__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_modal__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_modal__input-element-label:focus-within input, .main_ui_modal__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_modal__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_modal__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_modal__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_modal__input-with-label input:focus-within, .main_ui_modal__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_modal__input-with-label input:focus-within input, .main_ui_modal__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_modal__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_modal__modal-overlay-base {
  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);
}

.main_ui_modal__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_modal__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_modal__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_modal__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_modal__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_modal__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_modal__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_modal__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_modal__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_modal__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_modal__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_modal__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_modal__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_modal__colorpicker-handler {
  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;
}
.main_ui_modal__colorpicker-handler:hover, .main_ui_modal__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_modal__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_modal__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_modal__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_modal__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_modal__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_modal__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_modal__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_modal__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_modal__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_modal__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_modal__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_modal__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_modal__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_modal__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_modal__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_modal__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_modal__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

:root {
  --s-4: 0.25rem;
}

@keyframes main_ui_settings__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_settings__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_settings__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_settings__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_settings__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_settings__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_settings__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_settings__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_settings__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings__new-scrollbar ::placeholder,
.main_ui_settings__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_settings__button-primary, .main_ui_settings__btn-primary, .main_ui_settings__modal-danger-btn, .main_ui_settings__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_settings__button-primary:focus-visible, .main_ui_settings__btn-primary:focus-visible, .main_ui_settings__modal-danger-btn:focus-visible, .main_ui_settings__modal-accept-btn: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);
}
.main_ui_settings__button-primary:focus-visible svg, .main_ui_settings__btn-primary:focus-visible svg, .main_ui_settings__modal-danger-btn:focus-visible svg, .main_ui_settings__modal-accept-btn:focus-visible svg,
.main_ui_settings__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_settings__button-primary svg, .main_ui_settings__btn-primary svg, .main_ui_settings__modal-danger-btn svg, .main_ui_settings__modal-accept-btn svg,
.main_ui_settings__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_settings__button-primary:hover, .main_ui_settings__btn-primary:hover, .main_ui_settings__modal-danger-btn:hover, .main_ui_settings__modal-accept-btn: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;
}
.main_ui_settings__button-primary:hover svg, .main_ui_settings__btn-primary:hover svg, .main_ui_settings__modal-danger-btn:hover svg, .main_ui_settings__modal-accept-btn:hover svg,
.main_ui_settings__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_settings__button-primary:active, .main_ui_settings__btn-primary:active, .main_ui_settings__modal-danger-btn:active, .main_ui_settings__modal-accept-btn: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;
}
.main_ui_settings__button-primary:active svg, .main_ui_settings__btn-primary:active svg, .main_ui_settings__modal-danger-btn:active svg, .main_ui_settings__modal-accept-btn:active svg,
.main_ui_settings__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_settings__button-primary.disabled, .main_ui_settings__btn-primary.disabled, .main_ui_settings__modal-danger-btn.disabled, .main_ui_settings__modal-accept-btn.disabled, .main_ui_settings__button-primary[disabled], [disabled].main_ui_settings__btn-primary, [disabled].main_ui_settings__modal-danger-btn, [disabled].main_ui_settings__modal-accept-btn, .main_ui_settings__button-primary:disabled, .main_ui_settings__btn-primary:disabled, .main_ui_settings__modal-danger-btn:disabled, .main_ui_settings__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_settings__button-secondary, .main_ui_settings__btn-secondary, .main_ui_settings__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings__button-secondary:focus-visible, .main_ui_settings__btn-secondary:focus-visible, .main_ui_settings__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings__button-secondary:focus-visible svg, .main_ui_settings__btn-secondary:focus-visible svg, .main_ui_settings__modal-cancel-btn:focus-visible svg,
.main_ui_settings__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings__button-secondary svg, .main_ui_settings__btn-secondary svg, .main_ui_settings__modal-cancel-btn svg,
.main_ui_settings__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings__button-secondary:hover, .main_ui_settings__btn-secondary:hover, .main_ui_settings__modal-cancel-btn: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;
}
.main_ui_settings__button-secondary:hover svg, .main_ui_settings__btn-secondary:hover svg, .main_ui_settings__modal-cancel-btn:hover svg,
.main_ui_settings__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_settings__button-secondary:active, .main_ui_settings__btn-secondary:active, .main_ui_settings__modal-cancel-btn: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);
}
.main_ui_settings__button-secondary:active svg, .main_ui_settings__btn-secondary:active svg, .main_ui_settings__modal-cancel-btn:active svg,
.main_ui_settings__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_settings__button-secondary.disabled, .main_ui_settings__btn-secondary.disabled, .main_ui_settings__modal-cancel-btn.disabled, .main_ui_settings__button-secondary[disabled], [disabled].main_ui_settings__btn-secondary, [disabled].main_ui_settings__modal-cancel-btn, .main_ui_settings__button-secondary:disabled, .main_ui_settings__btn-secondary:disabled, .main_ui_settings__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_settings__button-tertiary, .main_ui_settings__attr-title button, .main_ui_settings__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_settings__button-tertiary:focus-visible, .main_ui_settings__attr-title button:focus-visible, .main_ui_settings__modal-close-btn-base: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);
}
.main_ui_settings__button-tertiary:focus-visible svg, .main_ui_settings__attr-title button:focus-visible svg, .main_ui_settings__modal-close-btn-base:focus-visible svg,
.main_ui_settings__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_settings__button-tertiary svg, .main_ui_settings__attr-title button svg, .main_ui_settings__modal-close-btn-base svg,
.main_ui_settings__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_settings__button-tertiary:hover, .main_ui_settings__attr-title button:hover, .main_ui_settings__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_settings__button-tertiary:hover svg, .main_ui_settings__attr-title button:hover svg, .main_ui_settings__modal-close-btn-base:hover svg,
.main_ui_settings__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_settings__button-tertiary:active, .main_ui_settings__attr-title button:active, .main_ui_settings__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings__button-tertiary:active svg, .main_ui_settings__attr-title button:active svg, .main_ui_settings__modal-close-btn-base:active svg,
.main_ui_settings__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings__button-tertiary.disabled, .main_ui_settings__attr-title button.disabled, .main_ui_settings__modal-close-btn-base.disabled, .main_ui_settings__button-tertiary[disabled], .main_ui_settings__attr-title button[disabled], [disabled].main_ui_settings__modal-close-btn-base, .main_ui_settings__button-tertiary:disabled, .main_ui_settings__attr-title button:disabled, .main_ui_settings__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_settings__button-tertiary.disabled svg, .main_ui_settings__attr-title button.disabled svg, .main_ui_settings__modal-close-btn-base.disabled svg,
.main_ui_settings__button-tertiary.disabled span svg, .main_ui_settings__button-tertiary[disabled] svg, .main_ui_settings__attr-title button[disabled] svg, [disabled].main_ui_settings__modal-close-btn-base svg,
.main_ui_settings__button-tertiary[disabled] span svg, .main_ui_settings__button-tertiary:disabled svg, .main_ui_settings__attr-title button:disabled svg, .main_ui_settings__modal-close-btn-base:disabled svg,
.main_ui_settings__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_settings__button-icon-selected {
  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);
}
.main_ui_settings__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_settings__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_settings__button-radio: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);
}
.main_ui_settings__button-radio:focus-visible svg,
.main_ui_settings__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_settings__button-radio svg,
.main_ui_settings__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_settings__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_settings__button-radio:hover svg,
.main_ui_settings__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_settings__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_settings__button-radio:active svg,
.main_ui_settings__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_settings__button-warning {
  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);
}

.main_ui_settings__button-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;
}

.main_ui_settings__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_settings__button-tag: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);
}
.main_ui_settings__button-tag:focus-visible svg,
.main_ui_settings__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_settings__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_settings__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_settings__button-icon, .main_ui_settings__empty-icon svg, .main_ui_settings__modal-close-btn-base svg, .main_ui_settings__button-icon-small, .main_ui_settings__dropdown-element-base span svg, .main_ui_settings__attr-title button svg, .main_ui_settings__checkbox-icon.intermediate svg, .main_ui_settings__input-checkbox label span.intermediate svg, .main_ui_settings__checkbox-icon.checked svg, .main_ui_settings__input-checkbox label span.checked svg, .main_ui_settings__input-element span svg,
.main_ui_settings__input-element label svg, .main_ui_settings__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_settings__button-icon-small, .main_ui_settings__dropdown-element-base span svg, .main_ui_settings__attr-title button svg, .main_ui_settings__checkbox-icon.intermediate svg, .main_ui_settings__input-checkbox label span.intermediate svg, .main_ui_settings__checkbox-icon.checked svg, .main_ui_settings__input-checkbox label span.checked svg, .main_ui_settings__input-element span svg,
.main_ui_settings__input-element label svg, .main_ui_settings__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_settings__input-base, .main_ui_settings__input-with-label input, .main_ui_settings__input-element-label input, .main_ui_settings__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings__input-base[disabled], .main_ui_settings__input-with-label input[disabled], .main_ui_settings__input-element-label input[disabled], .main_ui_settings__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_settings__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_settings__input-label, .main_ui_settings__input-element span,
.main_ui_settings__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_settings__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_settings__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings__input-element span svg,
.main_ui_settings__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_settings__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_settings__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_settings__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings__input-element:focus, .main_ui_settings__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings__input-element:focus span, .main_ui_settings__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings__input-element:focus input, .main_ui_settings__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings__input-element:focus:hover, .main_ui_settings__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings__input-element:focus:hover span, .main_ui_settings__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings__input-element:focus:hover input, .main_ui_settings__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_settings__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_settings__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_settings__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings__input-element-label:focus-within input, .main_ui_settings__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_settings__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_settings__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_settings__input-with-label input:focus-within, .main_ui_settings__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings__input-with-label input:focus-within input, .main_ui_settings__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_settings__modal-overlay-base {
  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);
}

.main_ui_settings__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_settings__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_settings__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_settings__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_settings__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_settings__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_settings__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_settings__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_settings__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_settings__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_settings__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_settings__colorpicker-handler {
  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;
}
.main_ui_settings__colorpicker-handler:hover, .main_ui_settings__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_settings__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_settings__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_settings__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_settings__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_settings__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_settings__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_settings__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_settings__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_settings__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_settings__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_settings__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_settings__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_settings__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_settings__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_settings__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_settings__dashboard-header {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 0.5rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.main_ui_settings__dashboard-header.main_ui_settings__team {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.main_ui_settings__dashboard-header .main_ui_settings__element-name {
  margin-right: 0.5rem;
}
.main_ui_settings__dashboard-header .main_ui_settings__btn-secondary {
  flex-shrink: 0;
  height: 2rem;
}
.main_ui_settings__dashboard-header .main_ui_settings__btn-secondary svg {
  height: 1rem;
  width: 1rem;
}
.main_ui_settings__dashboard-header nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.main_ui_settings__dashboard-header nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.main_ui_settings__dashboard-header 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;
}
.main_ui_settings__dashboard-header nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.main_ui_settings__dashboard-header .main_ui_settings__dashboard-title {
  display: flex;
  align-items: center;
  margin-left: 0.75rem;
}
.main_ui_settings__dashboard-header .main_ui_settings__dashboard-title h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 400;
  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%;
}
.main_ui_settings__dashboard-header .main_ui_settings__dashboard-title .main_ui_settings__context-menu.main_ui_settings__is-open {
  margin-top: 0.5rem;
}
.main_ui_settings__dashboard-header .main_ui_settings__icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.main_ui_settings__dashboard-header .main_ui_settings__icon svg {
  stroke: var(--color-foreground-secondary);
  fill: none;
  width: 1rem;
  height: 1rem;
}
.main_ui_settings__dashboard-header .main_ui_settings__icon svg:hover {
  stroke: var(--color-accent-tertiary);
  fill: none;
}
.main_ui_settings__dashboard-header .main_ui_settings__dashboard-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main_ui_settings__dashboard-header .main_ui_settings__dashboard-header-actions {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.main_ui_settings__dashboard-header .main_ui_settings__dashboard-header-options li a {
  font-size: 1rem;
  color: var(--color-foreground-secondary);
  border-color: transparent;
}
.main_ui_settings__dashboard-header .main_ui_settings__dashboard-header-options li a:hover {
  color: var(--color-foreground-primary);
}
.main_ui_settings__dashboard-header .main_ui_settings__dashboard-header-options li.main_ui_settings__active a {
  color: var(--color-foreground-primary);
}

.main_ui_settings__btn-primary {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 400;
}

.main_ui_settings__btn-secondary {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

.main_ui_settings__dashboard {
  background-color: var(--app-background);
  display: grid;
  grid-template-rows: 3rem 1fr;
  grid-template-columns: 2.5rem 16rem 1fr;
  height: 100vh;
}

.main_ui_settings__dashboard-content {
  display: flex;
  flex-direction: column;
  position: relative;
  grid-row: 1/span 2;
  padding: 1rem 1rem 0 0;
}

.main_ui_settings__dashboard-container {
  flex: 1 0 0;
  margin-right: 1rem;
  overflow-y: auto;
  width: 100%;
  border-top: 1px solid var(--color-background-quaternary);
}
.main_ui_settings__dashboard-container.main_ui_settings__dashboard-projects {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.main_ui_settings__dashboard-container.main_ui_settings__dashboard-shared {
  width: calc(100vw - 20rem);
  margin-right: 3.25rem;
}
.main_ui_settings__dashboard-container.main_ui_settings__search {
  margin-top: 0.75rem;
}

.main_ui_settings__dashboard-settings {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.main_ui_settings__dashboard-settings a {
  color: var(--color-foreground-secondary);
}

.main_ui_settings__form-container {
  width: 50rem;
  margin: 3rem auto 2rem 7.5rem;
  display: flex;
  max-width: 23rem;
  width: 100%;
}
.main_ui_settings__form-container.main_ui_settings__two-columns {
  max-width: 32.5rem;
  justify-content: space-between;
  flex-direction: row;
}
.main_ui_settings__form-container h2 {
  margin-bottom: 1rem;
}
.main_ui_settings__form-container form {
  width: 29.25rem;
}
.main_ui_settings__form-container form .main_ui_settings__custom-input,
.main_ui_settings__form-container form .main_ui_settings__custom-select {
  flex-direction: column-reverse;
}
.main_ui_settings__form-container form .main_ui_settings__custom-input label,
.main_ui_settings__form-container form .main_ui_settings__custom-select label {
  position: relative;
  text-transform: uppercase;
  color: var(--color-foreground-primary);
  font-size: 0.688rem;
  margin-bottom: 0.75rem;
  margin-left: -0.25rem;
}
.main_ui_settings__form-container form .main_ui_settings__custom-input input,
.main_ui_settings__form-container form .main_ui_settings__custom-input select,
.main_ui_settings__form-container form .main_ui_settings__custom-select input,
.main_ui_settings__form-container form .main_ui_settings__custom-select select {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border-color: transparent;
  color: var(--color-foreground-primary);
  padding: 0 1rem;
}
.main_ui_settings__form-container form .main_ui_settings__custom-input input:focus,
.main_ui_settings__form-container form .main_ui_settings__custom-input select:focus,
.main_ui_settings__form-container form .main_ui_settings__custom-select input:focus,
.main_ui_settings__form-container form .main_ui_settings__custom-select select:focus {
  outline: 1px solid var(--color-accent-primary);
}
.main_ui_settings__form-container form .main_ui_settings__custom-input input ::-moz-placeholder, .main_ui_settings__form-container form .main_ui_settings__custom-input select ::-moz-placeholder, .main_ui_settings__form-container form .main_ui_settings__custom-select input ::-moz-placeholder, .main_ui_settings__form-container form .main_ui_settings__custom-select select ::-moz-placeholder {
  color: var(--color-foreground-secondary);
}
.main_ui_settings__form-container form .main_ui_settings__custom-input input ::placeholder,
.main_ui_settings__form-container form .main_ui_settings__custom-input select ::placeholder,
.main_ui_settings__form-container form .main_ui_settings__custom-select input ::placeholder,
.main_ui_settings__form-container form .main_ui_settings__custom-select select ::placeholder {
  color: var(--color-foreground-secondary);
}
.main_ui_settings__form-container form .main_ui_settings__custom-input .main_ui_settings__help-icon,
.main_ui_settings__form-container form .main_ui_settings__custom-select .main_ui_settings__help-icon {
  bottom: 0.75rem;
  top: auto;
}
.main_ui_settings__form-container form .main_ui_settings__custom-input .main_ui_settings__help-icon svg,
.main_ui_settings__form-container form .main_ui_settings__custom-select .main_ui_settings__help-icon svg {
  fill: var(--color-foreground-secondary);
}
.main_ui_settings__form-container form .main_ui_settings__custom-input.main_ui_settings__disabled input,
.main_ui_settings__form-container form .main_ui_settings__custom-select.main_ui_settings__disabled input {
  background-color: var(--input-background-color-disabled);
  border-color: var(--color-background-quaternary);
  color: var(--color-foreground-secondary);
}
.main_ui_settings__form-container form .main_ui_settings__custom-input .main_ui_settings__input-container,
.main_ui_settings__form-container form .main_ui_settings__custom-select .main_ui_settings__input-container {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border-color: transparent;
  margin-top: 1.5rem;
}
.main_ui_settings__form-container form .main_ui_settings__custom-input .main_ui_settings__input-container .main_ui_settings__main-content label,
.main_ui_settings__form-container form .main_ui_settings__custom-select .main_ui_settings__input-container .main_ui_settings__main-content label {
  position: absolute;
  top: calc(-1 * 1.5rem);
}
.main_ui_settings__form-container form .main_ui_settings__custom-input .main_ui_settings__input-container .main_ui_settings__main-content span,
.main_ui_settings__form-container form .main_ui_settings__custom-select .main_ui_settings__input-container .main_ui_settings__main-content span {
  color: var(--color-foreground-primary);
}
.main_ui_settings__form-container form .main_ui_settings__custom-input .main_ui_settings__input-container:focus,
.main_ui_settings__form-container form .main_ui_settings__custom-select .main_ui_settings__input-container:focus {
  border: 1px solid var(--color-accent-primary);
}
.main_ui_settings__form-container form .main_ui_settings__custom-input textarea,
.main_ui_settings__form-container form .main_ui_settings__custom-select textarea {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
  border: none;
}
.main_ui_settings__form-container form .main_ui_settings__custom-input textarea:focus,
.main_ui_settings__form-container form .main_ui_settings__custom-select textarea:focus {
  outline: 1px solid var(--color-accent-primary);
}
.main_ui_settings__form-container form .main_ui_settings__field-title {
  color: var(--color-foreground-primary);
}
.main_ui_settings__form-container form .main_ui_settings__field-title:not(:first-child) {
  margin-top: 4rem;
}
.main_ui_settings__form-container form .main_ui_settings__field-text {
  color: var(--color-foreground-secondary);
}
.main_ui_settings__form-container form button,
.main_ui_settings__form-container form .main_ui_settings__btn-secondary {
  width: 100%;
  font-size: 0.688rem;
  text-transform: uppercase;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
}
.main_ui_settings__form-container form button:hover,
.main_ui_settings__form-container form .main_ui_settings__btn-secondary:hover {
  color: var(--color-accent-primary);
  background-color: var(--color-background-quaternary);
}
.main_ui_settings__form-container form hr {
  display: none;
}
.main_ui_settings__form-container .main_ui_settings__links {
  margin-top: 0.75rem;
}

.main_ui_settings__profile-form {
  display: flex;
  flex-direction: column;
  max-width: 23rem;
  width: 100%;
}
.main_ui_settings__profile-form .main_ui_settings__newsletter-subs {
  border-bottom: 1px solid var(--color-foreground-secondary);
  border-top: 1px solid var(--color-foreground-secondary);
  padding: 2rem 0;
  margin-bottom: 2rem;
}
.main_ui_settings__profile-form .main_ui_settings__newsletter-subs .main_ui_settings__newsletter-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.main_ui_settings__profile-form .main_ui_settings__newsletter-subs 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;
}
.main_ui_settings__profile-form .main_ui_settings__newsletter-subs .main_ui_settings__info {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.main_ui_settings__profile-form .main_ui_settings__newsletter-subs .main_ui_settings__input-checkbox label {
  align-items: flex-start;
}

.main_ui_settings__avatar-form {
  display: flex;
  flex-direction: column;
  width: 7.5rem;
  min-width: 7.5rem;
}
.main_ui_settings__avatar-form img {
  border-radius: 50%;
  flex-shrink: 0;
  height: 7.5rem;
  margin-right: 1rem;
  width: 7.5rem;
}
.main_ui_settings__avatar-form .main_ui_settings__image-change-field {
  position: relative;
  width: 7.5rem;
  height: 7.5rem;
}
.main_ui_settings__avatar-form .main_ui_settings__image-change-field .main_ui_settings__update-overlay {
  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;
}
.main_ui_settings__avatar-form .main_ui_settings__image-change-field input[type=file] {
  width: 7.5rem;
  height: 7.5rem;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  z-index: 15;
}
.main_ui_settings__avatar-form .main_ui_settings__image-change-field:hover .main_ui_settings__update-overlay {
  opacity: 0.8;
}

.main_ui_settings__options-form h2,
.main_ui_settings__password-form h2 {
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
}
@keyframes main_ui_static__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_static__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_static__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_static__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_static__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_static__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_static__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_static__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_static__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_static__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_static__new-scrollbar ::placeholder,
.main_ui_static__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_static__button-primary, .main_ui_static__login-header, .main_ui_static__sign-info button, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info button,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info button, .main_ui_static__modal-danger-btn, .main_ui_static__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_static__button-primary:focus-visible, .main_ui_static__login-header:focus-visible, .main_ui_static__sign-info button:focus-visible, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info button:focus-visible,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info button:focus-visible, .main_ui_static__modal-danger-btn:focus-visible, .main_ui_static__modal-accept-btn: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);
}
.main_ui_static__button-primary:focus-visible svg, .main_ui_static__login-header:focus-visible svg, .main_ui_static__sign-info button:focus-visible svg, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info button:focus-visible svg,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info button:focus-visible svg, .main_ui_static__modal-danger-btn:focus-visible svg, .main_ui_static__modal-accept-btn:focus-visible svg,
.main_ui_static__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_static__button-primary svg, .main_ui_static__login-header svg, .main_ui_static__sign-info button svg, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info button svg,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info button svg, .main_ui_static__modal-danger-btn svg, .main_ui_static__modal-accept-btn svg,
.main_ui_static__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_static__button-primary:hover, .main_ui_static__login-header:hover, .main_ui_static__sign-info button:hover, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info button:hover,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info button:hover, .main_ui_static__modal-danger-btn:hover, .main_ui_static__modal-accept-btn: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;
}
.main_ui_static__button-primary:hover svg, .main_ui_static__login-header:hover svg, .main_ui_static__sign-info button:hover svg, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info button:hover svg,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info button:hover svg, .main_ui_static__modal-danger-btn:hover svg, .main_ui_static__modal-accept-btn:hover svg,
.main_ui_static__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_static__button-primary:active, .main_ui_static__login-header:active, .main_ui_static__sign-info button:active, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info button:active,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info button:active, .main_ui_static__modal-danger-btn:active, .main_ui_static__modal-accept-btn: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;
}
.main_ui_static__button-primary:active svg, .main_ui_static__login-header:active svg, .main_ui_static__sign-info button:active svg, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info button:active svg,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info button:active svg, .main_ui_static__modal-danger-btn:active svg, .main_ui_static__modal-accept-btn:active svg,
.main_ui_static__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_static__button-primary.disabled, .main_ui_static__login-header.disabled, .main_ui_static__sign-info button.disabled, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info button.disabled,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info button.disabled, .main_ui_static__modal-danger-btn.disabled, .main_ui_static__modal-accept-btn.disabled, .main_ui_static__button-primary[disabled], [disabled].main_ui_static__login-header, .main_ui_static__sign-info button[disabled], .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info button[disabled],
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info button[disabled], [disabled].main_ui_static__modal-danger-btn, [disabled].main_ui_static__modal-accept-btn, .main_ui_static__button-primary:disabled, .main_ui_static__login-header:disabled, .main_ui_static__sign-info button:disabled, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info button:disabled,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info button:disabled, .main_ui_static__modal-danger-btn:disabled, .main_ui_static__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_static__button-secondary, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info .main_ui_static__cancel-button,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info .main_ui_static__cancel-button, .main_ui_static__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_static__button-secondary:focus-visible, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info .main_ui_static__cancel-button:focus-visible,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info .main_ui_static__cancel-button:focus-visible, .main_ui_static__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_static__button-secondary:focus-visible svg, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info .main_ui_static__cancel-button:focus-visible svg,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info .main_ui_static__cancel-button:focus-visible svg, .main_ui_static__modal-cancel-btn:focus-visible svg,
.main_ui_static__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_static__button-secondary svg, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info .main_ui_static__cancel-button svg,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info .main_ui_static__cancel-button svg, .main_ui_static__modal-cancel-btn svg,
.main_ui_static__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_static__button-secondary:hover, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info .main_ui_static__cancel-button:hover,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info .main_ui_static__cancel-button:hover, .main_ui_static__modal-cancel-btn: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;
}
.main_ui_static__button-secondary:hover svg, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info .main_ui_static__cancel-button:hover svg,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info .main_ui_static__cancel-button:hover svg, .main_ui_static__modal-cancel-btn:hover svg,
.main_ui_static__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_static__button-secondary:active, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info .main_ui_static__cancel-button:active,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info .main_ui_static__cancel-button:active, .main_ui_static__modal-cancel-btn: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);
}
.main_ui_static__button-secondary:active svg, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info .main_ui_static__cancel-button:active svg,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info .main_ui_static__cancel-button:active svg, .main_ui_static__modal-cancel-btn:active svg,
.main_ui_static__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_static__button-secondary.disabled, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info .main_ui_static__cancel-button.disabled,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info .main_ui_static__cancel-button.disabled, .main_ui_static__modal-cancel-btn.disabled, .main_ui_static__button-secondary[disabled], .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info [disabled].main_ui_static__cancel-button,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info [disabled].main_ui_static__cancel-button, [disabled].main_ui_static__modal-cancel-btn, .main_ui_static__button-secondary:disabled, .main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info .main_ui_static__cancel-button:disabled,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info .main_ui_static__cancel-button:disabled, .main_ui_static__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_static__button-tertiary, .main_ui_static__attr-title button, .main_ui_static__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_static__button-tertiary:focus-visible, .main_ui_static__attr-title button:focus-visible, .main_ui_static__modal-close-btn-base: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);
}
.main_ui_static__button-tertiary:focus-visible svg, .main_ui_static__attr-title button:focus-visible svg, .main_ui_static__modal-close-btn-base:focus-visible svg,
.main_ui_static__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_static__button-tertiary svg, .main_ui_static__attr-title button svg, .main_ui_static__modal-close-btn-base svg,
.main_ui_static__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_static__button-tertiary:hover, .main_ui_static__attr-title button:hover, .main_ui_static__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_static__button-tertiary:hover svg, .main_ui_static__attr-title button:hover svg, .main_ui_static__modal-close-btn-base:hover svg,
.main_ui_static__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_static__button-tertiary:active, .main_ui_static__attr-title button:active, .main_ui_static__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_static__button-tertiary:active svg, .main_ui_static__attr-title button:active svg, .main_ui_static__modal-close-btn-base:active svg,
.main_ui_static__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_static__button-tertiary.disabled, .main_ui_static__attr-title button.disabled, .main_ui_static__modal-close-btn-base.disabled, .main_ui_static__button-tertiary[disabled], .main_ui_static__attr-title button[disabled], [disabled].main_ui_static__modal-close-btn-base, .main_ui_static__button-tertiary:disabled, .main_ui_static__attr-title button:disabled, .main_ui_static__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_static__button-tertiary.disabled svg, .main_ui_static__attr-title button.disabled svg, .main_ui_static__modal-close-btn-base.disabled svg,
.main_ui_static__button-tertiary.disabled span svg, .main_ui_static__button-tertiary[disabled] svg, .main_ui_static__attr-title button[disabled] svg, [disabled].main_ui_static__modal-close-btn-base svg,
.main_ui_static__button-tertiary[disabled] span svg, .main_ui_static__button-tertiary:disabled svg, .main_ui_static__attr-title button:disabled svg, .main_ui_static__modal-close-btn-base:disabled svg,
.main_ui_static__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_static__button-icon-selected {
  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);
}
.main_ui_static__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_static__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_static__button-radio: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);
}
.main_ui_static__button-radio:focus-visible svg,
.main_ui_static__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_static__button-radio svg,
.main_ui_static__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_static__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_static__button-radio:hover svg,
.main_ui_static__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_static__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_static__button-radio:active svg,
.main_ui_static__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_static__button-warning {
  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);
}

.main_ui_static__button-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;
}

.main_ui_static__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_static__button-tag: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);
}
.main_ui_static__button-tag:focus-visible svg,
.main_ui_static__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_static__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_static__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_static__button-icon, .main_ui_static__empty-icon svg, .main_ui_static__modal-close-btn-base svg, .main_ui_static__button-icon-small, .main_ui_static__dropdown-element-base span svg, .main_ui_static__attr-title button svg, .main_ui_static__checkbox-icon.intermediate svg, .main_ui_static__input-checkbox label span.intermediate svg, .main_ui_static__checkbox-icon.checked svg, .main_ui_static__input-checkbox label span.checked svg, .main_ui_static__input-element span svg,
.main_ui_static__input-element label svg, .main_ui_static__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_static__button-icon-small, .main_ui_static__dropdown-element-base span svg, .main_ui_static__attr-title button svg, .main_ui_static__checkbox-icon.intermediate svg, .main_ui_static__input-checkbox label span.intermediate svg, .main_ui_static__checkbox-icon.checked svg, .main_ui_static__input-checkbox label span.checked svg, .main_ui_static__input-element span svg,
.main_ui_static__input-element label svg, .main_ui_static__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_static__input-base, .main_ui_static__input-with-label input, .main_ui_static__input-element-label input, .main_ui_static__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_static__input-base[disabled], .main_ui_static__input-with-label input[disabled], .main_ui_static__input-element-label input[disabled], .main_ui_static__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_static__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_static__input-label, .main_ui_static__input-element span,
.main_ui_static__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_static__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_static__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_static__input-element span svg,
.main_ui_static__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_static__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_static__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_static__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_static__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_static__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_static__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_static__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_static__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_static__input-element:focus, .main_ui_static__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_static__input-element:focus span, .main_ui_static__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_static__input-element:focus input, .main_ui_static__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_static__input-element:focus:hover, .main_ui_static__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_static__input-element:focus:hover span, .main_ui_static__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_static__input-element:focus:hover input, .main_ui_static__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_static__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_static__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_static__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_static__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_static__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_static__input-element-label:focus-within input, .main_ui_static__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_static__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_static__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_static__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_static__input-with-label input:focus-within, .main_ui_static__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_static__input-with-label input:focus-within input, .main_ui_static__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_static__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_static__modal-overlay-base {
  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);
}

.main_ui_static__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_static__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_static__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_static__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_static__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_static__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_static__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_static__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_static__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_static__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_static__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_static__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_static__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_static__colorpicker-handler {
  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;
}
.main_ui_static__colorpicker-handler:hover, .main_ui_static__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_static__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_static__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_static__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_static__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_static__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_static__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_static__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_static__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_static__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_static__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_static__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_static__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_static__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_static__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_static__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_static__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_static__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_static__exception-layout {
  width: 100%;
  height: 100%;
  background-color: var(--color-background-secondary);
}

.main_ui_static__deco-before,
.main_ui_static__deco-after {
  position: absolute;
  left: calc(50% - 2.5rem);
}
.main_ui_static__deco-before svg,
.main_ui_static__deco-after svg {
  position: absolute;
  fill: var(--color-foreground-secondary);
  height: 1537px;
  width: 5rem;
}

.main_ui_static__deco-before {
  height: 34vh;
  top: 0;
}
.main_ui_static__deco-before svg {
  bottom: 0;
}

.main_ui_static__deco-after {
  height: 34vh;
  bottom: 0;
}
.main_ui_static__deco-after svg {
  top: 0;
}

.main_ui_static__deco-after2 {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  height: 34vh;
  position: absolute;
  left: 0;
  bottom: 0;
  color: var(--color-foreground-primary);
}
.main_ui_static__deco-after2 svg {
  fill: var(--color-foreground-secondary);
  height: 1537px;
  width: 5rem;
}
.main_ui_static__deco-after2 span {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 25%;
  padding-bottom: 1.75rem;
}
.main_ui_static__deco-after2 span:first-child {
  text-align: right;
}

.main_ui_static__exception-header {
  color: var(--color-foreground-secondary);
  padding: 1.5rem 2rem;
  position: fixed;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.main_ui_static__penpot-logo {
  fill: var(--color-foreground-primary);
  width: 3rem;
  height: 3rem;
}

.main_ui_static__back-arrow {
  transform: rotate(180deg);
}

.main_ui_static__go-back-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-left: 0.75rem;
  font-size: 0.875rem;
}

.main_ui_static__login-header {
  padding: 0.5rem 1rem;
  font-size: 0.688rem;
  position: fixed;
  right: 0;
  margin: 2.5rem 2rem;
}

.main_ui_static__exception-content {
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.main_ui_static__exception-content .main_ui_static__container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 34vh;
  justify-content: center;
  margin-top: 33vh;
  text-align: center;
  width: 40rem;
}

.main_ui_static__main-message {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--color-foreground-primary);
}

.main_ui_static__desc-message {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--color-foreground-secondary);
}

.main_ui_static__sign-info {
  text-align: center;
}
.main_ui_static__sign-info button {
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  font-size: 0.688rem;
}

.main_ui_static__image svg {
  fill: var(--color-foreground-primary);
}

.main_ui_static__workspace {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  background-color: var(--color-canvas);
  position: relative;
}
.main_ui_static__workspace .main_ui_static__workspace-left,
.main_ui_static__workspace .main_ui_static__workspace-right {
  padding: 0.75rem;
  width: 17.25rem;
  height: 100%;
  background-color: var(--color-background-primary);
  display: flex;
  gap: 0.25rem;
}
.main_ui_static__workspace .main_ui_static__workspace-left svg,
.main_ui_static__workspace .main_ui_static__workspace-right svg {
  width: 2rem;
  height: 2rem;
  fill: var(--icon-foreground-hover);
}
.main_ui_static__workspace .main_ui_static__workspace-left .main_ui_static__project-name,
.main_ui_static__workspace .main_ui_static__workspace-right .main_ui_static__project-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--title-foreground-color);
}
.main_ui_static__workspace .main_ui_static__workspace-left .main_ui_static__file-name,
.main_ui_static__workspace .main_ui_static__workspace-right .main_ui_static__file-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  text-transform: none;
  color: var(--title-foreground-color-hover);
}

.main_ui_static__dashboard {
  width: 100%;
  height: 100%;
}
.main_ui_static__dashboard .main_ui_static__dashboard-sidebar {
  width: 18.75rem;
  height: 100%;
}

.main_ui_static__viewer {
  width: 100%;
  height: 100%;
}

.main_ui_static__overlay {
  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;
}
.main_ui_static__overlay .main_ui_static__dialog,
.main_ui_static__overlay .main_ui_static__dialog-login {
  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);
}
.main_ui_static__overlay .main_ui_static__dialog .main_ui_static__modal-close,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__modal-close {
  text-align: right;
}
.main_ui_static__overlay .main_ui_static__dialog .main_ui_static__modal-close .main_ui_static__modal-close-button,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__modal-close .main_ui_static__modal-close-button {
  background: none;
  border: none;
  cursor: pointer;
}
.main_ui_static__overlay .main_ui_static__dialog .main_ui_static__modal-close .main_ui_static__modal-close-button svg,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__modal-close .main_ui_static__modal-close-button svg {
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--modal-text-foreground-color);
  stroke: var(--modal-text-foreground-color);
}
.main_ui_static__overlay .main_ui_static__dialog .main_ui_static__dialog-title,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__dialog-title {
  font-size: 1.25rem;
}
.main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
}
.main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info button,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info button {
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  font-size: 0.688rem;
}
.main_ui_static__overlay .main_ui_static__dialog .main_ui_static__sign-info .main_ui_static__cancel-button,
.main_ui_static__overlay .main_ui_static__dialog-login .main_ui_static__sign-info .main_ui_static__cancel-button {
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  font-size: 0.688rem;
  margin-right: 1rem;
}
.main_ui_static__overlay .main_ui_static__dialog {
  gap: 0.75rem;
}
.main_ui_static__overlay .main_ui_static__login {
  gap: 0;
  padding: 0 2.25rem 4.5rem 2.25rem;
}
.main_ui_static__overlay .main_ui_static__login .main_ui_static__logo {
  margin-bottom: 2.5rem;
}
.main_ui_static__overlay .main_ui_static__login .main_ui_static__logo svg {
  fill: var(--color-foreground-primary);
  width: 7.5rem;
  height: 2.5rem;
}
.main_ui_static__overlay .main_ui_static__login .main_ui_static__logo-title {
  font-size: 1.25rem;
  color: var(--title-foreground-color-hover);
  margin-bottom: 0.25rem;
}
.main_ui_static__overlay .main_ui_static__login .main_ui_static__logo-subtitle {
  font-size: 0.875rem;
  color: var(--title-foreground-color-hover);
  margin-bottom: 1.5rem;
}
.main_ui_static__overlay .main_ui_static__login .main_ui_static__change-section {
  width: 100%;
  text-align: center;
}
.main_ui_static__overlay .main_ui_static__login .main_ui_static__change-section a {
  color: var(--link-foreground-color);
}
.main_ui_static__overlay .main_ui_static__login hr {
  margin: 1.25rem 0;
  border-top: solid 1px var(--modal-separator-backogrund-color);
}
.main_ui_static__overlay .main_ui_static__login .main_ui_static__separator {
  margin: 1.25rem 0;
}
.main_ui_static__overlay .main_ui_static__login form div {
  margin-bottom: 0.5rem;
}

.main_ui_static__login-container {
  width: 100%;
  background-color: red;
}
@keyframes main_ui_viewer__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer__new-scrollbar, .main_ui_viewer__viewer-section {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_viewer__new-scrollbar:hover, .main_ui_viewer__viewer-section:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_viewer__new-scrollbar ::-webkit-scrollbar, .main_ui_viewer__viewer-section ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer__new-scrollbar ::-webkit-scrollbar-track, .main_ui_viewer__viewer-section ::-webkit-scrollbar-track,
.main_ui_viewer__new-scrollbar ::-webkit-scrollbar-corner,
.main_ui_viewer__viewer-section ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer__new-scrollbar ::-webkit-scrollbar-thumb, .main_ui_viewer__viewer-section ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_viewer__new-scrollbar ::-webkit-scrollbar-thumb:hover, .main_ui_viewer__viewer-section ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer__new-scrollbar ::-moz-selection, .main_ui_viewer__viewer-section ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer__new-scrollbar ::selection, .main_ui_viewer__viewer-section ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer__new-scrollbar ::placeholder, .main_ui_viewer__viewer-section ::placeholder,
.main_ui_viewer__new-scrollbar ::-webkit-input-placeholder,
.main_ui_viewer__viewer-section ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer__button-primary, .main_ui_viewer__modal-danger-btn, .main_ui_viewer__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_viewer__button-primary:focus-visible, .main_ui_viewer__modal-danger-btn:focus-visible, .main_ui_viewer__modal-accept-btn: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);
}
.main_ui_viewer__button-primary:focus-visible svg, .main_ui_viewer__modal-danger-btn:focus-visible svg, .main_ui_viewer__modal-accept-btn:focus-visible svg,
.main_ui_viewer__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer__button-primary svg, .main_ui_viewer__modal-danger-btn svg, .main_ui_viewer__modal-accept-btn svg,
.main_ui_viewer__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer__button-primary:hover, .main_ui_viewer__modal-danger-btn:hover, .main_ui_viewer__modal-accept-btn: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;
}
.main_ui_viewer__button-primary:hover svg, .main_ui_viewer__modal-danger-btn:hover svg, .main_ui_viewer__modal-accept-btn:hover svg,
.main_ui_viewer__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer__button-primary:active, .main_ui_viewer__modal-danger-btn:active, .main_ui_viewer__modal-accept-btn: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;
}
.main_ui_viewer__button-primary:active svg, .main_ui_viewer__modal-danger-btn:active svg, .main_ui_viewer__modal-accept-btn:active svg,
.main_ui_viewer__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer__button-primary.disabled, .main_ui_viewer__modal-danger-btn.disabled, .main_ui_viewer__modal-accept-btn.disabled, .main_ui_viewer__button-primary[disabled], [disabled].main_ui_viewer__modal-danger-btn, [disabled].main_ui_viewer__modal-accept-btn, .main_ui_viewer__button-primary:disabled, .main_ui_viewer__modal-danger-btn:disabled, .main_ui_viewer__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_viewer__button-secondary, .main_ui_viewer__viewer-go-prev,
.main_ui_viewer__viewer-go-next, .main_ui_viewer__reset-button, .main_ui_viewer__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer__button-secondary:focus-visible, .main_ui_viewer__viewer-go-prev:focus-visible,
.main_ui_viewer__viewer-go-next:focus-visible, .main_ui_viewer__reset-button:focus-visible, .main_ui_viewer__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer__button-secondary:focus-visible svg, .main_ui_viewer__viewer-go-prev:focus-visible svg,
.main_ui_viewer__viewer-go-next:focus-visible svg, .main_ui_viewer__reset-button:focus-visible svg, .main_ui_viewer__modal-cancel-btn:focus-visible svg,
.main_ui_viewer__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer__button-secondary svg, .main_ui_viewer__viewer-go-prev svg,
.main_ui_viewer__viewer-go-next svg, .main_ui_viewer__reset-button svg, .main_ui_viewer__modal-cancel-btn svg,
.main_ui_viewer__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer__button-secondary:hover, .main_ui_viewer__viewer-go-prev:hover,
.main_ui_viewer__viewer-go-next:hover, .main_ui_viewer__reset-button:hover, .main_ui_viewer__modal-cancel-btn: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;
}
.main_ui_viewer__button-secondary:hover svg, .main_ui_viewer__viewer-go-prev:hover svg,
.main_ui_viewer__viewer-go-next:hover svg, .main_ui_viewer__reset-button:hover svg, .main_ui_viewer__modal-cancel-btn:hover svg,
.main_ui_viewer__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer__button-secondary:active, .main_ui_viewer__viewer-go-prev:active,
.main_ui_viewer__viewer-go-next:active, .main_ui_viewer__reset-button:active, .main_ui_viewer__modal-cancel-btn: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);
}
.main_ui_viewer__button-secondary:active svg, .main_ui_viewer__viewer-go-prev:active svg,
.main_ui_viewer__viewer-go-next:active svg, .main_ui_viewer__reset-button:active svg, .main_ui_viewer__modal-cancel-btn:active svg,
.main_ui_viewer__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer__button-secondary.disabled, .main_ui_viewer__viewer-go-prev.disabled,
.main_ui_viewer__viewer-go-next.disabled, .main_ui_viewer__reset-button.disabled, .main_ui_viewer__modal-cancel-btn.disabled, .main_ui_viewer__button-secondary[disabled], [disabled].main_ui_viewer__viewer-go-prev,
[disabled].main_ui_viewer__viewer-go-next, [disabled].main_ui_viewer__reset-button, [disabled].main_ui_viewer__modal-cancel-btn, .main_ui_viewer__button-secondary:disabled, .main_ui_viewer__viewer-go-prev:disabled,
.main_ui_viewer__viewer-go-next:disabled, .main_ui_viewer__reset-button:disabled, .main_ui_viewer__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_viewer__button-tertiary, .main_ui_viewer__attr-title button, .main_ui_viewer__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_viewer__button-tertiary:focus-visible, .main_ui_viewer__attr-title button:focus-visible, .main_ui_viewer__modal-close-btn-base: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);
}
.main_ui_viewer__button-tertiary:focus-visible svg, .main_ui_viewer__attr-title button:focus-visible svg, .main_ui_viewer__modal-close-btn-base:focus-visible svg,
.main_ui_viewer__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer__button-tertiary svg, .main_ui_viewer__attr-title button svg, .main_ui_viewer__modal-close-btn-base svg,
.main_ui_viewer__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer__button-tertiary:hover, .main_ui_viewer__attr-title button:hover, .main_ui_viewer__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_viewer__button-tertiary:hover svg, .main_ui_viewer__attr-title button:hover svg, .main_ui_viewer__modal-close-btn-base:hover svg,
.main_ui_viewer__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer__button-tertiary:active, .main_ui_viewer__attr-title button:active, .main_ui_viewer__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer__button-tertiary:active svg, .main_ui_viewer__attr-title button:active svg, .main_ui_viewer__modal-close-btn-base:active svg,
.main_ui_viewer__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer__button-tertiary.disabled, .main_ui_viewer__attr-title button.disabled, .main_ui_viewer__modal-close-btn-base.disabled, .main_ui_viewer__button-tertiary[disabled], .main_ui_viewer__attr-title button[disabled], [disabled].main_ui_viewer__modal-close-btn-base, .main_ui_viewer__button-tertiary:disabled, .main_ui_viewer__attr-title button:disabled, .main_ui_viewer__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer__button-tertiary.disabled svg, .main_ui_viewer__attr-title button.disabled svg, .main_ui_viewer__modal-close-btn-base.disabled svg,
.main_ui_viewer__button-tertiary.disabled span svg, .main_ui_viewer__button-tertiary[disabled] svg, .main_ui_viewer__attr-title button[disabled] svg, [disabled].main_ui_viewer__modal-close-btn-base svg,
.main_ui_viewer__button-tertiary[disabled] span svg, .main_ui_viewer__button-tertiary:disabled svg, .main_ui_viewer__attr-title button:disabled svg, .main_ui_viewer__modal-close-btn-base:disabled svg,
.main_ui_viewer__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_viewer__button-icon-selected {
  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);
}
.main_ui_viewer__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_viewer__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_viewer__button-radio: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);
}
.main_ui_viewer__button-radio:focus-visible svg,
.main_ui_viewer__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer__button-radio svg,
.main_ui_viewer__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_viewer__button-radio:hover svg,
.main_ui_viewer__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_viewer__button-radio:active svg,
.main_ui_viewer__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_viewer__button-warning {
  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);
}

.main_ui_viewer__button-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;
}

.main_ui_viewer__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_viewer__button-tag: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);
}
.main_ui_viewer__button-tag:focus-visible svg,
.main_ui_viewer__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_viewer__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_viewer__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_viewer__button-icon, .main_ui_viewer__viewer-go-prev svg,
.main_ui_viewer__viewer-go-next svg, .main_ui_viewer__reset-button svg, .main_ui_viewer__empty-icon svg, .main_ui_viewer__modal-close-btn-base svg, .main_ui_viewer__button-icon-small, .main_ui_viewer__dropdown-element-base span svg, .main_ui_viewer__attr-title button svg, .main_ui_viewer__checkbox-icon.intermediate svg, .main_ui_viewer__input-checkbox label span.intermediate svg, .main_ui_viewer__checkbox-icon.checked svg, .main_ui_viewer__input-checkbox label span.checked svg, .main_ui_viewer__input-element span svg,
.main_ui_viewer__input-element label svg, .main_ui_viewer__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_viewer__button-icon-small, .main_ui_viewer__dropdown-element-base span svg, .main_ui_viewer__attr-title button svg, .main_ui_viewer__checkbox-icon.intermediate svg, .main_ui_viewer__input-checkbox label span.intermediate svg, .main_ui_viewer__checkbox-icon.checked svg, .main_ui_viewer__input-checkbox label span.checked svg, .main_ui_viewer__input-element span svg,
.main_ui_viewer__input-element label svg, .main_ui_viewer__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_viewer__input-base, .main_ui_viewer__input-with-label input, .main_ui_viewer__input-element-label input, .main_ui_viewer__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_viewer__input-base[disabled], .main_ui_viewer__input-with-label input[disabled], .main_ui_viewer__input-element-label input[disabled], .main_ui_viewer__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer__input-label, .main_ui_viewer__input-element span,
.main_ui_viewer__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_viewer__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_viewer__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer__input-element span svg,
.main_ui_viewer__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer__input-element:focus, .main_ui_viewer__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer__input-element:focus span, .main_ui_viewer__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer__input-element:focus input, .main_ui_viewer__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer__input-element:focus:hover, .main_ui_viewer__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer__input-element:focus:hover span, .main_ui_viewer__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer__input-element:focus:hover input, .main_ui_viewer__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_viewer__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_viewer__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer__input-element-label:focus-within input, .main_ui_viewer__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_viewer__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_viewer__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_viewer__input-with-label input:focus-within, .main_ui_viewer__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer__input-with-label input:focus-within input, .main_ui_viewer__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_viewer__modal-overlay-base {
  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);
}

.main_ui_viewer__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_viewer__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_viewer__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_viewer__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_viewer__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_viewer__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_viewer__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_viewer__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_viewer__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_viewer__colorpicker-handler {
  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;
}
.main_ui_viewer__colorpicker-handler:hover, .main_ui_viewer__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_viewer__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_viewer__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_viewer__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_viewer__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_viewer__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_viewer__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_viewer__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_viewer__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_viewer__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_viewer__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_viewer__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_viewer__viewer-layout {
  height: 100vh;
  display: grid;
  grid-template-rows: 3rem auto;
  grid-template-columns: 1fr;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.main_ui_viewer__viewer-content {
  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);
}

.main_ui_viewer__empty-state {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--empty-message-foreground-color);
  display: grid;
  place-items: center;
  height: 100%;
  width: 100%;
}

.main_ui_viewer__viewer-header {
  grid-row: 1/span 1;
}

.main_ui_viewer__inspect-layout {
  display: grid;
  grid-template-rows: 3rem auto;
  grid-template-columns: 1fr;
  height: 100vh;
  margin-top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.main_ui_viewer__thumbnails-close {
  border: none;
  background: none;
  cursor: pointer;
  grid-row: 1/span 2;
  grid-column: 1/span 1;
  z-index: 10;
  background-color: var(--overlay-color);
}

.main_ui_viewer__thumbnails-close.main_ui_viewer__invisible {
  display: none;
}

.main_ui_viewer__viewer-section {
  grid-row: 1/span 2;
  grid-column: 1/span 1;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  height: calc(100vh - 3rem);
  flex-flow: wrap;
  overflow: auto;
}

.main_ui_viewer__inspect-layout .main_ui_viewer__viewer-section {
  flex-wrap: nowrap;
  margin-top: 0;
  height: 100%;
  overflow: hidden;
}

.main_ui_viewer__viewer-go-prev,
.main_ui_viewer__viewer-go-next {
  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;
}
.main_ui_viewer__viewer-go-prev svg,
.main_ui_viewer__viewer-go-next svg {
  stroke: var(--icon-foreground);
}

.main_ui_viewer__viewer-go-next.main_ui_viewer__comment-sidebar {
  right: 17.5rem;
}

.main_ui_viewer__viewer-go-prev {
  left: 0.5rem;
  right: unset;
}
.main_ui_viewer__viewer-go-prev svg {
  transform: rotate(180deg);
}

.main_ui_viewer__viewer-bottom {
  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;
}

.main_ui_viewer__reset-button {
  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;
}
.main_ui_viewer__reset-button svg {
  stroke: var(--icon-foreground);
}

.main_ui_viewer__counter {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  width: 4rem;
  height: 2rem;
  color: var(--viewer-thumbnails-control-foreground-color);
  background-color: var(--viewer-controls-background-color);
}

.main_ui_viewer__viewer-wrapper {
  position: relative;
  margin: 0 auto;
}

.main_ui_viewer__viewer-clipper {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  justify-items: center;
  align-items: center;
  overflow: hidden;
}

.main_ui_viewer__viewer-overlay-background {
  position: absolute;
  top: 0;
  left: 0;
}
.main_ui_viewer__viewer-overlay-background.main_ui_viewer__visible {
  background-color: rgba(0, 0, 0, 0.2);
}

.main_ui_viewer__viewer-overlay {
  position: absolute;
}

.main_ui_viewer__viewport-container {
  clip-path: inset(0 0 0 0);
  grid-column: 1/1;
  grid-row: 1/1;
}
.main_ui_viewer__viewport-container .main_ui_viewer__not-fixed {
  position: absolute;
}
.main_ui_viewer__viewport-container .main_ui_viewer__fixed {
  position: fixed;
  pointer-events: none;
}
.main_ui_viewer__viewport-container .main_ui_viewer__fixed .main_ui_viewer__frame-children g {
  pointer-events: auto;
}

/** FULLSCREEN */
[data-fullscreen=true] .main_ui_viewer__viewer-bottom {
  transform: translateY(2.5rem);
}

[data-force-visible=true] .main_ui_viewer__viewer-bottom {
  transform: translateY(0);
}

[data-fullscreen=true] .main_ui_viewer__viewer-go-next {
  transform: translateX(2.5rem);
}

[data-fullscreen=true] .main_ui_viewer__viewer-go-prev {
  transform: translateX(-2.5rem);
}

[data-fullscreen=true] .main_ui_viewer__viewer-content {
  transform: translateY(-3rem);
  height: 100vh;
}

[data-fullscreen=true] .main_ui_viewer__viewer-section {
  height: 100vh;
}

[data-force-visible=true] .main_ui_viewer__viewer-go-next {
  transform: translateX(0);
}

[data-force-visible=true] .main_ui_viewer__viewer-go-prev {
  transform: translateX(0);
}
@keyframes main_ui_workspace__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace__new-scrollbar, .main_ui_workspace__workspace {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace__new-scrollbar:hover, .main_ui_workspace__workspace:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace__new-scrollbar ::-webkit-scrollbar, .main_ui_workspace__workspace ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace__new-scrollbar ::-webkit-scrollbar-track, .main_ui_workspace__workspace ::-webkit-scrollbar-track,
.main_ui_workspace__new-scrollbar ::-webkit-scrollbar-corner,
.main_ui_workspace__workspace ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace__new-scrollbar ::-webkit-scrollbar-thumb, .main_ui_workspace__workspace ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace__new-scrollbar ::-webkit-scrollbar-thumb:hover, .main_ui_workspace__workspace ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace__new-scrollbar ::-moz-selection, .main_ui_workspace__workspace ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace__new-scrollbar ::selection, .main_ui_workspace__workspace ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace__new-scrollbar ::placeholder, .main_ui_workspace__workspace ::placeholder,
.main_ui_workspace__new-scrollbar ::-webkit-input-placeholder,
.main_ui_workspace__workspace ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace__button-primary, .main_ui_workspace__modal-danger-btn, .main_ui_workspace__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace__button-primary:focus-visible, .main_ui_workspace__modal-danger-btn:focus-visible, .main_ui_workspace__modal-accept-btn: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);
}
.main_ui_workspace__button-primary:focus-visible svg, .main_ui_workspace__modal-danger-btn:focus-visible svg, .main_ui_workspace__modal-accept-btn:focus-visible svg,
.main_ui_workspace__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace__button-primary svg, .main_ui_workspace__modal-danger-btn svg, .main_ui_workspace__modal-accept-btn svg,
.main_ui_workspace__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace__button-primary:hover, .main_ui_workspace__modal-danger-btn:hover, .main_ui_workspace__modal-accept-btn: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;
}
.main_ui_workspace__button-primary:hover svg, .main_ui_workspace__modal-danger-btn:hover svg, .main_ui_workspace__modal-accept-btn:hover svg,
.main_ui_workspace__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace__button-primary:active, .main_ui_workspace__modal-danger-btn:active, .main_ui_workspace__modal-accept-btn: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;
}
.main_ui_workspace__button-primary:active svg, .main_ui_workspace__modal-danger-btn:active svg, .main_ui_workspace__modal-accept-btn:active svg,
.main_ui_workspace__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace__button-primary.disabled, .main_ui_workspace__modal-danger-btn.disabled, .main_ui_workspace__modal-accept-btn.disabled, .main_ui_workspace__button-primary[disabled], [disabled].main_ui_workspace__modal-danger-btn, [disabled].main_ui_workspace__modal-accept-btn, .main_ui_workspace__button-primary:disabled, .main_ui_workspace__modal-danger-btn:disabled, .main_ui_workspace__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace__button-secondary, .main_ui_workspace__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace__button-secondary:focus-visible, .main_ui_workspace__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace__button-secondary:focus-visible svg, .main_ui_workspace__modal-cancel-btn:focus-visible svg,
.main_ui_workspace__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace__button-secondary svg, .main_ui_workspace__modal-cancel-btn svg,
.main_ui_workspace__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace__button-secondary:hover, .main_ui_workspace__modal-cancel-btn: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;
}
.main_ui_workspace__button-secondary:hover svg, .main_ui_workspace__modal-cancel-btn:hover svg,
.main_ui_workspace__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace__button-secondary:active, .main_ui_workspace__modal-cancel-btn: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);
}
.main_ui_workspace__button-secondary:active svg, .main_ui_workspace__modal-cancel-btn:active svg,
.main_ui_workspace__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace__button-secondary.disabled, .main_ui_workspace__modal-cancel-btn.disabled, .main_ui_workspace__button-secondary[disabled], [disabled].main_ui_workspace__modal-cancel-btn, .main_ui_workspace__button-secondary:disabled, .main_ui_workspace__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace__button-tertiary, .main_ui_workspace__attr-title button, .main_ui_workspace__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace__button-tertiary:focus-visible, .main_ui_workspace__attr-title button:focus-visible, .main_ui_workspace__modal-close-btn-base: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);
}
.main_ui_workspace__button-tertiary:focus-visible svg, .main_ui_workspace__attr-title button:focus-visible svg, .main_ui_workspace__modal-close-btn-base:focus-visible svg,
.main_ui_workspace__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace__button-tertiary svg, .main_ui_workspace__attr-title button svg, .main_ui_workspace__modal-close-btn-base svg,
.main_ui_workspace__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace__button-tertiary:hover, .main_ui_workspace__attr-title button:hover, .main_ui_workspace__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace__button-tertiary:hover svg, .main_ui_workspace__attr-title button:hover svg, .main_ui_workspace__modal-close-btn-base:hover svg,
.main_ui_workspace__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace__button-tertiary:active, .main_ui_workspace__attr-title button:active, .main_ui_workspace__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace__button-tertiary:active svg, .main_ui_workspace__attr-title button:active svg, .main_ui_workspace__modal-close-btn-base:active svg,
.main_ui_workspace__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace__button-tertiary.disabled, .main_ui_workspace__attr-title button.disabled, .main_ui_workspace__modal-close-btn-base.disabled, .main_ui_workspace__button-tertiary[disabled], .main_ui_workspace__attr-title button[disabled], [disabled].main_ui_workspace__modal-close-btn-base, .main_ui_workspace__button-tertiary:disabled, .main_ui_workspace__attr-title button:disabled, .main_ui_workspace__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace__button-tertiary.disabled svg, .main_ui_workspace__attr-title button.disabled svg, .main_ui_workspace__modal-close-btn-base.disabled svg,
.main_ui_workspace__button-tertiary.disabled span svg, .main_ui_workspace__button-tertiary[disabled] svg, .main_ui_workspace__attr-title button[disabled] svg, [disabled].main_ui_workspace__modal-close-btn-base svg,
.main_ui_workspace__button-tertiary[disabled] span svg, .main_ui_workspace__button-tertiary:disabled svg, .main_ui_workspace__attr-title button:disabled svg, .main_ui_workspace__modal-close-btn-base:disabled svg,
.main_ui_workspace__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace__button-icon-selected {
  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);
}
.main_ui_workspace__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace__button-radio: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);
}
.main_ui_workspace__button-radio:focus-visible svg,
.main_ui_workspace__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace__button-radio svg,
.main_ui_workspace__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace__button-radio:hover svg,
.main_ui_workspace__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace__button-radio:active svg,
.main_ui_workspace__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace__button-warning {
  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);
}

.main_ui_workspace__button-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;
}

.main_ui_workspace__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace__button-tag: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);
}
.main_ui_workspace__button-tag:focus-visible svg,
.main_ui_workspace__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace__button-icon, .main_ui_workspace__empty-icon svg, .main_ui_workspace__modal-close-btn-base svg, .main_ui_workspace__button-icon-small, .main_ui_workspace__dropdown-element-base span svg, .main_ui_workspace__attr-title button svg, .main_ui_workspace__checkbox-icon.intermediate svg, .main_ui_workspace__input-checkbox label span.intermediate svg, .main_ui_workspace__checkbox-icon.checked svg, .main_ui_workspace__input-checkbox label span.checked svg, .main_ui_workspace__input-element span svg,
.main_ui_workspace__input-element label svg, .main_ui_workspace__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace__button-icon-small, .main_ui_workspace__dropdown-element-base span svg, .main_ui_workspace__attr-title button svg, .main_ui_workspace__checkbox-icon.intermediate svg, .main_ui_workspace__input-checkbox label span.intermediate svg, .main_ui_workspace__checkbox-icon.checked svg, .main_ui_workspace__input-checkbox label span.checked svg, .main_ui_workspace__input-element span svg,
.main_ui_workspace__input-element label svg, .main_ui_workspace__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace__input-base, .main_ui_workspace__input-with-label input, .main_ui_workspace__input-element-label input, .main_ui_workspace__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace__input-base[disabled], .main_ui_workspace__input-with-label input[disabled], .main_ui_workspace__input-element-label input[disabled], .main_ui_workspace__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace__input-label, .main_ui_workspace__input-element span,
.main_ui_workspace__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace__input-element span svg,
.main_ui_workspace__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace__input-element:focus, .main_ui_workspace__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace__input-element:focus span, .main_ui_workspace__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace__input-element:focus input, .main_ui_workspace__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace__input-element:focus:hover, .main_ui_workspace__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace__input-element:focus:hover span, .main_ui_workspace__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace__input-element:focus:hover input, .main_ui_workspace__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace__input-element-label:focus-within input, .main_ui_workspace__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace__input-with-label input:focus-within, .main_ui_workspace__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace__input-with-label input:focus-within input, .main_ui_workspace__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace__modal-overlay-base {
  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);
}

.main_ui_workspace__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace__colorpicker-handler {
  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;
}
.main_ui_workspace__colorpicker-handler:hover, .main_ui_workspace__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace__workspace {
  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;
}

.main_ui_workspace__workspace-loader {
  grid-area: viewport;
}

.main_ui_workspace__workspace-content {
  background-color: var(--color-canvas);
  display: flex;
  padding: 0;
  margin: 0;
  grid-area: viewport;
}

.main_ui_workspace__history-debug-overlay {
  bottom: 0;
  max-height: 31.25rem;
  width: 31.25rem;
  overflow-y: auto;
  position: absolute;
  z-index: 30;
}

.main_ui_workspace__workspace-viewport {
  overflow: hidden;
  transition: none;
  display: grid;
  grid-template-rows: 1.25rem 1fr;
  grid-template-columns: 1.25rem 1fr;
  flex: 1;
}
@keyframes main_ui_workspace_color_palette__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_color_palette__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_color_palette__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_color_palette__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_color_palette__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_color_palette__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_color_palette__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_color_palette__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_color_palette__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_color_palette__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_color_palette__new-scrollbar ::placeholder,
.main_ui_workspace_color_palette__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_color_palette__button-primary, .main_ui_workspace_color_palette__modal-danger-btn, .main_ui_workspace_color_palette__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_color_palette__button-primary:focus-visible, .main_ui_workspace_color_palette__modal-danger-btn:focus-visible, .main_ui_workspace_color_palette__modal-accept-btn: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);
}
.main_ui_workspace_color_palette__button-primary:focus-visible svg, .main_ui_workspace_color_palette__modal-danger-btn:focus-visible svg, .main_ui_workspace_color_palette__modal-accept-btn:focus-visible svg,
.main_ui_workspace_color_palette__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_color_palette__button-primary svg, .main_ui_workspace_color_palette__modal-danger-btn svg, .main_ui_workspace_color_palette__modal-accept-btn svg,
.main_ui_workspace_color_palette__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_color_palette__button-primary:hover, .main_ui_workspace_color_palette__modal-danger-btn:hover, .main_ui_workspace_color_palette__modal-accept-btn: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;
}
.main_ui_workspace_color_palette__button-primary:hover svg, .main_ui_workspace_color_palette__modal-danger-btn:hover svg, .main_ui_workspace_color_palette__modal-accept-btn:hover svg,
.main_ui_workspace_color_palette__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_color_palette__button-primary:active, .main_ui_workspace_color_palette__modal-danger-btn:active, .main_ui_workspace_color_palette__modal-accept-btn: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;
}
.main_ui_workspace_color_palette__button-primary:active svg, .main_ui_workspace_color_palette__modal-danger-btn:active svg, .main_ui_workspace_color_palette__modal-accept-btn:active svg,
.main_ui_workspace_color_palette__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_color_palette__button-primary.disabled, .main_ui_workspace_color_palette__modal-danger-btn.disabled, .main_ui_workspace_color_palette__modal-accept-btn.disabled, .main_ui_workspace_color_palette__button-primary[disabled], [disabled].main_ui_workspace_color_palette__modal-danger-btn, [disabled].main_ui_workspace_color_palette__modal-accept-btn, .main_ui_workspace_color_palette__button-primary:disabled, .main_ui_workspace_color_palette__modal-danger-btn:disabled, .main_ui_workspace_color_palette__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_color_palette__button-secondary, .main_ui_workspace_color_palette__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_color_palette__button-secondary:focus-visible, .main_ui_workspace_color_palette__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_color_palette__button-secondary:focus-visible svg, .main_ui_workspace_color_palette__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_color_palette__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_color_palette__button-secondary svg, .main_ui_workspace_color_palette__modal-cancel-btn svg,
.main_ui_workspace_color_palette__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_color_palette__button-secondary:hover, .main_ui_workspace_color_palette__modal-cancel-btn: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;
}
.main_ui_workspace_color_palette__button-secondary:hover svg, .main_ui_workspace_color_palette__modal-cancel-btn:hover svg,
.main_ui_workspace_color_palette__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_color_palette__button-secondary:active, .main_ui_workspace_color_palette__modal-cancel-btn: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);
}
.main_ui_workspace_color_palette__button-secondary:active svg, .main_ui_workspace_color_palette__modal-cancel-btn:active svg,
.main_ui_workspace_color_palette__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_color_palette__button-secondary.disabled, .main_ui_workspace_color_palette__modal-cancel-btn.disabled, .main_ui_workspace_color_palette__button-secondary[disabled], [disabled].main_ui_workspace_color_palette__modal-cancel-btn, .main_ui_workspace_color_palette__button-secondary:disabled, .main_ui_workspace_color_palette__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_color_palette__button-tertiary, .main_ui_workspace_color_palette__attr-title button, .main_ui_workspace_color_palette__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_color_palette__button-tertiary:focus-visible, .main_ui_workspace_color_palette__attr-title button:focus-visible, .main_ui_workspace_color_palette__modal-close-btn-base: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);
}
.main_ui_workspace_color_palette__button-tertiary:focus-visible svg, .main_ui_workspace_color_palette__attr-title button:focus-visible svg, .main_ui_workspace_color_palette__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_color_palette__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_color_palette__button-tertiary svg, .main_ui_workspace_color_palette__attr-title button svg, .main_ui_workspace_color_palette__modal-close-btn-base svg,
.main_ui_workspace_color_palette__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_color_palette__button-tertiary:hover, .main_ui_workspace_color_palette__attr-title button:hover, .main_ui_workspace_color_palette__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_color_palette__button-tertiary:hover svg, .main_ui_workspace_color_palette__attr-title button:hover svg, .main_ui_workspace_color_palette__modal-close-btn-base:hover svg,
.main_ui_workspace_color_palette__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_color_palette__button-tertiary:active, .main_ui_workspace_color_palette__attr-title button:active, .main_ui_workspace_color_palette__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_color_palette__button-tertiary:active svg, .main_ui_workspace_color_palette__attr-title button:active svg, .main_ui_workspace_color_palette__modal-close-btn-base:active svg,
.main_ui_workspace_color_palette__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_color_palette__button-tertiary.disabled, .main_ui_workspace_color_palette__attr-title button.disabled, .main_ui_workspace_color_palette__modal-close-btn-base.disabled, .main_ui_workspace_color_palette__button-tertiary[disabled], .main_ui_workspace_color_palette__attr-title button[disabled], [disabled].main_ui_workspace_color_palette__modal-close-btn-base, .main_ui_workspace_color_palette__button-tertiary:disabled, .main_ui_workspace_color_palette__attr-title button:disabled, .main_ui_workspace_color_palette__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_color_palette__button-tertiary.disabled svg, .main_ui_workspace_color_palette__attr-title button.disabled svg, .main_ui_workspace_color_palette__modal-close-btn-base.disabled svg,
.main_ui_workspace_color_palette__button-tertiary.disabled span svg, .main_ui_workspace_color_palette__button-tertiary[disabled] svg, .main_ui_workspace_color_palette__attr-title button[disabled] svg, [disabled].main_ui_workspace_color_palette__modal-close-btn-base svg,
.main_ui_workspace_color_palette__button-tertiary[disabled] span svg, .main_ui_workspace_color_palette__button-tertiary:disabled svg, .main_ui_workspace_color_palette__attr-title button:disabled svg, .main_ui_workspace_color_palette__modal-close-btn-base:disabled svg,
.main_ui_workspace_color_palette__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_color_palette__button-icon-selected {
  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);
}
.main_ui_workspace_color_palette__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_color_palette__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_color_palette__button-radio: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);
}
.main_ui_workspace_color_palette__button-radio:focus-visible svg,
.main_ui_workspace_color_palette__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_color_palette__button-radio svg,
.main_ui_workspace_color_palette__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_color_palette__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_color_palette__button-radio:hover svg,
.main_ui_workspace_color_palette__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_color_palette__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_color_palette__button-radio:active svg,
.main_ui_workspace_color_palette__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_color_palette__button-warning {
  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);
}

.main_ui_workspace_color_palette__button-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;
}

.main_ui_workspace_color_palette__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_color_palette__button-tag: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);
}
.main_ui_workspace_color_palette__button-tag:focus-visible svg,
.main_ui_workspace_color_palette__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_color_palette__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_color_palette__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_color_palette__button-icon, .main_ui_workspace_color_palette__left-arrow svg,
.main_ui_workspace_color_palette__right-arrow svg, .main_ui_workspace_color_palette__empty-icon svg, .main_ui_workspace_color_palette__modal-close-btn-base svg, .main_ui_workspace_color_palette__button-icon-small, .main_ui_workspace_color_palette__dropdown-element-base span svg, .main_ui_workspace_color_palette__attr-title button svg, .main_ui_workspace_color_palette__checkbox-icon.intermediate svg, .main_ui_workspace_color_palette__input-checkbox label span.intermediate svg, .main_ui_workspace_color_palette__checkbox-icon.checked svg, .main_ui_workspace_color_palette__input-checkbox label span.checked svg, .main_ui_workspace_color_palette__input-element span svg,
.main_ui_workspace_color_palette__input-element label svg, .main_ui_workspace_color_palette__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_color_palette__button-icon-small, .main_ui_workspace_color_palette__dropdown-element-base span svg, .main_ui_workspace_color_palette__attr-title button svg, .main_ui_workspace_color_palette__checkbox-icon.intermediate svg, .main_ui_workspace_color_palette__input-checkbox label span.intermediate svg, .main_ui_workspace_color_palette__checkbox-icon.checked svg, .main_ui_workspace_color_palette__input-checkbox label span.checked svg, .main_ui_workspace_color_palette__input-element span svg,
.main_ui_workspace_color_palette__input-element label svg, .main_ui_workspace_color_palette__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_color_palette__input-base, .main_ui_workspace_color_palette__input-with-label input, .main_ui_workspace_color_palette__input-element-label input, .main_ui_workspace_color_palette__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_color_palette__input-base[disabled], .main_ui_workspace_color_palette__input-with-label input[disabled], .main_ui_workspace_color_palette__input-element-label input[disabled], .main_ui_workspace_color_palette__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_color_palette__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_color_palette__input-label, .main_ui_workspace_color_palette__input-element span,
.main_ui_workspace_color_palette__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_color_palette__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_color_palette__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_color_palette__input-element span svg,
.main_ui_workspace_color_palette__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_color_palette__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_color_palette__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_color_palette__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_color_palette__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_color_palette__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_color_palette__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_color_palette__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_color_palette__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_color_palette__input-element:focus, .main_ui_workspace_color_palette__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_color_palette__input-element:focus span, .main_ui_workspace_color_palette__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_color_palette__input-element:focus input, .main_ui_workspace_color_palette__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_color_palette__input-element:focus:hover, .main_ui_workspace_color_palette__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_color_palette__input-element:focus:hover span, .main_ui_workspace_color_palette__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_color_palette__input-element:focus:hover input, .main_ui_workspace_color_palette__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_color_palette__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_color_palette__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_color_palette__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_color_palette__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_color_palette__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_color_palette__input-element-label:focus-within input, .main_ui_workspace_color_palette__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_color_palette__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_color_palette__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_color_palette__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_color_palette__input-with-label input:focus-within, .main_ui_workspace_color_palette__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_color_palette__input-with-label input:focus-within input, .main_ui_workspace_color_palette__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_color_palette__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_color_palette__modal-overlay-base {
  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);
}

.main_ui_workspace_color_palette__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_color_palette__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_color_palette__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_color_palette__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_color_palette__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_color_palette__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_color_palette__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_color_palette__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_color_palette__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_color_palette__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_color_palette__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_color_palette__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_color_palette__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_color_palette__colorpicker-handler {
  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;
}
.main_ui_workspace_color_palette__colorpicker-handler:hover, .main_ui_workspace_color_palette__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_color_palette__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_color_palette__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_color_palette__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_color_palette__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_color_palette__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_color_palette__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_color_palette__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_color_palette__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_color_palette__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_color_palette__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_color_palette__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_color_palette__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_color_palette__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_color_palette__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_color_palette__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_color_palette__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_color_palette__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_color_palette__color-palette {
  height: 100%;
  display: flex;
}

.main_ui_workspace_color_palette__left-arrow,
.main_ui_workspace_color_palette__right-arrow {
  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;
}
.main_ui_workspace_color_palette__left-arrow svg,
.main_ui_workspace_color_palette__right-arrow svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_color_palette__left-arrow::after,
.main_ui_workspace_color_palette__right-arrow::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;
}
.main_ui_workspace_color_palette__left-arrow:hover svg,
.main_ui_workspace_color_palette__right-arrow:hover svg {
  stroke: var(--button-foreground-hover);
}
.main_ui_workspace_color_palette__left-arrow:disabled svg,
.main_ui_workspace_color_palette__right-arrow:disabled svg {
  stroke: var(--button-foreground-color-disabled);
}
.main_ui_workspace_color_palette__left-arrow:disabled::after,
.main_ui_workspace_color_palette__right-arrow:disabled::after {
  background-image: none;
}

.main_ui_workspace_color_palette__left-arrow::after {
  left: 1.5rem;
  background-image: linear-gradient(to right, var(--palette-button-shadow-initial) 0%, var(--palette-button-shadow-final) 100%);
}
.main_ui_workspace_color_palette__left-arrow:disabled::after {
  background-image: none;
}
.main_ui_workspace_color_palette__left-arrow svg {
  transform: rotate(180deg);
}

.main_ui_workspace_color_palette__color-palette-content {
  overflow: hidden;
  display: flex;
  align-items: center;
}

.main_ui_workspace_color_palette__color-palette-inside {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: var(--color-cell-width);
  gap: 0.5rem;
}

.main_ui_workspace_color_palette__color-cell {
  -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%;
}
.main_ui_workspace_color_palette__color-cell.main_ui_workspace_color_palette__no-text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
}

.main_ui_workspace_color_palette__color-palette-empty {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--palette-text-color);
}
@keyframes main_ui_workspace_color_palette_ctx_menu__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_color_palette_ctx_menu__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_color_palette_ctx_menu__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_color_palette_ctx_menu__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_color_palette_ctx_menu__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_color_palette_ctx_menu__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_color_palette_ctx_menu__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_color_palette_ctx_menu__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_color_palette_ctx_menu__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_color_palette_ctx_menu__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_color_palette_ctx_menu__new-scrollbar ::placeholder,
.main_ui_workspace_color_palette_ctx_menu__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_color_palette_ctx_menu__button-primary, .main_ui_workspace_color_palette_ctx_menu__modal-danger-btn, .main_ui_workspace_color_palette_ctx_menu__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_color_palette_ctx_menu__button-primary:focus-visible, .main_ui_workspace_color_palette_ctx_menu__modal-danger-btn:focus-visible, .main_ui_workspace_color_palette_ctx_menu__modal-accept-btn: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);
}
.main_ui_workspace_color_palette_ctx_menu__button-primary:focus-visible svg, .main_ui_workspace_color_palette_ctx_menu__modal-danger-btn:focus-visible svg, .main_ui_workspace_color_palette_ctx_menu__modal-accept-btn:focus-visible svg,
.main_ui_workspace_color_palette_ctx_menu__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_color_palette_ctx_menu__button-primary svg, .main_ui_workspace_color_palette_ctx_menu__modal-danger-btn svg, .main_ui_workspace_color_palette_ctx_menu__modal-accept-btn svg,
.main_ui_workspace_color_palette_ctx_menu__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_color_palette_ctx_menu__button-primary:hover, .main_ui_workspace_color_palette_ctx_menu__modal-danger-btn:hover, .main_ui_workspace_color_palette_ctx_menu__modal-accept-btn: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;
}
.main_ui_workspace_color_palette_ctx_menu__button-primary:hover svg, .main_ui_workspace_color_palette_ctx_menu__modal-danger-btn:hover svg, .main_ui_workspace_color_palette_ctx_menu__modal-accept-btn:hover svg,
.main_ui_workspace_color_palette_ctx_menu__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_color_palette_ctx_menu__button-primary:active, .main_ui_workspace_color_palette_ctx_menu__modal-danger-btn:active, .main_ui_workspace_color_palette_ctx_menu__modal-accept-btn: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;
}
.main_ui_workspace_color_palette_ctx_menu__button-primary:active svg, .main_ui_workspace_color_palette_ctx_menu__modal-danger-btn:active svg, .main_ui_workspace_color_palette_ctx_menu__modal-accept-btn:active svg,
.main_ui_workspace_color_palette_ctx_menu__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_color_palette_ctx_menu__button-primary.disabled, .main_ui_workspace_color_palette_ctx_menu__modal-danger-btn.disabled, .main_ui_workspace_color_palette_ctx_menu__modal-accept-btn.disabled, .main_ui_workspace_color_palette_ctx_menu__button-primary[disabled], [disabled].main_ui_workspace_color_palette_ctx_menu__modal-danger-btn, [disabled].main_ui_workspace_color_palette_ctx_menu__modal-accept-btn, .main_ui_workspace_color_palette_ctx_menu__button-primary:disabled, .main_ui_workspace_color_palette_ctx_menu__modal-danger-btn:disabled, .main_ui_workspace_color_palette_ctx_menu__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_color_palette_ctx_menu__button-secondary, .main_ui_workspace_color_palette_ctx_menu__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_color_palette_ctx_menu__button-secondary:focus-visible, .main_ui_workspace_color_palette_ctx_menu__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_color_palette_ctx_menu__button-secondary:focus-visible svg, .main_ui_workspace_color_palette_ctx_menu__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_color_palette_ctx_menu__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_color_palette_ctx_menu__button-secondary svg, .main_ui_workspace_color_palette_ctx_menu__modal-cancel-btn svg,
.main_ui_workspace_color_palette_ctx_menu__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_color_palette_ctx_menu__button-secondary:hover, .main_ui_workspace_color_palette_ctx_menu__modal-cancel-btn: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;
}
.main_ui_workspace_color_palette_ctx_menu__button-secondary:hover svg, .main_ui_workspace_color_palette_ctx_menu__modal-cancel-btn:hover svg,
.main_ui_workspace_color_palette_ctx_menu__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_color_palette_ctx_menu__button-secondary:active, .main_ui_workspace_color_palette_ctx_menu__modal-cancel-btn: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);
}
.main_ui_workspace_color_palette_ctx_menu__button-secondary:active svg, .main_ui_workspace_color_palette_ctx_menu__modal-cancel-btn:active svg,
.main_ui_workspace_color_palette_ctx_menu__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_color_palette_ctx_menu__button-secondary.disabled, .main_ui_workspace_color_palette_ctx_menu__modal-cancel-btn.disabled, .main_ui_workspace_color_palette_ctx_menu__button-secondary[disabled], [disabled].main_ui_workspace_color_palette_ctx_menu__modal-cancel-btn, .main_ui_workspace_color_palette_ctx_menu__button-secondary:disabled, .main_ui_workspace_color_palette_ctx_menu__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_color_palette_ctx_menu__button-tertiary, .main_ui_workspace_color_palette_ctx_menu__attr-title button, .main_ui_workspace_color_palette_ctx_menu__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_color_palette_ctx_menu__button-tertiary:focus-visible, .main_ui_workspace_color_palette_ctx_menu__attr-title button:focus-visible, .main_ui_workspace_color_palette_ctx_menu__modal-close-btn-base: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);
}
.main_ui_workspace_color_palette_ctx_menu__button-tertiary:focus-visible svg, .main_ui_workspace_color_palette_ctx_menu__attr-title button:focus-visible svg, .main_ui_workspace_color_palette_ctx_menu__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_color_palette_ctx_menu__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_color_palette_ctx_menu__button-tertiary svg, .main_ui_workspace_color_palette_ctx_menu__attr-title button svg, .main_ui_workspace_color_palette_ctx_menu__modal-close-btn-base svg,
.main_ui_workspace_color_palette_ctx_menu__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_color_palette_ctx_menu__button-tertiary:hover, .main_ui_workspace_color_palette_ctx_menu__attr-title button:hover, .main_ui_workspace_color_palette_ctx_menu__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_color_palette_ctx_menu__button-tertiary:hover svg, .main_ui_workspace_color_palette_ctx_menu__attr-title button:hover svg, .main_ui_workspace_color_palette_ctx_menu__modal-close-btn-base:hover svg,
.main_ui_workspace_color_palette_ctx_menu__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_color_palette_ctx_menu__button-tertiary:active, .main_ui_workspace_color_palette_ctx_menu__attr-title button:active, .main_ui_workspace_color_palette_ctx_menu__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_color_palette_ctx_menu__button-tertiary:active svg, .main_ui_workspace_color_palette_ctx_menu__attr-title button:active svg, .main_ui_workspace_color_palette_ctx_menu__modal-close-btn-base:active svg,
.main_ui_workspace_color_palette_ctx_menu__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_color_palette_ctx_menu__button-tertiary.disabled, .main_ui_workspace_color_palette_ctx_menu__attr-title button.disabled, .main_ui_workspace_color_palette_ctx_menu__modal-close-btn-base.disabled, .main_ui_workspace_color_palette_ctx_menu__button-tertiary[disabled], .main_ui_workspace_color_palette_ctx_menu__attr-title button[disabled], [disabled].main_ui_workspace_color_palette_ctx_menu__modal-close-btn-base, .main_ui_workspace_color_palette_ctx_menu__button-tertiary:disabled, .main_ui_workspace_color_palette_ctx_menu__attr-title button:disabled, .main_ui_workspace_color_palette_ctx_menu__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_color_palette_ctx_menu__button-tertiary.disabled svg, .main_ui_workspace_color_palette_ctx_menu__attr-title button.disabled svg, .main_ui_workspace_color_palette_ctx_menu__modal-close-btn-base.disabled svg,
.main_ui_workspace_color_palette_ctx_menu__button-tertiary.disabled span svg, .main_ui_workspace_color_palette_ctx_menu__button-tertiary[disabled] svg, .main_ui_workspace_color_palette_ctx_menu__attr-title button[disabled] svg, [disabled].main_ui_workspace_color_palette_ctx_menu__modal-close-btn-base svg,
.main_ui_workspace_color_palette_ctx_menu__button-tertiary[disabled] span svg, .main_ui_workspace_color_palette_ctx_menu__button-tertiary:disabled svg, .main_ui_workspace_color_palette_ctx_menu__attr-title button:disabled svg, .main_ui_workspace_color_palette_ctx_menu__modal-close-btn-base:disabled svg,
.main_ui_workspace_color_palette_ctx_menu__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_color_palette_ctx_menu__button-icon-selected {
  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);
}
.main_ui_workspace_color_palette_ctx_menu__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_color_palette_ctx_menu__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_color_palette_ctx_menu__button-radio: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);
}
.main_ui_workspace_color_palette_ctx_menu__button-radio:focus-visible svg,
.main_ui_workspace_color_palette_ctx_menu__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_color_palette_ctx_menu__button-radio svg,
.main_ui_workspace_color_palette_ctx_menu__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_color_palette_ctx_menu__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_color_palette_ctx_menu__button-radio:hover svg,
.main_ui_workspace_color_palette_ctx_menu__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_color_palette_ctx_menu__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_color_palette_ctx_menu__button-radio:active svg,
.main_ui_workspace_color_palette_ctx_menu__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_color_palette_ctx_menu__button-warning {
  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);
}

.main_ui_workspace_color_palette_ctx_menu__button-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;
}

.main_ui_workspace_color_palette_ctx_menu__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_color_palette_ctx_menu__button-tag: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);
}
.main_ui_workspace_color_palette_ctx_menu__button-tag:focus-visible svg,
.main_ui_workspace_color_palette_ctx_menu__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_color_palette_ctx_menu__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_color_palette_ctx_menu__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_color_palette_ctx_menu__button-icon, .main_ui_workspace_color_palette_ctx_menu__empty-icon svg, .main_ui_workspace_color_palette_ctx_menu__modal-close-btn-base svg, .main_ui_workspace_color_palette_ctx_menu__button-icon-small, .main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library.main_ui_workspace_color_palette_ctx_menu__selected .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg, .main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library:hover .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors.main_ui_workspace_color_palette_ctx_menu__selected .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors:hover .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library.main_ui_workspace_color_palette_ctx_menu__selected .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library:hover .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg, .main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg, .main_ui_workspace_color_palette_ctx_menu__dropdown-element-base span svg, .main_ui_workspace_color_palette_ctx_menu__attr-title button svg, .main_ui_workspace_color_palette_ctx_menu__checkbox-icon.intermediate svg, .main_ui_workspace_color_palette_ctx_menu__input-checkbox label span.intermediate svg, .main_ui_workspace_color_palette_ctx_menu__checkbox-icon.checked svg, .main_ui_workspace_color_palette_ctx_menu__input-checkbox label span.checked svg, .main_ui_workspace_color_palette_ctx_menu__input-element span svg,
.main_ui_workspace_color_palette_ctx_menu__input-element label svg, .main_ui_workspace_color_palette_ctx_menu__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_color_palette_ctx_menu__button-icon-small, .main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library.main_ui_workspace_color_palette_ctx_menu__selected .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg, .main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library:hover .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors.main_ui_workspace_color_palette_ctx_menu__selected .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors:hover .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library.main_ui_workspace_color_palette_ctx_menu__selected .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library:hover .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg, .main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg, .main_ui_workspace_color_palette_ctx_menu__dropdown-element-base span svg, .main_ui_workspace_color_palette_ctx_menu__attr-title button svg, .main_ui_workspace_color_palette_ctx_menu__checkbox-icon.intermediate svg, .main_ui_workspace_color_palette_ctx_menu__input-checkbox label span.intermediate svg, .main_ui_workspace_color_palette_ctx_menu__checkbox-icon.checked svg, .main_ui_workspace_color_palette_ctx_menu__input-checkbox label span.checked svg, .main_ui_workspace_color_palette_ctx_menu__input-element span svg,
.main_ui_workspace_color_palette_ctx_menu__input-element label svg, .main_ui_workspace_color_palette_ctx_menu__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_color_palette_ctx_menu__input-base, .main_ui_workspace_color_palette_ctx_menu__input-with-label input, .main_ui_workspace_color_palette_ctx_menu__input-element-label input, .main_ui_workspace_color_palette_ctx_menu__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_color_palette_ctx_menu__input-base[disabled], .main_ui_workspace_color_palette_ctx_menu__input-with-label input[disabled], .main_ui_workspace_color_palette_ctx_menu__input-element-label input[disabled], .main_ui_workspace_color_palette_ctx_menu__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_color_palette_ctx_menu__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_color_palette_ctx_menu__input-label, .main_ui_workspace_color_palette_ctx_menu__input-element span,
.main_ui_workspace_color_palette_ctx_menu__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_color_palette_ctx_menu__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_color_palette_ctx_menu__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_color_palette_ctx_menu__input-element span svg,
.main_ui_workspace_color_palette_ctx_menu__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_color_palette_ctx_menu__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_color_palette_ctx_menu__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_color_palette_ctx_menu__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_color_palette_ctx_menu__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_color_palette_ctx_menu__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_color_palette_ctx_menu__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_color_palette_ctx_menu__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_color_palette_ctx_menu__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_color_palette_ctx_menu__input-element:focus, .main_ui_workspace_color_palette_ctx_menu__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_color_palette_ctx_menu__input-element:focus span, .main_ui_workspace_color_palette_ctx_menu__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_color_palette_ctx_menu__input-element:focus input, .main_ui_workspace_color_palette_ctx_menu__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_color_palette_ctx_menu__input-element:focus:hover, .main_ui_workspace_color_palette_ctx_menu__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_color_palette_ctx_menu__input-element:focus:hover span, .main_ui_workspace_color_palette_ctx_menu__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_color_palette_ctx_menu__input-element:focus:hover input, .main_ui_workspace_color_palette_ctx_menu__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_color_palette_ctx_menu__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_color_palette_ctx_menu__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_color_palette_ctx_menu__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_color_palette_ctx_menu__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_color_palette_ctx_menu__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_color_palette_ctx_menu__input-element-label:focus-within input, .main_ui_workspace_color_palette_ctx_menu__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_color_palette_ctx_menu__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_color_palette_ctx_menu__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_color_palette_ctx_menu__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_color_palette_ctx_menu__input-with-label input:focus-within, .main_ui_workspace_color_palette_ctx_menu__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_color_palette_ctx_menu__input-with-label input:focus-within input, .main_ui_workspace_color_palette_ctx_menu__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_color_palette_ctx_menu__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_color_palette_ctx_menu__modal-overlay-base {
  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);
}

.main_ui_workspace_color_palette_ctx_menu__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_color_palette_ctx_menu__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_color_palette_ctx_menu__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_color_palette_ctx_menu__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_color_palette_ctx_menu__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_color_palette_ctx_menu__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_color_palette_ctx_menu__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_color_palette_ctx_menu__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_color_palette_ctx_menu__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_color_palette_ctx_menu__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_color_palette_ctx_menu__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_color_palette_ctx_menu__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_color_palette_ctx_menu__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_color_palette_ctx_menu__colorpicker-handler {
  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;
}
.main_ui_workspace_color_palette_ctx_menu__colorpicker-handler:hover, .main_ui_workspace_color_palette_ctx_menu__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_color_palette_ctx_menu__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_color_palette_ctx_menu__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_color_palette_ctx_menu__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_color_palette_ctx_menu__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_color_palette_ctx_menu__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_color_palette_ctx_menu__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_color_palette_ctx_menu__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_color_palette_ctx_menu__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_color_palette_ctx_menu__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_color_palette_ctx_menu__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_color_palette_ctx_menu__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_color_palette_ctx_menu__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_color_palette_ctx_menu__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_color_palette_ctx_menu__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_color_palette_ctx_menu__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_color_palette_ctx_menu__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_color_palette_ctx_menu__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_color_palette_ctx_menu__palette-menu {
  position: absolute;
  left: auto;
  bottom: var(--height);
  max-width: 30rem;
  padding: 0.25rem;
  margin: 0 0 0.25rem 0;
  z-index: 4;
  border-radius: calc(0.5rem + 0.125rem);
  background-color: var(--context-menu-background-color);
}
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin-bottom: 0.25rem;
}
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library:last-child,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors:last-child,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library:last-child {
  margin-bottom: 0;
}
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors .main_ui_workspace_color_palette_ctx_menu__option-wrapper,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper {
  width: 100%;
}
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--context-menu-foreground-color);
  display: grid;
  grid-template-columns: 1fr 1.5rem;
}
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__lib-name-wrapper,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__lib-name-wrapper,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__lib-name-wrapper {
  display: flex;
  max-width: 25rem;
}
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__lib-name-wrapper .main_ui_workspace_color_palette_ctx_menu__lib-name,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__lib-name-wrapper .main_ui_workspace_color_palette_ctx_menu__lib-name,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__lib-name-wrapper .main_ui_workspace_color_palette_ctx_menu__lib-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 23.75rem;
}
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__lib-name-wrapper .main_ui_workspace_color_palette_ctx_menu__lib-num,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__lib-name-wrapper .main_ui_workspace_color_palette_ctx_menu__lib-num,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__lib-name-wrapper .main_ui_workspace_color_palette_ctx_menu__lib-num {
  margin-left: 0.25rem;
}
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper {
  margin-left: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg {
  display: flex;
  justify-content: center;
  align-items: center;
  stroke: var(--icon-foreground);
}
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__color-sample,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__color-sample,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__color-sample {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-top: 0.25rem;
}
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library.main_ui_workspace_color_palette_ctx_menu__selected .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name, .main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library:hover .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors.main_ui_workspace_color_palette_ctx_menu__selected .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors:hover .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library.main_ui_workspace_color_palette_ctx_menu__selected .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library:hover .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name {
  color: var(--context-menu-foreground-color-selected);
}
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library.main_ui_workspace_color_palette_ctx_menu__selected .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper, .main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library:hover .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors.main_ui_workspace_color_palette_ctx_menu__selected .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors:hover .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library.main_ui_workspace_color_palette_ctx_menu__selected .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library:hover .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library.main_ui_workspace_color_palette_ctx_menu__selected .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg, .main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library:hover .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors.main_ui_workspace_color_palette_ctx_menu__selected .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors:hover .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library.main_ui_workspace_color_palette_ctx_menu__selected .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library:hover .main_ui_workspace_color_palette_ctx_menu__option-wrapper .main_ui_workspace_color_palette_ctx_menu__library-name .main_ui_workspace_color_palette_ctx_menu__icon-wrapper svg {
  display: flex;
  justify-content: center;
  align-items: center;
  stroke: var(--context-menu-foreground-color-selected);
}
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__palette-library:hover,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__recent-colors:hover,
.main_ui_workspace_color_palette_ctx_menu__palette-menu .main_ui_workspace_color_palette_ctx_menu__file-library:hover {
  background-color: var(--context-menu-background-color-selected);
}
@keyframes main_ui_workspace_colorpicker__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_colorpicker__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_colorpicker__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_colorpicker__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_colorpicker__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_colorpicker__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_colorpicker__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_colorpicker__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_colorpicker__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_colorpicker__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_colorpicker__new-scrollbar ::placeholder,
.main_ui_workspace_colorpicker__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_colorpicker__button-primary, .main_ui_workspace_colorpicker__modal-danger-btn, .main_ui_workspace_colorpicker__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_colorpicker__button-primary:focus-visible, .main_ui_workspace_colorpicker__modal-danger-btn:focus-visible, .main_ui_workspace_colorpicker__modal-accept-btn: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);
}
.main_ui_workspace_colorpicker__button-primary:focus-visible svg, .main_ui_workspace_colorpicker__modal-danger-btn:focus-visible svg, .main_ui_workspace_colorpicker__modal-accept-btn:focus-visible svg,
.main_ui_workspace_colorpicker__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_colorpicker__button-primary svg, .main_ui_workspace_colorpicker__modal-danger-btn svg, .main_ui_workspace_colorpicker__modal-accept-btn svg,
.main_ui_workspace_colorpicker__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_colorpicker__button-primary:hover, .main_ui_workspace_colorpicker__modal-danger-btn:hover, .main_ui_workspace_colorpicker__modal-accept-btn: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;
}
.main_ui_workspace_colorpicker__button-primary:hover svg, .main_ui_workspace_colorpicker__modal-danger-btn:hover svg, .main_ui_workspace_colorpicker__modal-accept-btn:hover svg,
.main_ui_workspace_colorpicker__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_colorpicker__button-primary:active, .main_ui_workspace_colorpicker__modal-danger-btn:active, .main_ui_workspace_colorpicker__modal-accept-btn: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;
}
.main_ui_workspace_colorpicker__button-primary:active svg, .main_ui_workspace_colorpicker__modal-danger-btn:active svg, .main_ui_workspace_colorpicker__modal-accept-btn:active svg,
.main_ui_workspace_colorpicker__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_colorpicker__button-primary.disabled, .main_ui_workspace_colorpicker__modal-danger-btn.disabled, .main_ui_workspace_colorpicker__modal-accept-btn.disabled, .main_ui_workspace_colorpicker__button-primary[disabled], [disabled].main_ui_workspace_colorpicker__modal-danger-btn, [disabled].main_ui_workspace_colorpicker__modal-accept-btn, .main_ui_workspace_colorpicker__button-primary:disabled, .main_ui_workspace_colorpicker__modal-danger-btn:disabled, .main_ui_workspace_colorpicker__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_colorpicker__button-secondary, .main_ui_workspace_colorpicker__choose-image, .main_ui_workspace_colorpicker__accept-color, .main_ui_workspace_colorpicker__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_colorpicker__button-secondary:focus-visible, .main_ui_workspace_colorpicker__choose-image:focus-visible, .main_ui_workspace_colorpicker__accept-color:focus-visible, .main_ui_workspace_colorpicker__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_colorpicker__button-secondary:focus-visible svg, .main_ui_workspace_colorpicker__choose-image:focus-visible svg, .main_ui_workspace_colorpicker__accept-color:focus-visible svg, .main_ui_workspace_colorpicker__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_colorpicker__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_colorpicker__button-secondary svg, .main_ui_workspace_colorpicker__choose-image svg, .main_ui_workspace_colorpicker__accept-color svg, .main_ui_workspace_colorpicker__modal-cancel-btn svg,
.main_ui_workspace_colorpicker__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_colorpicker__button-secondary:hover, .main_ui_workspace_colorpicker__choose-image:hover, .main_ui_workspace_colorpicker__accept-color:hover, .main_ui_workspace_colorpicker__modal-cancel-btn: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;
}
.main_ui_workspace_colorpicker__button-secondary:hover svg, .main_ui_workspace_colorpicker__choose-image:hover svg, .main_ui_workspace_colorpicker__accept-color:hover svg, .main_ui_workspace_colorpicker__modal-cancel-btn:hover svg,
.main_ui_workspace_colorpicker__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_colorpicker__button-secondary:active, .main_ui_workspace_colorpicker__choose-image:active, .main_ui_workspace_colorpicker__accept-color:active, .main_ui_workspace_colorpicker__modal-cancel-btn: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);
}
.main_ui_workspace_colorpicker__button-secondary:active svg, .main_ui_workspace_colorpicker__choose-image:active svg, .main_ui_workspace_colorpicker__accept-color:active svg, .main_ui_workspace_colorpicker__modal-cancel-btn:active svg,
.main_ui_workspace_colorpicker__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_colorpicker__button-secondary.disabled, .main_ui_workspace_colorpicker__choose-image.disabled, .main_ui_workspace_colorpicker__accept-color.disabled, .main_ui_workspace_colorpicker__modal-cancel-btn.disabled, .main_ui_workspace_colorpicker__button-secondary[disabled], [disabled].main_ui_workspace_colorpicker__choose-image, [disabled].main_ui_workspace_colorpicker__accept-color, [disabled].main_ui_workspace_colorpicker__modal-cancel-btn, .main_ui_workspace_colorpicker__button-secondary:disabled, .main_ui_workspace_colorpicker__choose-image:disabled, .main_ui_workspace_colorpicker__accept-color:disabled, .main_ui_workspace_colorpicker__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_colorpicker__button-tertiary, .main_ui_workspace_colorpicker__gradient-btn, .main_ui_workspace_colorpicker__attr-title button, .main_ui_workspace_colorpicker__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_colorpicker__button-tertiary:focus-visible, .main_ui_workspace_colorpicker__gradient-btn:focus-visible, .main_ui_workspace_colorpicker__attr-title button:focus-visible, .main_ui_workspace_colorpicker__modal-close-btn-base: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);
}
.main_ui_workspace_colorpicker__button-tertiary:focus-visible svg, .main_ui_workspace_colorpicker__gradient-btn:focus-visible svg, .main_ui_workspace_colorpicker__attr-title button:focus-visible svg, .main_ui_workspace_colorpicker__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_colorpicker__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_colorpicker__button-tertiary svg, .main_ui_workspace_colorpicker__gradient-btn svg, .main_ui_workspace_colorpicker__attr-title button svg, .main_ui_workspace_colorpicker__modal-close-btn-base svg,
.main_ui_workspace_colorpicker__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_colorpicker__button-tertiary:hover, .main_ui_workspace_colorpicker__gradient-btn:hover, .main_ui_workspace_colorpicker__attr-title button:hover, .main_ui_workspace_colorpicker__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_colorpicker__button-tertiary:hover svg, .main_ui_workspace_colorpicker__gradient-btn:hover svg, .main_ui_workspace_colorpicker__attr-title button:hover svg, .main_ui_workspace_colorpicker__modal-close-btn-base:hover svg,
.main_ui_workspace_colorpicker__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_colorpicker__button-tertiary:active, .main_ui_workspace_colorpicker__gradient-btn:active, .main_ui_workspace_colorpicker__attr-title button:active, .main_ui_workspace_colorpicker__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker__button-tertiary:active svg, .main_ui_workspace_colorpicker__gradient-btn:active svg, .main_ui_workspace_colorpicker__attr-title button:active svg, .main_ui_workspace_colorpicker__modal-close-btn-base:active svg,
.main_ui_workspace_colorpicker__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker__button-tertiary.disabled, .main_ui_workspace_colorpicker__gradient-btn.disabled, .main_ui_workspace_colorpicker__attr-title button.disabled, .main_ui_workspace_colorpicker__modal-close-btn-base.disabled, .main_ui_workspace_colorpicker__button-tertiary[disabled], [disabled].main_ui_workspace_colorpicker__gradient-btn, .main_ui_workspace_colorpicker__attr-title button[disabled], [disabled].main_ui_workspace_colorpicker__modal-close-btn-base, .main_ui_workspace_colorpicker__button-tertiary:disabled, .main_ui_workspace_colorpicker__gradient-btn:disabled, .main_ui_workspace_colorpicker__attr-title button:disabled, .main_ui_workspace_colorpicker__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_colorpicker__button-tertiary.disabled svg, .main_ui_workspace_colorpicker__gradient-btn.disabled svg, .main_ui_workspace_colorpicker__attr-title button.disabled svg, .main_ui_workspace_colorpicker__modal-close-btn-base.disabled svg,
.main_ui_workspace_colorpicker__button-tertiary.disabled span svg, .main_ui_workspace_colorpicker__button-tertiary[disabled] svg, [disabled].main_ui_workspace_colorpicker__gradient-btn svg, .main_ui_workspace_colorpicker__attr-title button[disabled] svg, [disabled].main_ui_workspace_colorpicker__modal-close-btn-base svg,
.main_ui_workspace_colorpicker__button-tertiary[disabled] span svg, .main_ui_workspace_colorpicker__button-tertiary:disabled svg, .main_ui_workspace_colorpicker__gradient-btn:disabled svg, .main_ui_workspace_colorpicker__attr-title button:disabled svg, .main_ui_workspace_colorpicker__modal-close-btn-base:disabled svg,
.main_ui_workspace_colorpicker__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_colorpicker__button-icon-selected {
  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);
}
.main_ui_workspace_colorpicker__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_colorpicker__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_colorpicker__button-radio: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);
}
.main_ui_workspace_colorpicker__button-radio:focus-visible svg,
.main_ui_workspace_colorpicker__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_colorpicker__button-radio svg,
.main_ui_workspace_colorpicker__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_colorpicker__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_colorpicker__button-radio:hover svg,
.main_ui_workspace_colorpicker__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_colorpicker__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_colorpicker__button-radio:active svg,
.main_ui_workspace_colorpicker__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_colorpicker__button-warning {
  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);
}

.main_ui_workspace_colorpicker__button-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;
}

.main_ui_workspace_colorpicker__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_colorpicker__button-tag: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);
}
.main_ui_workspace_colorpicker__button-tag:focus-visible svg,
.main_ui_workspace_colorpicker__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_colorpicker__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_colorpicker__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_colorpicker__button-icon, .main_ui_workspace_colorpicker__picker-btn svg, .main_ui_workspace_colorpicker__empty-icon svg, .main_ui_workspace_colorpicker__modal-close-btn-base svg, .main_ui_workspace_colorpicker__button-icon-small, .main_ui_workspace_colorpicker__dropdown-element-base span svg, .main_ui_workspace_colorpicker__attr-title button svg, .main_ui_workspace_colorpicker__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker__input-checkbox label span.intermediate svg, .main_ui_workspace_colorpicker__checkbox-option label span.intermediate svg, .main_ui_workspace_colorpicker__checkbox-icon.checked svg, .main_ui_workspace_colorpicker__input-checkbox label span.checked svg, .main_ui_workspace_colorpicker__checkbox-option label span.checked svg, .main_ui_workspace_colorpicker__input-element span svg, .main_ui_workspace_colorpicker__opacity-input-wrapper span svg,
.main_ui_workspace_colorpicker__input-element label svg,
.main_ui_workspace_colorpicker__opacity-input-wrapper label svg, .main_ui_workspace_colorpicker__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_colorpicker__button-icon-small, .main_ui_workspace_colorpicker__dropdown-element-base span svg, .main_ui_workspace_colorpicker__attr-title button svg, .main_ui_workspace_colorpicker__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker__input-checkbox label span.intermediate svg, .main_ui_workspace_colorpicker__checkbox-option label span.intermediate svg, .main_ui_workspace_colorpicker__checkbox-icon.checked svg, .main_ui_workspace_colorpicker__input-checkbox label span.checked svg, .main_ui_workspace_colorpicker__checkbox-option label span.checked svg, .main_ui_workspace_colorpicker__input-element span svg, .main_ui_workspace_colorpicker__opacity-input-wrapper span svg,
.main_ui_workspace_colorpicker__input-element label svg,
.main_ui_workspace_colorpicker__opacity-input-wrapper label svg, .main_ui_workspace_colorpicker__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_colorpicker__input-base, .main_ui_workspace_colorpicker__input-with-label input, .main_ui_workspace_colorpicker__input-element-label input, .main_ui_workspace_colorpicker__input-element input, .main_ui_workspace_colorpicker__opacity-input-wrapper input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker__input-base[disabled], .main_ui_workspace_colorpicker__input-with-label input[disabled], .main_ui_workspace_colorpicker__input-element-label input[disabled], .main_ui_workspace_colorpicker__input-element input[disabled], .main_ui_workspace_colorpicker__opacity-input-wrapper input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_colorpicker__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_colorpicker__input-label, .main_ui_workspace_colorpicker__input-element span, .main_ui_workspace_colorpicker__opacity-input-wrapper span,
.main_ui_workspace_colorpicker__input-element label,
.main_ui_workspace_colorpicker__opacity-input-wrapper label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_colorpicker__input-element, .main_ui_workspace_colorpicker__opacity-input-wrapper {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker__input-element:focus-within, .main_ui_workspace_colorpicker__opacity-input-wrapper:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_colorpicker__input-element span svg, .main_ui_workspace_colorpicker__opacity-input-wrapper span svg,
.main_ui_workspace_colorpicker__input-element label svg,
.main_ui_workspace_colorpicker__opacity-input-wrapper label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker__input-element ::-moz-placeholder, .main_ui_workspace_colorpicker__opacity-input-wrapper ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker__input-element ::placeholder, .main_ui_workspace_colorpicker__opacity-input-wrapper ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker__input-element:hover, .main_ui_workspace_colorpicker__opacity-input-wrapper:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker__input-element:hover span, .main_ui_workspace_colorpicker__opacity-input-wrapper:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker__input-element:hover input, .main_ui_workspace_colorpicker__opacity-input-wrapper:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker__input-element:active, .main_ui_workspace_colorpicker__opacity-input-wrapper:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_colorpicker__input-element:active span, .main_ui_workspace_colorpicker__opacity-input-wrapper:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker__input-element:active input, .main_ui_workspace_colorpicker__opacity-input-wrapper:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker__input-element:focus, .main_ui_workspace_colorpicker__opacity-input-wrapper:focus, .main_ui_workspace_colorpicker__input-element:focus-within, .main_ui_workspace_colorpicker__opacity-input-wrapper:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_colorpicker__input-element:focus span, .main_ui_workspace_colorpicker__opacity-input-wrapper:focus span, .main_ui_workspace_colorpicker__input-element:focus-within span, .main_ui_workspace_colorpicker__opacity-input-wrapper:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker__input-element:focus input, .main_ui_workspace_colorpicker__opacity-input-wrapper:focus input, .main_ui_workspace_colorpicker__input-element:focus-within input, .main_ui_workspace_colorpicker__opacity-input-wrapper:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker__input-element:focus:hover, .main_ui_workspace_colorpicker__opacity-input-wrapper:focus:hover, .main_ui_workspace_colorpicker__input-element:focus-within:hover, .main_ui_workspace_colorpicker__opacity-input-wrapper:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_colorpicker__input-element:focus:hover span, .main_ui_workspace_colorpicker__opacity-input-wrapper:focus:hover span, .main_ui_workspace_colorpicker__input-element:focus-within:hover span, .main_ui_workspace_colorpicker__opacity-input-wrapper:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker__input-element:focus:hover input, .main_ui_workspace_colorpicker__opacity-input-wrapper:focus:hover input, .main_ui_workspace_colorpicker__input-element:focus-within:hover input, .main_ui_workspace_colorpicker__opacity-input-wrapper:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_colorpicker__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_colorpicker__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_colorpicker__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker__input-element-label:focus-within input, .main_ui_workspace_colorpicker__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

.main_ui_workspace_colorpicker__input-checkbox, .main_ui_workspace_colorpicker__checkbox-option {
  display: flex;
  align-items: center;
}
.main_ui_workspace_colorpicker__input-checkbox label, .main_ui_workspace_colorpicker__checkbox-option label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_colorpicker__input-checkbox label input, .main_ui_workspace_colorpicker__checkbox-option label input {
  margin: 0;
}
.main_ui_workspace_colorpicker__input-checkbox label:hover span, .main_ui_workspace_colorpicker__checkbox-option label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_colorpicker__input-checkbox label:focus span, .main_ui_workspace_colorpicker__checkbox-option label:focus span, .main_ui_workspace_colorpicker__input-checkbox label:focus-within span, .main_ui_workspace_colorpicker__checkbox-option label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_colorpicker__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_colorpicker__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker__input-with-label input:focus-within, .main_ui_workspace_colorpicker__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_colorpicker__input-with-label input:focus-within input, .main_ui_workspace_colorpicker__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_colorpicker__modal-overlay-base {
  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);
}

.main_ui_workspace_colorpicker__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_colorpicker__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_colorpicker__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_colorpicker__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_colorpicker__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_colorpicker__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_colorpicker__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_colorpicker__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_colorpicker__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_colorpicker__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_colorpicker__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_colorpicker__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_colorpicker__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_colorpicker__colorpicker-handler {
  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;
}
.main_ui_workspace_colorpicker__colorpicker-handler:hover, .main_ui_workspace_colorpicker__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_colorpicker__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_colorpicker__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_colorpicker__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_colorpicker__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_colorpicker__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_colorpicker__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_colorpicker__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_colorpicker__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_colorpicker__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_colorpicker__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_colorpicker__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_colorpicker__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_colorpicker__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_colorpicker__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_colorpicker__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_colorpicker__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_colorpicker__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_colorpicker__colorpicker-tooltip {
  left: calc(10 * 8.75rem);
  width: auto;
  padding: var(--sp-m);
  width: 17.75rem;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.main_ui_workspace_colorpicker__colorpicker {
  border-radius: 0.5rem;
  overflow: hidden;
}

.main_ui_workspace_colorpicker__colorpicker-tabs {
  padding: 0 var(--sp-m);
}

.main_ui_workspace_colorpicker__top-actions {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: space-between;
  height: 2.5rem;
  padding: 0 var(--sp-m);
}

.main_ui_workspace_colorpicker__top-actions-right {
  display: flex;
  gap: 0.5rem;
}

.main_ui_workspace_colorpicker__opacity-input-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 4.25rem;
}

.main_ui_workspace_colorpicker__picker-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: transparent;
  border: 1px solid transparent;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 0.25rem;
  padding: 0;
  margin-top: 0.25rem;
}
.main_ui_workspace_colorpicker__picker-btn svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_colorpicker__picker-btn:hover svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_colorpicker__picker-btn:focus, .main_ui_workspace_colorpicker__picker-btn:focus-visible {
  outline: none;
}
.main_ui_workspace_colorpicker__picker-btn:focus svg, .main_ui_workspace_colorpicker__picker-btn:focus-visible svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_colorpicker__picker-btn:active {
  outline: none;
  border: 1px solid transparent;
}
.main_ui_workspace_colorpicker__picker-btn:active svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker__picker-btn.main_ui_workspace_colorpicker__selected svg {
  stroke: var(--button-tertiary-foreground-color-active);
}

.main_ui_workspace_colorpicker__gradient-buttons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.main_ui_workspace_colorpicker__gradient-btn {
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 0.25rem;
  border: 0.125rem solid transparent;
}
.main_ui_workspace_colorpicker__gradient-btn:hover {
  border: 0.125rem solid var(--colorpicker-details-color-selected);
}

.main_ui_workspace_colorpicker__linear-gradient-btn {
  background: linear-gradient(180deg, var(--color-foreground-secondary), transparent);
}
.main_ui_workspace_colorpicker__linear-gradient-btn.main_ui_workspace_colorpicker__selected {
  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);
}

.main_ui_workspace_colorpicker__radial-gradient-btn {
  background: radial-gradient(transparent, var(--color-foreground-secondary));
}
.main_ui_workspace_colorpicker__radial-gradient-btn.main_ui_workspace_colorpicker__selected {
  background: radial-gradient(rgb(126, 255, 245) 0%, rgba(126, 255, 245, 0.2) 100%);
  border: 0.125rem solid var(--colorpicker-details-color-selected);
}

.main_ui_workspace_colorpicker__actions {
  display: flex;
  gap: 0.25rem;
}

.main_ui_workspace_colorpicker__accept-color {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  width: 100%;
  height: 2rem;
  margin-top: 0.5rem;
}

.main_ui_workspace_colorpicker__picker-detail-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0.75rem 0 0.5rem 0;
}

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

.main_ui_workspace_colorpicker__picker-detail {
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}

.main_ui_workspace_colorpicker__select {
  width: 7.25rem;
}

.main_ui_workspace_colorpicker__select-image {
  margin-top: 0.25rem;
}

.main_ui_workspace_colorpicker__content {
  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: 1px;
}
.main_ui_workspace_colorpicker__content img {
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}

.main_ui_workspace_colorpicker__choose-image {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0.75rem;
  height: 2rem;
}

.main_ui_workspace_colorpicker__checkbox-option {
  margin: 1rem 0 0 0;
}
@keyframes main_ui_workspace_comments__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_comments__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_comments__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_comments__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_comments__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_comments__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_comments__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_comments__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_comments__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_comments__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_comments__new-scrollbar ::placeholder,
.main_ui_workspace_comments__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_comments__button-primary, .main_ui_workspace_comments__modal-danger-btn, .main_ui_workspace_comments__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_comments__button-primary:focus-visible, .main_ui_workspace_comments__modal-danger-btn:focus-visible, .main_ui_workspace_comments__modal-accept-btn: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);
}
.main_ui_workspace_comments__button-primary:focus-visible svg, .main_ui_workspace_comments__modal-danger-btn:focus-visible svg, .main_ui_workspace_comments__modal-accept-btn:focus-visible svg,
.main_ui_workspace_comments__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_comments__button-primary svg, .main_ui_workspace_comments__modal-danger-btn svg, .main_ui_workspace_comments__modal-accept-btn svg,
.main_ui_workspace_comments__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_comments__button-primary:hover, .main_ui_workspace_comments__modal-danger-btn:hover, .main_ui_workspace_comments__modal-accept-btn: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;
}
.main_ui_workspace_comments__button-primary:hover svg, .main_ui_workspace_comments__modal-danger-btn:hover svg, .main_ui_workspace_comments__modal-accept-btn:hover svg,
.main_ui_workspace_comments__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_comments__button-primary:active, .main_ui_workspace_comments__modal-danger-btn:active, .main_ui_workspace_comments__modal-accept-btn: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;
}
.main_ui_workspace_comments__button-primary:active svg, .main_ui_workspace_comments__modal-danger-btn:active svg, .main_ui_workspace_comments__modal-accept-btn:active svg,
.main_ui_workspace_comments__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_comments__button-primary.disabled, .main_ui_workspace_comments__modal-danger-btn.disabled, .main_ui_workspace_comments__modal-accept-btn.disabled, .main_ui_workspace_comments__button-primary[disabled], [disabled].main_ui_workspace_comments__modal-danger-btn, [disabled].main_ui_workspace_comments__modal-accept-btn, .main_ui_workspace_comments__button-primary:disabled, .main_ui_workspace_comments__modal-danger-btn:disabled, .main_ui_workspace_comments__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_comments__button-secondary, .main_ui_workspace_comments__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_comments__button-secondary:focus-visible, .main_ui_workspace_comments__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_comments__button-secondary:focus-visible svg, .main_ui_workspace_comments__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_comments__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_comments__button-secondary svg, .main_ui_workspace_comments__modal-cancel-btn svg,
.main_ui_workspace_comments__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_comments__button-secondary:hover, .main_ui_workspace_comments__modal-cancel-btn: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;
}
.main_ui_workspace_comments__button-secondary:hover svg, .main_ui_workspace_comments__modal-cancel-btn:hover svg,
.main_ui_workspace_comments__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_comments__button-secondary:active, .main_ui_workspace_comments__modal-cancel-btn: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);
}
.main_ui_workspace_comments__button-secondary:active svg, .main_ui_workspace_comments__modal-cancel-btn:active svg,
.main_ui_workspace_comments__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_comments__button-secondary.disabled, .main_ui_workspace_comments__modal-cancel-btn.disabled, .main_ui_workspace_comments__button-secondary[disabled], [disabled].main_ui_workspace_comments__modal-cancel-btn, .main_ui_workspace_comments__button-secondary:disabled, .main_ui_workspace_comments__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_comments__button-tertiary, .main_ui_workspace_comments__attr-title button, .main_ui_workspace_comments__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_comments__button-tertiary:focus-visible, .main_ui_workspace_comments__attr-title button:focus-visible, .main_ui_workspace_comments__modal-close-btn-base: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);
}
.main_ui_workspace_comments__button-tertiary:focus-visible svg, .main_ui_workspace_comments__attr-title button:focus-visible svg, .main_ui_workspace_comments__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_comments__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_comments__button-tertiary svg, .main_ui_workspace_comments__attr-title button svg, .main_ui_workspace_comments__modal-close-btn-base svg,
.main_ui_workspace_comments__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_comments__button-tertiary:hover, .main_ui_workspace_comments__attr-title button:hover, .main_ui_workspace_comments__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_comments__button-tertiary:hover svg, .main_ui_workspace_comments__attr-title button:hover svg, .main_ui_workspace_comments__modal-close-btn-base:hover svg,
.main_ui_workspace_comments__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_comments__button-tertiary:active, .main_ui_workspace_comments__attr-title button:active, .main_ui_workspace_comments__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_comments__button-tertiary:active svg, .main_ui_workspace_comments__attr-title button:active svg, .main_ui_workspace_comments__modal-close-btn-base:active svg,
.main_ui_workspace_comments__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_comments__button-tertiary.disabled, .main_ui_workspace_comments__attr-title button.disabled, .main_ui_workspace_comments__modal-close-btn-base.disabled, .main_ui_workspace_comments__button-tertiary[disabled], .main_ui_workspace_comments__attr-title button[disabled], [disabled].main_ui_workspace_comments__modal-close-btn-base, .main_ui_workspace_comments__button-tertiary:disabled, .main_ui_workspace_comments__attr-title button:disabled, .main_ui_workspace_comments__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_comments__button-tertiary.disabled svg, .main_ui_workspace_comments__attr-title button.disabled svg, .main_ui_workspace_comments__modal-close-btn-base.disabled svg,
.main_ui_workspace_comments__button-tertiary.disabled span svg, .main_ui_workspace_comments__button-tertiary[disabled] svg, .main_ui_workspace_comments__attr-title button[disabled] svg, [disabled].main_ui_workspace_comments__modal-close-btn-base svg,
.main_ui_workspace_comments__button-tertiary[disabled] span svg, .main_ui_workspace_comments__button-tertiary:disabled svg, .main_ui_workspace_comments__attr-title button:disabled svg, .main_ui_workspace_comments__modal-close-btn-base:disabled svg,
.main_ui_workspace_comments__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_comments__button-icon-selected {
  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);
}
.main_ui_workspace_comments__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_comments__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_comments__button-radio: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);
}
.main_ui_workspace_comments__button-radio:focus-visible svg,
.main_ui_workspace_comments__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_comments__button-radio svg,
.main_ui_workspace_comments__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_comments__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_comments__button-radio:hover svg,
.main_ui_workspace_comments__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_comments__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_comments__button-radio:active svg,
.main_ui_workspace_comments__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_comments__button-warning {
  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);
}

.main_ui_workspace_comments__button-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;
}

.main_ui_workspace_comments__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_comments__button-tag: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);
}
.main_ui_workspace_comments__button-tag:focus-visible svg,
.main_ui_workspace_comments__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_comments__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_comments__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_comments__button-icon, .main_ui_workspace_comments__placeholder-icon svg, .main_ui_workspace_comments__empty-icon svg, .main_ui_workspace_comments__modal-close-btn-base svg, .main_ui_workspace_comments__button-icon-small, .main_ui_workspace_comments__dropdown-item .main_ui_workspace_comments__icon svg, .main_ui_workspace_comments__arrow-icon svg, .main_ui_workspace_comments__dropdown-element-base span svg, .main_ui_workspace_comments__dropdown-item span svg, .main_ui_workspace_comments__attr-title button svg, .main_ui_workspace_comments__checkbox-icon.intermediate svg, .main_ui_workspace_comments__input-checkbox label span.intermediate svg, .main_ui_workspace_comments__checkbox-icon.checked svg, .main_ui_workspace_comments__input-checkbox label span.checked svg, .main_ui_workspace_comments__input-element span svg,
.main_ui_workspace_comments__input-element label svg, .main_ui_workspace_comments__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_comments__button-icon-small, .main_ui_workspace_comments__dropdown-item .main_ui_workspace_comments__icon svg, .main_ui_workspace_comments__arrow-icon svg, .main_ui_workspace_comments__dropdown-element-base span svg, .main_ui_workspace_comments__dropdown-item span svg, .main_ui_workspace_comments__attr-title button svg, .main_ui_workspace_comments__checkbox-icon.intermediate svg, .main_ui_workspace_comments__input-checkbox label span.intermediate svg, .main_ui_workspace_comments__checkbox-icon.checked svg, .main_ui_workspace_comments__input-checkbox label span.checked svg, .main_ui_workspace_comments__input-element span svg,
.main_ui_workspace_comments__input-element label svg, .main_ui_workspace_comments__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_comments__input-base, .main_ui_workspace_comments__input-with-label input, .main_ui_workspace_comments__input-element-label input, .main_ui_workspace_comments__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_comments__input-base[disabled], .main_ui_workspace_comments__input-with-label input[disabled], .main_ui_workspace_comments__input-element-label input[disabled], .main_ui_workspace_comments__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_comments__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_comments__input-label, .main_ui_workspace_comments__input-element span,
.main_ui_workspace_comments__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_comments__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_comments__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_comments__input-element span svg,
.main_ui_workspace_comments__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_comments__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_comments__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_comments__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_comments__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_comments__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_comments__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_comments__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_comments__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_comments__input-element:focus, .main_ui_workspace_comments__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_comments__input-element:focus span, .main_ui_workspace_comments__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_comments__input-element:focus input, .main_ui_workspace_comments__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_comments__input-element:focus:hover, .main_ui_workspace_comments__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_comments__input-element:focus:hover span, .main_ui_workspace_comments__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_comments__input-element:focus:hover input, .main_ui_workspace_comments__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_comments__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_comments__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_comments__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_comments__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_comments__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_comments__input-element-label:focus-within input, .main_ui_workspace_comments__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_comments__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_comments__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_comments__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_comments__input-with-label input:focus-within, .main_ui_workspace_comments__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_comments__input-with-label input:focus-within input, .main_ui_workspace_comments__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_comments__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_comments__modal-overlay-base {
  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);
}

.main_ui_workspace_comments__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_comments__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_comments__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_comments__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_comments__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_comments__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_comments__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_comments__asset-element, .main_ui_workspace_comments__mode-dropdown-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_comments__asset-element:hover, .main_ui_workspace_comments__mode-dropdown-wrapper:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_comments__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_comments__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_comments__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_comments__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_comments__colorpicker-handler {
  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;
}
.main_ui_workspace_comments__colorpicker-handler:hover, .main_ui_workspace_comments__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_comments__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_comments__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_comments__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_comments__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_comments__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_comments__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_comments__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_comments__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_comments__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_comments__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_comments__dropdown-element-base, .main_ui_workspace_comments__dropdown-item {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_comments__dropdown-element-base span, .main_ui_workspace_comments__dropdown-item span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_comments__dropdown-element-base span svg, .main_ui_workspace_comments__dropdown-item span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_comments__dropdown-element-base:hover, .main_ui_workspace_comments__dropdown-item:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_comments__dropdown-element-base:hover span svg, .main_ui_workspace_comments__dropdown-item:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_comments__dropdown-wrapper, .main_ui_workspace_comments__comment-mode-dropdown {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_comments__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_comments__comments-section {
  position: relative;
  background-color: var(--panel-background-color);
  display: grid;
  grid-template-rows: 2.5rem 3rem 1fr;
}

.main_ui_workspace_comments__from-viewer {
  padding: 0 0.5rem;
}

.main_ui_workspace_comments__comments-section-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  position: relative;
  height: 2rem;
  min-height: 2rem;
  margin: 0.5rem 0.5rem 0 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--panel-title-background-color);
}
.main_ui_workspace_comments__comments-section-title span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  color: var(--title-foreground-color-hover);
}

.main_ui_workspace_comments__viewer-title {
  margin: 0;
  margin-block-start: 0.5rem;
}

.main_ui_workspace_comments__mode-dropdown-wrapper {
  border: none;
  background: none;
  cursor: pointer;
  background-color: var(--color-background-tertiary);
  display: flex;
  width: 100%;
  max-width: 16rem;
  height: 2rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin: 1rem auto 0 auto;
  cursor: pointer;
  position: relative;
}

.main_ui_workspace_comments__mode-label {
  padding-right: 8px;
  flex-grow: 1;
  display: flex;
  justify-content: flex-start;
}

.main_ui_workspace_comments__arrow-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
}
.main_ui_workspace_comments__arrow-icon svg {
  transform: rotate(90deg);
  stroke: var(--icon-foreground);
}

.main_ui_workspace_comments__comment-mode-dropdown {
  top: 5.75rem;
  left: 0.75rem;
  max-width: 16rem;
  width: 100%;
}

.main_ui_workspace_comments__viewer-dropdown {
  left: 0.5rem;
}

.main_ui_workspace_comments__dropdown-item {
  justify-content: space-between;
}
.main_ui_workspace_comments__dropdown-item .main_ui_workspace_comments__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
}
.main_ui_workspace_comments__dropdown-item .main_ui_workspace_comments__icon svg {
  stroke: transparent;
}
.main_ui_workspace_comments__dropdown-item .main_ui_workspace_comments__label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}
.main_ui_workspace_comments__dropdown-item:hover .main_ui_workspace_comments__icon svg {
  stroke: transparent;
}
.main_ui_workspace_comments__dropdown-item.main_ui_workspace_comments__selected .main_ui_workspace_comments__label {
  color: var(--menu-foreground-color);
}
.main_ui_workspace_comments__dropdown-item.main_ui_workspace_comments__selected .main_ui_workspace_comments__icon svg {
  stroke: var(--icon-foreground-hover);
}

.main_ui_workspace_comments__separator {
  height: 0.75rem;
}

.main_ui_workspace_comments__comments-section-content {
  height: 100%;
  overflow-y: auto;
}

.main_ui_workspace_comments__thread-groups {
  display: flex;
  flex-direction: column;
}

.main_ui_workspace_comments__thread-group-placeholder {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: center;
  justify-content: flex-start;
  margin-top: 2.25rem;
}

.main_ui_workspace_comments__placeholder-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_comments__placeholder-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_comments__placeholder-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  width: 11.5rem;
  color: var(--empty-message-foreground-color);
}
@keyframes main_ui_workspace_context_menu__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_context_menu__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_context_menu__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_context_menu__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_context_menu__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_context_menu__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_context_menu__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_context_menu__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_context_menu__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_context_menu__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_context_menu__new-scrollbar ::placeholder,
.main_ui_workspace_context_menu__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_context_menu__button-primary, .main_ui_workspace_context_menu__modal-danger-btn, .main_ui_workspace_context_menu__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_context_menu__button-primary:focus-visible, .main_ui_workspace_context_menu__modal-danger-btn:focus-visible, .main_ui_workspace_context_menu__modal-accept-btn: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);
}
.main_ui_workspace_context_menu__button-primary:focus-visible svg, .main_ui_workspace_context_menu__modal-danger-btn:focus-visible svg, .main_ui_workspace_context_menu__modal-accept-btn:focus-visible svg,
.main_ui_workspace_context_menu__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_context_menu__button-primary svg, .main_ui_workspace_context_menu__modal-danger-btn svg, .main_ui_workspace_context_menu__modal-accept-btn svg,
.main_ui_workspace_context_menu__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_context_menu__button-primary:hover, .main_ui_workspace_context_menu__modal-danger-btn:hover, .main_ui_workspace_context_menu__modal-accept-btn: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;
}
.main_ui_workspace_context_menu__button-primary:hover svg, .main_ui_workspace_context_menu__modal-danger-btn:hover svg, .main_ui_workspace_context_menu__modal-accept-btn:hover svg,
.main_ui_workspace_context_menu__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_context_menu__button-primary:active, .main_ui_workspace_context_menu__modal-danger-btn:active, .main_ui_workspace_context_menu__modal-accept-btn: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;
}
.main_ui_workspace_context_menu__button-primary:active svg, .main_ui_workspace_context_menu__modal-danger-btn:active svg, .main_ui_workspace_context_menu__modal-accept-btn:active svg,
.main_ui_workspace_context_menu__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_context_menu__button-primary.disabled, .main_ui_workspace_context_menu__modal-danger-btn.disabled, .main_ui_workspace_context_menu__modal-accept-btn.disabled, .main_ui_workspace_context_menu__button-primary[disabled], [disabled].main_ui_workspace_context_menu__modal-danger-btn, [disabled].main_ui_workspace_context_menu__modal-accept-btn, .main_ui_workspace_context_menu__button-primary:disabled, .main_ui_workspace_context_menu__modal-danger-btn:disabled, .main_ui_workspace_context_menu__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_context_menu__button-secondary, .main_ui_workspace_context_menu__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_context_menu__button-secondary:focus-visible, .main_ui_workspace_context_menu__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_context_menu__button-secondary:focus-visible svg, .main_ui_workspace_context_menu__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_context_menu__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_context_menu__button-secondary svg, .main_ui_workspace_context_menu__modal-cancel-btn svg,
.main_ui_workspace_context_menu__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_context_menu__button-secondary:hover, .main_ui_workspace_context_menu__modal-cancel-btn: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;
}
.main_ui_workspace_context_menu__button-secondary:hover svg, .main_ui_workspace_context_menu__modal-cancel-btn:hover svg,
.main_ui_workspace_context_menu__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_context_menu__button-secondary:active, .main_ui_workspace_context_menu__modal-cancel-btn: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);
}
.main_ui_workspace_context_menu__button-secondary:active svg, .main_ui_workspace_context_menu__modal-cancel-btn:active svg,
.main_ui_workspace_context_menu__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_context_menu__button-secondary.disabled, .main_ui_workspace_context_menu__modal-cancel-btn.disabled, .main_ui_workspace_context_menu__button-secondary[disabled], [disabled].main_ui_workspace_context_menu__modal-cancel-btn, .main_ui_workspace_context_menu__button-secondary:disabled, .main_ui_workspace_context_menu__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_context_menu__button-tertiary, .main_ui_workspace_context_menu__attr-title button, .main_ui_workspace_context_menu__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_context_menu__button-tertiary:focus-visible, .main_ui_workspace_context_menu__attr-title button:focus-visible, .main_ui_workspace_context_menu__modal-close-btn-base: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);
}
.main_ui_workspace_context_menu__button-tertiary:focus-visible svg, .main_ui_workspace_context_menu__attr-title button:focus-visible svg, .main_ui_workspace_context_menu__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_context_menu__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_context_menu__button-tertiary svg, .main_ui_workspace_context_menu__attr-title button svg, .main_ui_workspace_context_menu__modal-close-btn-base svg,
.main_ui_workspace_context_menu__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_context_menu__button-tertiary:hover, .main_ui_workspace_context_menu__attr-title button:hover, .main_ui_workspace_context_menu__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_context_menu__button-tertiary:hover svg, .main_ui_workspace_context_menu__attr-title button:hover svg, .main_ui_workspace_context_menu__modal-close-btn-base:hover svg,
.main_ui_workspace_context_menu__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_context_menu__button-tertiary:active, .main_ui_workspace_context_menu__attr-title button:active, .main_ui_workspace_context_menu__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_context_menu__button-tertiary:active svg, .main_ui_workspace_context_menu__attr-title button:active svg, .main_ui_workspace_context_menu__modal-close-btn-base:active svg,
.main_ui_workspace_context_menu__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_context_menu__button-tertiary.disabled, .main_ui_workspace_context_menu__attr-title button.disabled, .main_ui_workspace_context_menu__modal-close-btn-base.disabled, .main_ui_workspace_context_menu__button-tertiary[disabled], .main_ui_workspace_context_menu__attr-title button[disabled], [disabled].main_ui_workspace_context_menu__modal-close-btn-base, .main_ui_workspace_context_menu__button-tertiary:disabled, .main_ui_workspace_context_menu__attr-title button:disabled, .main_ui_workspace_context_menu__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_context_menu__button-tertiary.disabled svg, .main_ui_workspace_context_menu__attr-title button.disabled svg, .main_ui_workspace_context_menu__modal-close-btn-base.disabled svg,
.main_ui_workspace_context_menu__button-tertiary.disabled span svg, .main_ui_workspace_context_menu__button-tertiary[disabled] svg, .main_ui_workspace_context_menu__attr-title button[disabled] svg, [disabled].main_ui_workspace_context_menu__modal-close-btn-base svg,
.main_ui_workspace_context_menu__button-tertiary[disabled] span svg, .main_ui_workspace_context_menu__button-tertiary:disabled svg, .main_ui_workspace_context_menu__attr-title button:disabled svg, .main_ui_workspace_context_menu__modal-close-btn-base:disabled svg,
.main_ui_workspace_context_menu__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_context_menu__button-icon-selected {
  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);
}
.main_ui_workspace_context_menu__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_context_menu__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_context_menu__button-radio: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);
}
.main_ui_workspace_context_menu__button-radio:focus-visible svg,
.main_ui_workspace_context_menu__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_context_menu__button-radio svg,
.main_ui_workspace_context_menu__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_context_menu__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_context_menu__button-radio:hover svg,
.main_ui_workspace_context_menu__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_context_menu__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_context_menu__button-radio:active svg,
.main_ui_workspace_context_menu__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_context_menu__button-warning {
  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);
}

.main_ui_workspace_context_menu__button-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;
}

.main_ui_workspace_context_menu__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_context_menu__button-tag: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);
}
.main_ui_workspace_context_menu__button-tag:focus-visible svg,
.main_ui_workspace_context_menu__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_context_menu__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_context_menu__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_context_menu__button-icon, .main_ui_workspace_context_menu__empty-icon svg, .main_ui_workspace_context_menu__modal-close-btn-base svg, .main_ui_workspace_context_menu__button-icon-small, .main_ui_workspace_context_menu__icon-menu-item .main_ui_workspace_context_menu__shape-icon svg, .main_ui_workspace_context_menu__icon-menu-item .main_ui_workspace_context_menu__selected-icon svg, .main_ui_workspace_context_menu__context-menu-item .main_ui_workspace_context_menu__submenu-icon svg, .main_ui_workspace_context_menu__dropdown-element-base span svg, .main_ui_workspace_context_menu__attr-title button svg, .main_ui_workspace_context_menu__checkbox-icon.intermediate svg, .main_ui_workspace_context_menu__input-checkbox label span.intermediate svg, .main_ui_workspace_context_menu__checkbox-icon.checked svg, .main_ui_workspace_context_menu__input-checkbox label span.checked svg, .main_ui_workspace_context_menu__input-element span svg,
.main_ui_workspace_context_menu__input-element label svg, .main_ui_workspace_context_menu__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_context_menu__button-icon-small, .main_ui_workspace_context_menu__icon-menu-item .main_ui_workspace_context_menu__shape-icon svg, .main_ui_workspace_context_menu__icon-menu-item .main_ui_workspace_context_menu__selected-icon svg, .main_ui_workspace_context_menu__context-menu-item .main_ui_workspace_context_menu__submenu-icon svg, .main_ui_workspace_context_menu__dropdown-element-base span svg, .main_ui_workspace_context_menu__attr-title button svg, .main_ui_workspace_context_menu__checkbox-icon.intermediate svg, .main_ui_workspace_context_menu__input-checkbox label span.intermediate svg, .main_ui_workspace_context_menu__checkbox-icon.checked svg, .main_ui_workspace_context_menu__input-checkbox label span.checked svg, .main_ui_workspace_context_menu__input-element span svg,
.main_ui_workspace_context_menu__input-element label svg, .main_ui_workspace_context_menu__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_context_menu__input-base, .main_ui_workspace_context_menu__input-with-label input, .main_ui_workspace_context_menu__input-element-label input, .main_ui_workspace_context_menu__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_context_menu__input-base[disabled], .main_ui_workspace_context_menu__input-with-label input[disabled], .main_ui_workspace_context_menu__input-element-label input[disabled], .main_ui_workspace_context_menu__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_context_menu__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_context_menu__input-label, .main_ui_workspace_context_menu__input-element span,
.main_ui_workspace_context_menu__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_context_menu__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_context_menu__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_context_menu__input-element span svg,
.main_ui_workspace_context_menu__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_context_menu__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_context_menu__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_context_menu__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_context_menu__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_context_menu__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_context_menu__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_context_menu__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_context_menu__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_context_menu__input-element:focus, .main_ui_workspace_context_menu__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_context_menu__input-element:focus span, .main_ui_workspace_context_menu__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_context_menu__input-element:focus input, .main_ui_workspace_context_menu__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_context_menu__input-element:focus:hover, .main_ui_workspace_context_menu__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_context_menu__input-element:focus:hover span, .main_ui_workspace_context_menu__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_context_menu__input-element:focus:hover input, .main_ui_workspace_context_menu__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_context_menu__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_context_menu__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_context_menu__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_context_menu__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_context_menu__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_context_menu__input-element-label:focus-within input, .main_ui_workspace_context_menu__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_context_menu__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_context_menu__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_context_menu__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_context_menu__input-with-label input:focus-within, .main_ui_workspace_context_menu__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_context_menu__input-with-label input:focus-within input, .main_ui_workspace_context_menu__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_context_menu__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_context_menu__modal-overlay-base {
  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);
}

.main_ui_workspace_context_menu__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_context_menu__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_context_menu__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_context_menu__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_context_menu__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_context_menu__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_context_menu__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_context_menu__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_context_menu__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_context_menu__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_context_menu__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_context_menu__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_context_menu__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_context_menu__colorpicker-handler {
  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;
}
.main_ui_workspace_context_menu__colorpicker-handler:hover, .main_ui_workspace_context_menu__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_context_menu__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_context_menu__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_context_menu__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_context_menu__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_context_menu__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_context_menu__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_context_menu__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_context_menu__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_context_menu__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_context_menu__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_context_menu__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_context_menu__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_context_menu__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_context_menu__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_context_menu__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_context_menu__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_context_menu__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_context_menu__workspace-context-menu {
  position: absolute;
  top: 2.5rem;
  left: 46rem;
  z-index: 4;
}

.main_ui_workspace_context_menu__context-list,
.main_ui_workspace_context_menu__workspace-context-submenu {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: grid;
  width: 15rem;
  padding: 0.25rem;
  border-radius: 0.5rem;
  border: 0.125rem solid var(--panel-border-color);
  background-color: var(--menu-background-color);
  max-height: 100vh;
  overflow-y: auto;
}

.main_ui_workspace_context_menu__workspace-context-submenu {
  position: absolute;
}

.main_ui_workspace_context_menu__separator {
  height: 0.75rem;
}

.main_ui_workspace_context_menu__context-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_context_menu__context-menu-item .main_ui_workspace_context_menu__title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--menu-foreground-color);
}
.main_ui_workspace_context_menu__context-menu-item .main_ui_workspace_context_menu__shortcut {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}
.main_ui_workspace_context_menu__context-menu-item .main_ui_workspace_context_menu__shortcut .main_ui_workspace_context_menu__shortcut-key {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}
.main_ui_workspace_context_menu__context-menu-item .main_ui_workspace_context_menu__submenu-icon svg {
  stroke: var(--menu-foreground-color);
}
.main_ui_workspace_context_menu__context-menu-item:hover {
  background-color: var(--menu-background-color-hover);
}
.main_ui_workspace_context_menu__context-menu-item:hover .main_ui_workspace_context_menu__title {
  color: var(--menu-foreground-color-hover);
}
.main_ui_workspace_context_menu__context-menu-item:hover .main_ui_workspace_context_menu__shortcut {
  color: var(--menu-shortcut-foreground-color-hover);
}
.main_ui_workspace_context_menu__context-menu-item:focus {
  border: 1px solid var(--menu-border-color-focus);
  background-color: var(--menu-background-color-focus);
}

.main_ui_workspace_context_menu__icon-menu-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 1.75rem;
  padding: 0.375rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_context_menu__icon-menu-item:hover {
  background-color: var(--menu-background-color-hover);
}
.main_ui_workspace_context_menu__icon-menu-item span.main_ui_workspace_context_menu__title {
  margin-left: 0.375rem;
}
.main_ui_workspace_context_menu__icon-menu-item .main_ui_workspace_context_menu__selected-icon svg {
  stroke: var(--menu-foreground-color);
}
.main_ui_workspace_context_menu__icon-menu-item .main_ui_workspace_context_menu__shape-icon {
  margin-left: 0.125rem;
}
.main_ui_workspace_context_menu__icon-menu-item .main_ui_workspace_context_menu__shape-icon svg {
  stroke: var(--menu-foreground-color);
}
.main_ui_workspace_context_menu__icon-menu-item .main_ui_workspace_context_menu__icon-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0;
}

.main_ui_workspace_context_menu__icon-menu-item[disabled],
.main_ui_workspace_context_menu__context-menu-item[disabled] {
  pointer-events: none;
  opacity: 0.6;
}
@keyframes main_ui_workspace_coordinates__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_coordinates__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_coordinates__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_coordinates__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_coordinates__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_coordinates__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_coordinates__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_coordinates__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_coordinates__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_coordinates__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_coordinates__new-scrollbar ::placeholder,
.main_ui_workspace_coordinates__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_coordinates__button-primary, .main_ui_workspace_coordinates__modal-danger-btn, .main_ui_workspace_coordinates__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_coordinates__button-primary:focus-visible, .main_ui_workspace_coordinates__modal-danger-btn:focus-visible, .main_ui_workspace_coordinates__modal-accept-btn: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);
}
.main_ui_workspace_coordinates__button-primary:focus-visible svg, .main_ui_workspace_coordinates__modal-danger-btn:focus-visible svg, .main_ui_workspace_coordinates__modal-accept-btn:focus-visible svg,
.main_ui_workspace_coordinates__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_coordinates__button-primary svg, .main_ui_workspace_coordinates__modal-danger-btn svg, .main_ui_workspace_coordinates__modal-accept-btn svg,
.main_ui_workspace_coordinates__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_coordinates__button-primary:hover, .main_ui_workspace_coordinates__modal-danger-btn:hover, .main_ui_workspace_coordinates__modal-accept-btn: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;
}
.main_ui_workspace_coordinates__button-primary:hover svg, .main_ui_workspace_coordinates__modal-danger-btn:hover svg, .main_ui_workspace_coordinates__modal-accept-btn:hover svg,
.main_ui_workspace_coordinates__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_coordinates__button-primary:active, .main_ui_workspace_coordinates__modal-danger-btn:active, .main_ui_workspace_coordinates__modal-accept-btn: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;
}
.main_ui_workspace_coordinates__button-primary:active svg, .main_ui_workspace_coordinates__modal-danger-btn:active svg, .main_ui_workspace_coordinates__modal-accept-btn:active svg,
.main_ui_workspace_coordinates__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_coordinates__button-primary.disabled, .main_ui_workspace_coordinates__modal-danger-btn.disabled, .main_ui_workspace_coordinates__modal-accept-btn.disabled, .main_ui_workspace_coordinates__button-primary[disabled], [disabled].main_ui_workspace_coordinates__modal-danger-btn, [disabled].main_ui_workspace_coordinates__modal-accept-btn, .main_ui_workspace_coordinates__button-primary:disabled, .main_ui_workspace_coordinates__modal-danger-btn:disabled, .main_ui_workspace_coordinates__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_coordinates__button-secondary, .main_ui_workspace_coordinates__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_coordinates__button-secondary:focus-visible, .main_ui_workspace_coordinates__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_coordinates__button-secondary:focus-visible svg, .main_ui_workspace_coordinates__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_coordinates__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_coordinates__button-secondary svg, .main_ui_workspace_coordinates__modal-cancel-btn svg,
.main_ui_workspace_coordinates__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_coordinates__button-secondary:hover, .main_ui_workspace_coordinates__modal-cancel-btn: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;
}
.main_ui_workspace_coordinates__button-secondary:hover svg, .main_ui_workspace_coordinates__modal-cancel-btn:hover svg,
.main_ui_workspace_coordinates__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_coordinates__button-secondary:active, .main_ui_workspace_coordinates__modal-cancel-btn: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);
}
.main_ui_workspace_coordinates__button-secondary:active svg, .main_ui_workspace_coordinates__modal-cancel-btn:active svg,
.main_ui_workspace_coordinates__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_coordinates__button-secondary.disabled, .main_ui_workspace_coordinates__modal-cancel-btn.disabled, .main_ui_workspace_coordinates__button-secondary[disabled], [disabled].main_ui_workspace_coordinates__modal-cancel-btn, .main_ui_workspace_coordinates__button-secondary:disabled, .main_ui_workspace_coordinates__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_coordinates__button-tertiary, .main_ui_workspace_coordinates__attr-title button, .main_ui_workspace_coordinates__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_coordinates__button-tertiary:focus-visible, .main_ui_workspace_coordinates__attr-title button:focus-visible, .main_ui_workspace_coordinates__modal-close-btn-base: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);
}
.main_ui_workspace_coordinates__button-tertiary:focus-visible svg, .main_ui_workspace_coordinates__attr-title button:focus-visible svg, .main_ui_workspace_coordinates__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_coordinates__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_coordinates__button-tertiary svg, .main_ui_workspace_coordinates__attr-title button svg, .main_ui_workspace_coordinates__modal-close-btn-base svg,
.main_ui_workspace_coordinates__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_coordinates__button-tertiary:hover, .main_ui_workspace_coordinates__attr-title button:hover, .main_ui_workspace_coordinates__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_coordinates__button-tertiary:hover svg, .main_ui_workspace_coordinates__attr-title button:hover svg, .main_ui_workspace_coordinates__modal-close-btn-base:hover svg,
.main_ui_workspace_coordinates__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_coordinates__button-tertiary:active, .main_ui_workspace_coordinates__attr-title button:active, .main_ui_workspace_coordinates__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_coordinates__button-tertiary:active svg, .main_ui_workspace_coordinates__attr-title button:active svg, .main_ui_workspace_coordinates__modal-close-btn-base:active svg,
.main_ui_workspace_coordinates__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_coordinates__button-tertiary.disabled, .main_ui_workspace_coordinates__attr-title button.disabled, .main_ui_workspace_coordinates__modal-close-btn-base.disabled, .main_ui_workspace_coordinates__button-tertiary[disabled], .main_ui_workspace_coordinates__attr-title button[disabled], [disabled].main_ui_workspace_coordinates__modal-close-btn-base, .main_ui_workspace_coordinates__button-tertiary:disabled, .main_ui_workspace_coordinates__attr-title button:disabled, .main_ui_workspace_coordinates__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_coordinates__button-tertiary.disabled svg, .main_ui_workspace_coordinates__attr-title button.disabled svg, .main_ui_workspace_coordinates__modal-close-btn-base.disabled svg,
.main_ui_workspace_coordinates__button-tertiary.disabled span svg, .main_ui_workspace_coordinates__button-tertiary[disabled] svg, .main_ui_workspace_coordinates__attr-title button[disabled] svg, [disabled].main_ui_workspace_coordinates__modal-close-btn-base svg,
.main_ui_workspace_coordinates__button-tertiary[disabled] span svg, .main_ui_workspace_coordinates__button-tertiary:disabled svg, .main_ui_workspace_coordinates__attr-title button:disabled svg, .main_ui_workspace_coordinates__modal-close-btn-base:disabled svg,
.main_ui_workspace_coordinates__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_coordinates__button-icon-selected {
  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);
}
.main_ui_workspace_coordinates__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_coordinates__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_coordinates__button-radio: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);
}
.main_ui_workspace_coordinates__button-radio:focus-visible svg,
.main_ui_workspace_coordinates__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_coordinates__button-radio svg,
.main_ui_workspace_coordinates__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_coordinates__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_coordinates__button-radio:hover svg,
.main_ui_workspace_coordinates__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_coordinates__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_coordinates__button-radio:active svg,
.main_ui_workspace_coordinates__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_coordinates__button-warning {
  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);
}

.main_ui_workspace_coordinates__button-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;
}

.main_ui_workspace_coordinates__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_coordinates__button-tag: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);
}
.main_ui_workspace_coordinates__button-tag:focus-visible svg,
.main_ui_workspace_coordinates__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_coordinates__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_coordinates__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_coordinates__button-icon, .main_ui_workspace_coordinates__empty-icon svg, .main_ui_workspace_coordinates__modal-close-btn-base svg, .main_ui_workspace_coordinates__button-icon-small, .main_ui_workspace_coordinates__dropdown-element-base span svg, .main_ui_workspace_coordinates__attr-title button svg, .main_ui_workspace_coordinates__checkbox-icon.intermediate svg, .main_ui_workspace_coordinates__input-checkbox label span.intermediate svg, .main_ui_workspace_coordinates__checkbox-icon.checked svg, .main_ui_workspace_coordinates__input-checkbox label span.checked svg, .main_ui_workspace_coordinates__input-element span svg,
.main_ui_workspace_coordinates__input-element label svg, .main_ui_workspace_coordinates__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_coordinates__button-icon-small, .main_ui_workspace_coordinates__dropdown-element-base span svg, .main_ui_workspace_coordinates__attr-title button svg, .main_ui_workspace_coordinates__checkbox-icon.intermediate svg, .main_ui_workspace_coordinates__input-checkbox label span.intermediate svg, .main_ui_workspace_coordinates__checkbox-icon.checked svg, .main_ui_workspace_coordinates__input-checkbox label span.checked svg, .main_ui_workspace_coordinates__input-element span svg,
.main_ui_workspace_coordinates__input-element label svg, .main_ui_workspace_coordinates__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_coordinates__input-base, .main_ui_workspace_coordinates__input-with-label input, .main_ui_workspace_coordinates__input-element-label input, .main_ui_workspace_coordinates__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_coordinates__input-base[disabled], .main_ui_workspace_coordinates__input-with-label input[disabled], .main_ui_workspace_coordinates__input-element-label input[disabled], .main_ui_workspace_coordinates__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_coordinates__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_coordinates__input-label, .main_ui_workspace_coordinates__input-element span,
.main_ui_workspace_coordinates__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_coordinates__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_coordinates__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_coordinates__input-element span svg,
.main_ui_workspace_coordinates__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_coordinates__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_coordinates__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_coordinates__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_coordinates__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_coordinates__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_coordinates__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_coordinates__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_coordinates__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_coordinates__input-element:focus, .main_ui_workspace_coordinates__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_coordinates__input-element:focus span, .main_ui_workspace_coordinates__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_coordinates__input-element:focus input, .main_ui_workspace_coordinates__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_coordinates__input-element:focus:hover, .main_ui_workspace_coordinates__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_coordinates__input-element:focus:hover span, .main_ui_workspace_coordinates__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_coordinates__input-element:focus:hover input, .main_ui_workspace_coordinates__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_coordinates__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_coordinates__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_coordinates__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_coordinates__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_coordinates__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_coordinates__input-element-label:focus-within input, .main_ui_workspace_coordinates__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_coordinates__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_coordinates__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_coordinates__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_coordinates__input-with-label input:focus-within, .main_ui_workspace_coordinates__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_coordinates__input-with-label input:focus-within input, .main_ui_workspace_coordinates__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_coordinates__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_coordinates__modal-overlay-base {
  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);
}

.main_ui_workspace_coordinates__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_coordinates__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_coordinates__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_coordinates__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_coordinates__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_coordinates__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_coordinates__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_coordinates__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_coordinates__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_coordinates__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_coordinates__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_coordinates__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_coordinates__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_coordinates__colorpicker-handler {
  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;
}
.main_ui_workspace_coordinates__colorpicker-handler:hover, .main_ui_workspace_coordinates__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_coordinates__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_coordinates__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_coordinates__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_coordinates__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_coordinates__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_coordinates__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_coordinates__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_coordinates__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_coordinates__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_coordinates__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_coordinates__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_coordinates__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_coordinates__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_coordinates__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_coordinates__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_coordinates__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_coordinates__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_coordinates__container {
  background-color: var(--color-background-primary);
  border-radius: 0.25rem;
  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;
}

.main_ui_workspace_coordinates__container-color-palette-open {
  bottom: 4rem;
}

.main_ui_workspace_coordinates__coordinate {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
}
@keyframes main_ui_workspace_left_header__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_left_header__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_left_header__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_left_header__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_left_header__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_left_header__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_left_header__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_left_header__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_left_header__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_left_header__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_left_header__new-scrollbar ::placeholder,
.main_ui_workspace_left_header__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_left_header__button-primary, .main_ui_workspace_left_header__modal-danger-btn, .main_ui_workspace_left_header__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_left_header__button-primary:focus-visible, .main_ui_workspace_left_header__modal-danger-btn:focus-visible, .main_ui_workspace_left_header__modal-accept-btn: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);
}
.main_ui_workspace_left_header__button-primary:focus-visible svg, .main_ui_workspace_left_header__modal-danger-btn:focus-visible svg, .main_ui_workspace_left_header__modal-accept-btn:focus-visible svg,
.main_ui_workspace_left_header__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_left_header__button-primary svg, .main_ui_workspace_left_header__modal-danger-btn svg, .main_ui_workspace_left_header__modal-accept-btn svg,
.main_ui_workspace_left_header__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_left_header__button-primary:hover, .main_ui_workspace_left_header__modal-danger-btn:hover, .main_ui_workspace_left_header__modal-accept-btn: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;
}
.main_ui_workspace_left_header__button-primary:hover svg, .main_ui_workspace_left_header__modal-danger-btn:hover svg, .main_ui_workspace_left_header__modal-accept-btn:hover svg,
.main_ui_workspace_left_header__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_left_header__button-primary:active, .main_ui_workspace_left_header__modal-danger-btn:active, .main_ui_workspace_left_header__modal-accept-btn: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;
}
.main_ui_workspace_left_header__button-primary:active svg, .main_ui_workspace_left_header__modal-danger-btn:active svg, .main_ui_workspace_left_header__modal-accept-btn:active svg,
.main_ui_workspace_left_header__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_left_header__button-primary.disabled, .main_ui_workspace_left_header__modal-danger-btn.disabled, .main_ui_workspace_left_header__modal-accept-btn.disabled, .main_ui_workspace_left_header__button-primary[disabled], [disabled].main_ui_workspace_left_header__modal-danger-btn, [disabled].main_ui_workspace_left_header__modal-accept-btn, .main_ui_workspace_left_header__button-primary:disabled, .main_ui_workspace_left_header__modal-danger-btn:disabled, .main_ui_workspace_left_header__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_left_header__button-secondary, .main_ui_workspace_left_header__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_left_header__button-secondary:focus-visible, .main_ui_workspace_left_header__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_left_header__button-secondary:focus-visible svg, .main_ui_workspace_left_header__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_left_header__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_left_header__button-secondary svg, .main_ui_workspace_left_header__modal-cancel-btn svg,
.main_ui_workspace_left_header__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_left_header__button-secondary:hover, .main_ui_workspace_left_header__modal-cancel-btn: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;
}
.main_ui_workspace_left_header__button-secondary:hover svg, .main_ui_workspace_left_header__modal-cancel-btn:hover svg,
.main_ui_workspace_left_header__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_left_header__button-secondary:active, .main_ui_workspace_left_header__modal-cancel-btn: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);
}
.main_ui_workspace_left_header__button-secondary:active svg, .main_ui_workspace_left_header__modal-cancel-btn:active svg,
.main_ui_workspace_left_header__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_left_header__button-secondary.disabled, .main_ui_workspace_left_header__modal-cancel-btn.disabled, .main_ui_workspace_left_header__button-secondary[disabled], [disabled].main_ui_workspace_left_header__modal-cancel-btn, .main_ui_workspace_left_header__button-secondary:disabled, .main_ui_workspace_left_header__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_left_header__button-tertiary, .main_ui_workspace_left_header__attr-title button, .main_ui_workspace_left_header__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_left_header__button-tertiary:focus-visible, .main_ui_workspace_left_header__attr-title button:focus-visible, .main_ui_workspace_left_header__modal-close-btn-base: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);
}
.main_ui_workspace_left_header__button-tertiary:focus-visible svg, .main_ui_workspace_left_header__attr-title button:focus-visible svg, .main_ui_workspace_left_header__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_left_header__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_left_header__button-tertiary svg, .main_ui_workspace_left_header__attr-title button svg, .main_ui_workspace_left_header__modal-close-btn-base svg,
.main_ui_workspace_left_header__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_left_header__button-tertiary:hover, .main_ui_workspace_left_header__attr-title button:hover, .main_ui_workspace_left_header__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_left_header__button-tertiary:hover svg, .main_ui_workspace_left_header__attr-title button:hover svg, .main_ui_workspace_left_header__modal-close-btn-base:hover svg,
.main_ui_workspace_left_header__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_left_header__button-tertiary:active, .main_ui_workspace_left_header__attr-title button:active, .main_ui_workspace_left_header__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_left_header__button-tertiary:active svg, .main_ui_workspace_left_header__attr-title button:active svg, .main_ui_workspace_left_header__modal-close-btn-base:active svg,
.main_ui_workspace_left_header__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_left_header__button-tertiary.disabled, .main_ui_workspace_left_header__attr-title button.disabled, .main_ui_workspace_left_header__modal-close-btn-base.disabled, .main_ui_workspace_left_header__button-tertiary[disabled], .main_ui_workspace_left_header__attr-title button[disabled], [disabled].main_ui_workspace_left_header__modal-close-btn-base, .main_ui_workspace_left_header__button-tertiary:disabled, .main_ui_workspace_left_header__attr-title button:disabled, .main_ui_workspace_left_header__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_left_header__button-tertiary.disabled svg, .main_ui_workspace_left_header__attr-title button.disabled svg, .main_ui_workspace_left_header__modal-close-btn-base.disabled svg,
.main_ui_workspace_left_header__button-tertiary.disabled span svg, .main_ui_workspace_left_header__button-tertiary[disabled] svg, .main_ui_workspace_left_header__attr-title button[disabled] svg, [disabled].main_ui_workspace_left_header__modal-close-btn-base svg,
.main_ui_workspace_left_header__button-tertiary[disabled] span svg, .main_ui_workspace_left_header__button-tertiary:disabled svg, .main_ui_workspace_left_header__attr-title button:disabled svg, .main_ui_workspace_left_header__modal-close-btn-base:disabled svg,
.main_ui_workspace_left_header__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_left_header__button-icon-selected {
  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);
}
.main_ui_workspace_left_header__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_left_header__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_left_header__button-radio: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);
}
.main_ui_workspace_left_header__button-radio:focus-visible svg,
.main_ui_workspace_left_header__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_left_header__button-radio svg,
.main_ui_workspace_left_header__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_left_header__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_left_header__button-radio:hover svg,
.main_ui_workspace_left_header__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_left_header__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_left_header__button-radio:active svg,
.main_ui_workspace_left_header__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_left_header__button-warning {
  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);
}

.main_ui_workspace_left_header__button-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;
}

.main_ui_workspace_left_header__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_left_header__button-tag: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);
}
.main_ui_workspace_left_header__button-tag:focus-visible svg,
.main_ui_workspace_left_header__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_left_header__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_left_header__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_left_header__button-icon, .main_ui_workspace_left_header__empty-icon svg, .main_ui_workspace_left_header__modal-close-btn-base svg, .main_ui_workspace_left_header__button-icon-small, .main_ui_workspace_left_header__dropdown-element-base span svg, .main_ui_workspace_left_header__attr-title button svg, .main_ui_workspace_left_header__checkbox-icon.intermediate svg, .main_ui_workspace_left_header__input-checkbox label span.intermediate svg, .main_ui_workspace_left_header__checkbox-icon.checked svg, .main_ui_workspace_left_header__input-checkbox label span.checked svg, .main_ui_workspace_left_header__input-element span svg,
.main_ui_workspace_left_header__input-element label svg, .main_ui_workspace_left_header__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_left_header__button-icon-small, .main_ui_workspace_left_header__dropdown-element-base span svg, .main_ui_workspace_left_header__attr-title button svg, .main_ui_workspace_left_header__checkbox-icon.intermediate svg, .main_ui_workspace_left_header__input-checkbox label span.intermediate svg, .main_ui_workspace_left_header__checkbox-icon.checked svg, .main_ui_workspace_left_header__input-checkbox label span.checked svg, .main_ui_workspace_left_header__input-element span svg,
.main_ui_workspace_left_header__input-element label svg, .main_ui_workspace_left_header__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_left_header__input-base, .main_ui_workspace_left_header__input-with-label input, .main_ui_workspace_left_header__input-element-label input, .main_ui_workspace_left_header__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_left_header__input-base[disabled], .main_ui_workspace_left_header__input-with-label input[disabled], .main_ui_workspace_left_header__input-element-label input[disabled], .main_ui_workspace_left_header__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_left_header__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_left_header__input-label, .main_ui_workspace_left_header__input-element span,
.main_ui_workspace_left_header__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_left_header__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_left_header__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_left_header__input-element span svg,
.main_ui_workspace_left_header__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_left_header__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_left_header__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_left_header__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_left_header__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_left_header__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_left_header__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_left_header__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_left_header__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_left_header__input-element:focus, .main_ui_workspace_left_header__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_left_header__input-element:focus span, .main_ui_workspace_left_header__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_left_header__input-element:focus input, .main_ui_workspace_left_header__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_left_header__input-element:focus:hover, .main_ui_workspace_left_header__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_left_header__input-element:focus:hover span, .main_ui_workspace_left_header__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_left_header__input-element:focus:hover input, .main_ui_workspace_left_header__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_left_header__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_left_header__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_left_header__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_left_header__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_left_header__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_left_header__input-element-label:focus-within input, .main_ui_workspace_left_header__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_left_header__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_left_header__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_left_header__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_left_header__input-with-label input:focus-within, .main_ui_workspace_left_header__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_left_header__input-with-label input:focus-within input, .main_ui_workspace_left_header__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_left_header__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_left_header__modal-overlay-base {
  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);
}

.main_ui_workspace_left_header__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_left_header__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_left_header__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_left_header__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_left_header__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_left_header__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_left_header__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_left_header__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_left_header__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_left_header__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_left_header__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_left_header__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_left_header__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_left_header__colorpicker-handler {
  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;
}
.main_ui_workspace_left_header__colorpicker-handler:hover, .main_ui_workspace_left_header__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_left_header__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_left_header__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_left_header__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_left_header__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_left_header__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_left_header__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_left_header__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_left_header__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_left_header__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_left_header__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_left_header__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_left_header__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_left_header__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_left_header__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_left_header__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_left_header__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_left_header__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_left_header__workspace-header-left {
  display: flex;
  align-items: center;
  padding: 0.75rem 0.75rem 0.5rem 0.75rem;
  min-height: 3.25rem;
}

.main_ui_workspace_left_header__main-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  min-height: 2rem;
  margin-right: 0.25rem;
}
.main_ui_workspace_left_header__main-icon svg {
  min-height: 2rem;
  width: 2rem;
  fill: var(--icon-foreground-hover);
}

.main_ui_workspace_left_header__project-tree {
  position: relative;
  flex-grow: 1;
  height: 2rem;
  min-height: 2rem;
  max-width: calc(100% - 4rem);
}

.main_ui_workspace_left_header__project-name,
.main_ui_workspace_left_header__file-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  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;
}

.main_ui_workspace_left_header__file-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  text-transform: none;
  color: var(--title-foreground-color-hover);
  align-items: center;
  display: flex;
  flex-direction: row;
}

.main_ui_workspace_left_header__file-name-label {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main_ui_workspace_left_header__file-name-input {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  border: 0;
  padding: 0;
  border-radius: 0.25rem;
  background-color: var(--input-background-color);
  font-size: 0.875rem;
  color: var(--input-foreground-color);
  z-index: 20;
  white-space: break-spaces;
}
.main_ui_workspace_left_header__file-name-input:focus {
  outline: none;
}

.main_ui_workspace_left_header__shared-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 2rem;
  margin-right: 0.25rem;
}
.main_ui_workspace_left_header__shared-badge svg {
  stroke: var(--button-secondary-foreground-color-rest);
  fill: none;
  height: 1rem;
  width: 1rem;
}

.main_ui_workspace_left_header__status-notification {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  margin-right: 0.25rem;
  flex-shrink: 0;
  background-color: var(--status-widget-background-color-pending);
}
.main_ui_workspace_left_header__status-notification.main_ui_workspace_left_header__pending-status {
  background-color: var(--status-widget-background-color-warning);
}
.main_ui_workspace_left_header__status-notification.main_ui_workspace_left_header__saving-status {
  background-color: var(--status-widget-background-color-pending);
}
.main_ui_workspace_left_header__status-notification.main_ui_workspace_left_header__saved-status {
  background-color: var(--status-widget-background-color-success);
  animation: main_ui_workspace_left_header__jump 0.3s ease-out;
}
.main_ui_workspace_left_header__status-notification.main_ui_workspace_left_header__error-status {
  background-color: var(--status-widget-background-color-error);
}

@keyframes main_ui_workspace_left_header__jump {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(0);
  }
}
@charset "UTF-8";
@keyframes main_ui_workspace_libraries__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_libraries__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_libraries__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_libraries__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_libraries__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_libraries__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_libraries__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_libraries__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_libraries__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_libraries__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_libraries__new-scrollbar ::placeholder,
.main_ui_workspace_libraries__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_libraries__button-primary, .main_ui_workspace_libraries__primary-button, .main_ui_workspace_libraries__item-update, .main_ui_workspace_libraries__item-publish,
.main_ui_workspace_libraries__item-unpublish, .main_ui_workspace_libraries__modal-danger-btn, .main_ui_workspace_libraries__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_libraries__button-primary:focus-visible, .main_ui_workspace_libraries__primary-button:focus-visible, .main_ui_workspace_libraries__item-update:focus-visible, .main_ui_workspace_libraries__item-publish:focus-visible,
.main_ui_workspace_libraries__item-unpublish:focus-visible, .main_ui_workspace_libraries__modal-danger-btn:focus-visible, .main_ui_workspace_libraries__modal-accept-btn: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);
}
.main_ui_workspace_libraries__button-primary:focus-visible svg, .main_ui_workspace_libraries__primary-button:focus-visible svg, .main_ui_workspace_libraries__item-update:focus-visible svg, .main_ui_workspace_libraries__item-publish:focus-visible svg,
.main_ui_workspace_libraries__item-unpublish:focus-visible svg, .main_ui_workspace_libraries__modal-danger-btn:focus-visible svg, .main_ui_workspace_libraries__modal-accept-btn:focus-visible svg,
.main_ui_workspace_libraries__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_libraries__button-primary svg, .main_ui_workspace_libraries__primary-button svg, .main_ui_workspace_libraries__item-update svg, .main_ui_workspace_libraries__item-publish svg,
.main_ui_workspace_libraries__item-unpublish svg, .main_ui_workspace_libraries__modal-danger-btn svg, .main_ui_workspace_libraries__modal-accept-btn svg,
.main_ui_workspace_libraries__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_libraries__button-primary:hover, .main_ui_workspace_libraries__primary-button:hover, .main_ui_workspace_libraries__item-update:hover, .main_ui_workspace_libraries__item-publish:hover,
.main_ui_workspace_libraries__item-unpublish:hover, .main_ui_workspace_libraries__modal-danger-btn:hover, .main_ui_workspace_libraries__modal-accept-btn: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;
}
.main_ui_workspace_libraries__button-primary:hover svg, .main_ui_workspace_libraries__primary-button:hover svg, .main_ui_workspace_libraries__item-update:hover svg, .main_ui_workspace_libraries__item-publish:hover svg,
.main_ui_workspace_libraries__item-unpublish:hover svg, .main_ui_workspace_libraries__modal-danger-btn:hover svg, .main_ui_workspace_libraries__modal-accept-btn:hover svg,
.main_ui_workspace_libraries__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_libraries__button-primary:active, .main_ui_workspace_libraries__primary-button:active, .main_ui_workspace_libraries__item-update:active, .main_ui_workspace_libraries__item-publish:active,
.main_ui_workspace_libraries__item-unpublish:active, .main_ui_workspace_libraries__modal-danger-btn:active, .main_ui_workspace_libraries__modal-accept-btn: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;
}
.main_ui_workspace_libraries__button-primary:active svg, .main_ui_workspace_libraries__primary-button:active svg, .main_ui_workspace_libraries__item-update:active svg, .main_ui_workspace_libraries__item-publish:active svg,
.main_ui_workspace_libraries__item-unpublish:active svg, .main_ui_workspace_libraries__modal-danger-btn:active svg, .main_ui_workspace_libraries__modal-accept-btn:active svg,
.main_ui_workspace_libraries__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_libraries__button-primary.disabled, .main_ui_workspace_libraries__primary-button.disabled, .main_ui_workspace_libraries__item-update.disabled, .main_ui_workspace_libraries__item-publish.disabled,
.main_ui_workspace_libraries__item-unpublish.disabled, .main_ui_workspace_libraries__modal-danger-btn.disabled, .main_ui_workspace_libraries__modal-accept-btn.disabled, .main_ui_workspace_libraries__button-primary[disabled], [disabled].main_ui_workspace_libraries__primary-button, [disabled].main_ui_workspace_libraries__item-update, [disabled].main_ui_workspace_libraries__item-publish,
[disabled].main_ui_workspace_libraries__item-unpublish, [disabled].main_ui_workspace_libraries__modal-danger-btn, [disabled].main_ui_workspace_libraries__modal-accept-btn, .main_ui_workspace_libraries__button-primary:disabled, .main_ui_workspace_libraries__primary-button:disabled, .main_ui_workspace_libraries__item-update:disabled, .main_ui_workspace_libraries__item-publish:disabled,
.main_ui_workspace_libraries__item-unpublish:disabled, .main_ui_workspace_libraries__modal-danger-btn:disabled, .main_ui_workspace_libraries__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_libraries__button-secondary, .main_ui_workspace_libraries__sample-library-add, .main_ui_workspace_libraries__item-button,
.main_ui_workspace_libraries__item-button-shared, .main_ui_workspace_libraries__item-unpublish, .main_ui_workspace_libraries__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_libraries__button-secondary:focus-visible, .main_ui_workspace_libraries__sample-library-add:focus-visible, .main_ui_workspace_libraries__item-button:focus-visible,
.main_ui_workspace_libraries__item-button-shared:focus-visible, .main_ui_workspace_libraries__item-unpublish:focus-visible, .main_ui_workspace_libraries__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_libraries__button-secondary:focus-visible svg, .main_ui_workspace_libraries__sample-library-add:focus-visible svg, .main_ui_workspace_libraries__item-button:focus-visible svg,
.main_ui_workspace_libraries__item-button-shared:focus-visible svg, .main_ui_workspace_libraries__item-unpublish:focus-visible svg, .main_ui_workspace_libraries__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_libraries__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_libraries__button-secondary svg, .main_ui_workspace_libraries__sample-library-add svg, .main_ui_workspace_libraries__item-button svg,
.main_ui_workspace_libraries__item-button-shared svg, .main_ui_workspace_libraries__item-unpublish svg, .main_ui_workspace_libraries__modal-cancel-btn svg,
.main_ui_workspace_libraries__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_libraries__button-secondary:hover, .main_ui_workspace_libraries__sample-library-add:hover, .main_ui_workspace_libraries__item-button:hover,
.main_ui_workspace_libraries__item-button-shared:hover, .main_ui_workspace_libraries__item-unpublish:hover, .main_ui_workspace_libraries__modal-cancel-btn: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;
}
.main_ui_workspace_libraries__button-secondary:hover svg, .main_ui_workspace_libraries__sample-library-add:hover svg, .main_ui_workspace_libraries__item-button:hover svg,
.main_ui_workspace_libraries__item-button-shared:hover svg, .main_ui_workspace_libraries__item-unpublish:hover svg, .main_ui_workspace_libraries__modal-cancel-btn:hover svg,
.main_ui_workspace_libraries__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_libraries__button-secondary:active, .main_ui_workspace_libraries__sample-library-add:active, .main_ui_workspace_libraries__item-button:active,
.main_ui_workspace_libraries__item-button-shared:active, .main_ui_workspace_libraries__item-unpublish:active, .main_ui_workspace_libraries__modal-cancel-btn: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);
}
.main_ui_workspace_libraries__button-secondary:active svg, .main_ui_workspace_libraries__sample-library-add:active svg, .main_ui_workspace_libraries__item-button:active svg,
.main_ui_workspace_libraries__item-button-shared:active svg, .main_ui_workspace_libraries__item-unpublish:active svg, .main_ui_workspace_libraries__modal-cancel-btn:active svg,
.main_ui_workspace_libraries__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_libraries__button-secondary.disabled, .main_ui_workspace_libraries__sample-library-add.disabled, .main_ui_workspace_libraries__item-button.disabled,
.main_ui_workspace_libraries__item-button-shared.disabled, .main_ui_workspace_libraries__item-unpublish.disabled, .main_ui_workspace_libraries__modal-cancel-btn.disabled, .main_ui_workspace_libraries__button-secondary[disabled], [disabled].main_ui_workspace_libraries__sample-library-add, [disabled].main_ui_workspace_libraries__item-button,
[disabled].main_ui_workspace_libraries__item-button-shared, [disabled].main_ui_workspace_libraries__item-unpublish, [disabled].main_ui_workspace_libraries__modal-cancel-btn, .main_ui_workspace_libraries__button-secondary:disabled, .main_ui_workspace_libraries__sample-library-add:disabled, .main_ui_workspace_libraries__item-button:disabled,
.main_ui_workspace_libraries__item-button-shared:disabled, .main_ui_workspace_libraries__item-unpublish:disabled, .main_ui_workspace_libraries__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_libraries__button-tertiary, .main_ui_workspace_libraries__attr-title button, .main_ui_workspace_libraries__modal-close-btn-base, .main_ui_workspace_libraries__close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_libraries__button-tertiary:focus-visible, .main_ui_workspace_libraries__attr-title button:focus-visible, .main_ui_workspace_libraries__modal-close-btn-base:focus-visible, .main_ui_workspace_libraries__close-btn: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);
}
.main_ui_workspace_libraries__button-tertiary:focus-visible svg, .main_ui_workspace_libraries__attr-title button:focus-visible svg, .main_ui_workspace_libraries__modal-close-btn-base:focus-visible svg, .main_ui_workspace_libraries__close-btn:focus-visible svg,
.main_ui_workspace_libraries__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_libraries__button-tertiary svg, .main_ui_workspace_libraries__attr-title button svg, .main_ui_workspace_libraries__modal-close-btn-base svg, .main_ui_workspace_libraries__close-btn svg,
.main_ui_workspace_libraries__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_libraries__button-tertiary:hover, .main_ui_workspace_libraries__attr-title button:hover, .main_ui_workspace_libraries__modal-close-btn-base:hover, .main_ui_workspace_libraries__close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_libraries__button-tertiary:hover svg, .main_ui_workspace_libraries__attr-title button:hover svg, .main_ui_workspace_libraries__modal-close-btn-base:hover svg, .main_ui_workspace_libraries__close-btn:hover svg,
.main_ui_workspace_libraries__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_libraries__button-tertiary:active, .main_ui_workspace_libraries__attr-title button:active, .main_ui_workspace_libraries__modal-close-btn-base:active, .main_ui_workspace_libraries__close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_libraries__button-tertiary:active svg, .main_ui_workspace_libraries__attr-title button:active svg, .main_ui_workspace_libraries__modal-close-btn-base:active svg, .main_ui_workspace_libraries__close-btn:active svg,
.main_ui_workspace_libraries__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_libraries__button-tertiary.disabled, .main_ui_workspace_libraries__attr-title button.disabled, .main_ui_workspace_libraries__modal-close-btn-base.disabled, .main_ui_workspace_libraries__close-btn.disabled, .main_ui_workspace_libraries__button-tertiary[disabled], .main_ui_workspace_libraries__attr-title button[disabled], [disabled].main_ui_workspace_libraries__modal-close-btn-base, [disabled].main_ui_workspace_libraries__close-btn, .main_ui_workspace_libraries__button-tertiary:disabled, .main_ui_workspace_libraries__attr-title button:disabled, .main_ui_workspace_libraries__modal-close-btn-base:disabled, .main_ui_workspace_libraries__close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_libraries__button-tertiary.disabled svg, .main_ui_workspace_libraries__attr-title button.disabled svg, .main_ui_workspace_libraries__modal-close-btn-base.disabled svg, .main_ui_workspace_libraries__close-btn.disabled svg,
.main_ui_workspace_libraries__button-tertiary.disabled span svg, .main_ui_workspace_libraries__button-tertiary[disabled] svg, .main_ui_workspace_libraries__attr-title button[disabled] svg, [disabled].main_ui_workspace_libraries__modal-close-btn-base svg, [disabled].main_ui_workspace_libraries__close-btn svg,
.main_ui_workspace_libraries__button-tertiary[disabled] span svg, .main_ui_workspace_libraries__button-tertiary:disabled svg, .main_ui_workspace_libraries__attr-title button:disabled svg, .main_ui_workspace_libraries__modal-close-btn-base:disabled svg, .main_ui_workspace_libraries__close-btn:disabled svg,
.main_ui_workspace_libraries__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_libraries__button-icon-selected {
  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);
}
.main_ui_workspace_libraries__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_libraries__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_libraries__button-radio: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);
}
.main_ui_workspace_libraries__button-radio:focus-visible svg,
.main_ui_workspace_libraries__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_libraries__button-radio svg,
.main_ui_workspace_libraries__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_libraries__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_libraries__button-radio:hover svg,
.main_ui_workspace_libraries__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_libraries__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_libraries__button-radio:active svg,
.main_ui_workspace_libraries__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_libraries__button-warning {
  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);
}

.main_ui_workspace_libraries__button-disabled, .main_ui_workspace_libraries__sample-library-adding, .main_ui_workspace_libraries__item-update: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;
}

.main_ui_workspace_libraries__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_libraries__button-tag: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);
}
.main_ui_workspace_libraries__button-tag:focus-visible svg,
.main_ui_workspace_libraries__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_libraries__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_libraries__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_libraries__button-icon, .main_ui_workspace_libraries__library-icon, .main_ui_workspace_libraries__detach-icon,
.main_ui_workspace_libraries__add-icon, .main_ui_workspace_libraries__close-icon, .main_ui_workspace_libraries__empty-icon svg, .main_ui_workspace_libraries__modal-close-btn-base svg, .main_ui_workspace_libraries__close-btn svg, .main_ui_workspace_libraries__button-icon-small, .main_ui_workspace_libraries__search-icon svg, .main_ui_workspace_libraries__dropdown-element-base span svg, .main_ui_workspace_libraries__attr-title button svg, .main_ui_workspace_libraries__checkbox-icon.intermediate svg, .main_ui_workspace_libraries__input-checkbox label span.intermediate svg, .main_ui_workspace_libraries__checkbox-icon.checked svg, .main_ui_workspace_libraries__input-checkbox label span.checked svg, .main_ui_workspace_libraries__input-element span svg,
.main_ui_workspace_libraries__input-element label svg, .main_ui_workspace_libraries__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_libraries__button-icon-small, .main_ui_workspace_libraries__search-icon svg, .main_ui_workspace_libraries__dropdown-element-base span svg, .main_ui_workspace_libraries__attr-title button svg, .main_ui_workspace_libraries__checkbox-icon.intermediate svg, .main_ui_workspace_libraries__input-checkbox label span.intermediate svg, .main_ui_workspace_libraries__checkbox-icon.checked svg, .main_ui_workspace_libraries__input-checkbox label span.checked svg, .main_ui_workspace_libraries__input-element span svg,
.main_ui_workspace_libraries__input-element label svg, .main_ui_workspace_libraries__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_libraries__input-base, .main_ui_workspace_libraries__input-with-label input, .main_ui_workspace_libraries__input-element-label input, .main_ui_workspace_libraries__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_libraries__input-base[disabled], .main_ui_workspace_libraries__input-with-label input[disabled], .main_ui_workspace_libraries__input-element-label input[disabled], .main_ui_workspace_libraries__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_libraries__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_libraries__input-label, .main_ui_workspace_libraries__input-element span,
.main_ui_workspace_libraries__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_libraries__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_libraries__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_libraries__input-element span svg,
.main_ui_workspace_libraries__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_libraries__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_libraries__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_libraries__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_libraries__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_libraries__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_libraries__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_libraries__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_libraries__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_libraries__input-element:focus, .main_ui_workspace_libraries__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_libraries__input-element:focus span, .main_ui_workspace_libraries__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_libraries__input-element:focus input, .main_ui_workspace_libraries__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_libraries__input-element:focus:hover, .main_ui_workspace_libraries__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_libraries__input-element:focus:hover span, .main_ui_workspace_libraries__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_libraries__input-element:focus:hover input, .main_ui_workspace_libraries__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_libraries__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_libraries__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_libraries__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_libraries__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_libraries__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_libraries__input-element-label:focus-within input, .main_ui_workspace_libraries__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_libraries__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_libraries__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_libraries__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_libraries__input-with-label input:focus-within, .main_ui_workspace_libraries__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_libraries__input-with-label input:focus-within input, .main_ui_workspace_libraries__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_libraries__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_libraries__modal-overlay-base, .main_ui_workspace_libraries__modal-overlay {
  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);
}

.main_ui_workspace_libraries__modal-container-base, .main_ui_workspace_libraries__modal-dialog {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_libraries__modal-close-btn-base, .main_ui_workspace_libraries__close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_libraries__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_libraries__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_libraries__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_libraries__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_libraries__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_libraries__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_libraries__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_libraries__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_libraries__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_libraries__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_libraries__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_libraries__link, .main_ui_workspace_libraries__libraries-updates-see-all {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_libraries__colorpicker-handler {
  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;
}
.main_ui_workspace_libraries__colorpicker-handler:hover, .main_ui_workspace_libraries__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_libraries__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_libraries__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_libraries__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_libraries__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_libraries__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_libraries__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_libraries__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_libraries__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_libraries__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_libraries__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_libraries__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_libraries__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_libraries__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_libraries__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_libraries__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_libraries__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_libraries__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_libraries__modal-dialog {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 32.5rem;
  max-height: 32.5rem;
  width: 44.5rem;
  max-width: 44.5rem;
}

.main_ui_workspace_libraries__close-icon {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_libraries__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 400;
  margin-block-end: 1rem;
  color: var(--modal-title-foreground-color);
}

.main_ui_workspace_libraries__libraries-content,
.main_ui_workspace_libraries__updates-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  max-height: 25rem;
  padding-block-start: 1rem;
}

.main_ui_workspace_libraries__lib-section,
.main_ui_workspace_libraries__update-section,
.main_ui_workspace_libraries__shared-section {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0.5rem;
}

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

.main_ui_workspace_libraries__title-spacing-lib {
  margin: 0 0 0 calc(-1 * 0.5rem);
}

.main_ui_workspace_libraries__section-list,
.main_ui_workspace_libraries__section-list-shared {
  display: grid;
  grid-auto-rows: min-content;
  gap: 0.5rem;
  max-height: 20rem;
  overflow-y: auto;
}

.main_ui_workspace_libraries__section-list-item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
}

.main_ui_workspace_libraries__item-content {
  height: -moz-fit-content;
  height: fit-content;
}

.main_ui_workspace_libraries__item-publish,
.main_ui_workspace_libraries__item-unpublish {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2rem;
  min-width: 5.75rem;
  padding: 0.5rem 1.5rem;
  margin: 0;
  border-radius: 0.5rem;
}

.main_ui_workspace_libraries__item-button,
.main_ui_workspace_libraries__item-button-shared {
  height: 2rem;
  width: 2rem;
  margin-inline-start: 0.125rem;
  margin-inline-end: 0.5rem;
  padding: 0.5rem;
}

.main_ui_workspace_libraries__detach-icon,
.main_ui_workspace_libraries__add-icon {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_libraries__section-list-shared {
  max-height: 17rem;
}

.main_ui_workspace_libraries__section-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  margin-block-end: 0.75rem;
  color: var(--title-foreground-color);
}

.main_ui_workspace_libraries__search-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding: 0 0 0 0.5rem;
}
.main_ui_workspace_libraries__search-icon svg {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_libraries__section-list-empty {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  display: grid;
  grid-template-rows: auto 1fr;
  justify-items: center;
  gap: 0.5rem;
  text-align: center;
  height: -moz-fit-content;
  height: fit-content;
  margin-block: 1rem;
  color: var(--modal-title-foreground-color);
}

.main_ui_workspace_libraries__empty-state-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: var(--pill-background-color);
}

.main_ui_workspace_libraries__library-icon {
  stroke: var(--icon-foreground);
  height: 2rem;
  width: 2rem;
}

.main_ui_workspace_libraries__libraries-updates-see-all {
  direction: rtl;
  grid-column: span 3;
  margin-block-start: 0.5rem;
  margin-inline-start: 0.5rem;
  margin: 0;
}

.main_ui_workspace_libraries__updates-content {
  grid-template-columns: 1fr;
}

.main_ui_workspace_libraries__libraries-updates {
  display: grid;
  grid-column: span 3;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  gap: 1.5rem;
  margin-block-start: 1rem;
}

.main_ui_workspace_libraries__libraries-updates-column {
  display: grid;
  gap: 0.25rem;
}

.main_ui_workspace_libraries__libraries-updates-item {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 0.5rem;
  color: var(--library-content-foreground-color);
}

.main_ui_workspace_libraries__component-svg {
  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;
}

.main_ui_workspace_libraries__name-block {
  color: var(--library-content-foreground-color);
  width: 10.5rem;
}

.main_ui_workspace_libraries__ellipsis {
  padding-inline-start: calc(1.5rem + 0.5rem);
}

.main_ui_workspace_libraries__item-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  max-width: 15.25rem;
  color: var(--library-name-foreground-color);
}

.main_ui_workspace_libraries__item-update {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  height: 2rem;
  min-width: 5.75rem;
  padding: 0.5rem 1.5rem;
  margin-inline-end: 0.125rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_libraries__item-contents {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  color: var(--library-content-foreground-color);
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.main_ui_workspace_libraries__element-count {
  white-space: nowrap;
}
.main_ui_workspace_libraries__element-count:not(:last-child)::after {
  content: "·";
  margin-inline: 0.25rem;
}

.main_ui_workspace_libraries__modal-v2-info {
  width: 41.5rem;
  height: -moz-fit-content;
  height: fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.main_ui_workspace_libraries__modal-v2-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_workspace_libraries__info-content {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  margin-top: 2rem;
  gap: 1.5rem;
}

.main_ui_workspace_libraries__info-block {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  grid-template: "icon title" "icon content";
}

.main_ui_workspace_libraries__info-icon {
  grid-area: icon;
  width: 3.25rem;
  height: 3.25rem;
  margin-top: 0.5rem;
  border-radius: 50%;
  background: var(--color-background-quaternary);
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_libraries__info-icon svg {
  width: 2rem;
  height: 2rem;
  fill: var(--icon-foreground-active);
}

.main_ui_workspace_libraries__info-block-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  grid-area: title;
  color: var(--modal-title-foreground-color);
}

.main_ui_workspace_libraries__info-block-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  grid-area: content;
  color: var(--library-content-foreground-color);
}

.main_ui_workspace_libraries__info-bottom {
  display: flex;
  justify-content: flex-end;
  margin-block-start: 1.5rem;
  margin-inline-end: 0.5rem;
}

.main_ui_workspace_libraries__primary-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0px 1rem;
}

.main_ui_workspace_libraries__sample-libraries-info {
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  margin: 2rem;
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_libraries__sample-libraries-link {
  color: var(--color-accent-primary);
  font-weight: 400;
}
.main_ui_workspace_libraries__sample-libraries-link:hover {
  text-decoration: underline;
}

.main_ui_workspace_libraries__sample-libraries-container {
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  width: 100%;
  align-items: start;
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_libraries__sample-library-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0.5rem;
}

.main_ui_workspace_libraries__sample-library-item-name {
  font-size: 0.875rem;
  color: var(--color-foreground-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 14.5rem;
}

.main_ui_workspace_libraries__sample-library-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2rem;
  width: 5rem;
  margin: 0;
  border-radius: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@keyframes main_ui_workspace_main_menu__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_main_menu__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_main_menu__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_main_menu__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_main_menu__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_main_menu__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_main_menu__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_main_menu__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_main_menu__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_main_menu__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_main_menu__new-scrollbar ::placeholder,
.main_ui_workspace_main_menu__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_main_menu__button-primary, .main_ui_workspace_main_menu__modal-danger-btn, .main_ui_workspace_main_menu__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_main_menu__button-primary:focus-visible, .main_ui_workspace_main_menu__modal-danger-btn:focus-visible, .main_ui_workspace_main_menu__modal-accept-btn: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);
}
.main_ui_workspace_main_menu__button-primary:focus-visible svg, .main_ui_workspace_main_menu__modal-danger-btn:focus-visible svg, .main_ui_workspace_main_menu__modal-accept-btn:focus-visible svg,
.main_ui_workspace_main_menu__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_main_menu__button-primary svg, .main_ui_workspace_main_menu__modal-danger-btn svg, .main_ui_workspace_main_menu__modal-accept-btn svg,
.main_ui_workspace_main_menu__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_main_menu__button-primary:hover, .main_ui_workspace_main_menu__modal-danger-btn:hover, .main_ui_workspace_main_menu__modal-accept-btn: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;
}
.main_ui_workspace_main_menu__button-primary:hover svg, .main_ui_workspace_main_menu__modal-danger-btn:hover svg, .main_ui_workspace_main_menu__modal-accept-btn:hover svg,
.main_ui_workspace_main_menu__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_main_menu__button-primary:active, .main_ui_workspace_main_menu__modal-danger-btn:active, .main_ui_workspace_main_menu__modal-accept-btn: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;
}
.main_ui_workspace_main_menu__button-primary:active svg, .main_ui_workspace_main_menu__modal-danger-btn:active svg, .main_ui_workspace_main_menu__modal-accept-btn:active svg,
.main_ui_workspace_main_menu__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_main_menu__button-primary.disabled, .main_ui_workspace_main_menu__modal-danger-btn.disabled, .main_ui_workspace_main_menu__modal-accept-btn.disabled, .main_ui_workspace_main_menu__button-primary[disabled], [disabled].main_ui_workspace_main_menu__modal-danger-btn, [disabled].main_ui_workspace_main_menu__modal-accept-btn, .main_ui_workspace_main_menu__button-primary:disabled, .main_ui_workspace_main_menu__modal-danger-btn:disabled, .main_ui_workspace_main_menu__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_main_menu__button-secondary, .main_ui_workspace_main_menu__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_main_menu__button-secondary:focus-visible, .main_ui_workspace_main_menu__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_main_menu__button-secondary:focus-visible svg, .main_ui_workspace_main_menu__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_main_menu__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_main_menu__button-secondary svg, .main_ui_workspace_main_menu__modal-cancel-btn svg,
.main_ui_workspace_main_menu__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_main_menu__button-secondary:hover, .main_ui_workspace_main_menu__modal-cancel-btn: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;
}
.main_ui_workspace_main_menu__button-secondary:hover svg, .main_ui_workspace_main_menu__modal-cancel-btn:hover svg,
.main_ui_workspace_main_menu__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_main_menu__button-secondary:active, .main_ui_workspace_main_menu__modal-cancel-btn: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);
}
.main_ui_workspace_main_menu__button-secondary:active svg, .main_ui_workspace_main_menu__modal-cancel-btn:active svg,
.main_ui_workspace_main_menu__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_main_menu__button-secondary.disabled, .main_ui_workspace_main_menu__modal-cancel-btn.disabled, .main_ui_workspace_main_menu__button-secondary[disabled], [disabled].main_ui_workspace_main_menu__modal-cancel-btn, .main_ui_workspace_main_menu__button-secondary:disabled, .main_ui_workspace_main_menu__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_main_menu__button-tertiary, .main_ui_workspace_main_menu__attr-title button, .main_ui_workspace_main_menu__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_main_menu__button-tertiary:focus-visible, .main_ui_workspace_main_menu__attr-title button:focus-visible, .main_ui_workspace_main_menu__modal-close-btn-base: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);
}
.main_ui_workspace_main_menu__button-tertiary:focus-visible svg, .main_ui_workspace_main_menu__attr-title button:focus-visible svg, .main_ui_workspace_main_menu__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_main_menu__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_main_menu__button-tertiary svg, .main_ui_workspace_main_menu__attr-title button svg, .main_ui_workspace_main_menu__modal-close-btn-base svg,
.main_ui_workspace_main_menu__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_main_menu__button-tertiary:hover, .main_ui_workspace_main_menu__attr-title button:hover, .main_ui_workspace_main_menu__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_main_menu__button-tertiary:hover svg, .main_ui_workspace_main_menu__attr-title button:hover svg, .main_ui_workspace_main_menu__modal-close-btn-base:hover svg,
.main_ui_workspace_main_menu__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_main_menu__button-tertiary:active, .main_ui_workspace_main_menu__attr-title button:active, .main_ui_workspace_main_menu__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_main_menu__button-tertiary:active svg, .main_ui_workspace_main_menu__attr-title button:active svg, .main_ui_workspace_main_menu__modal-close-btn-base:active svg,
.main_ui_workspace_main_menu__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_main_menu__button-tertiary.disabled, .main_ui_workspace_main_menu__attr-title button.disabled, .main_ui_workspace_main_menu__modal-close-btn-base.disabled, .main_ui_workspace_main_menu__button-tertiary[disabled], .main_ui_workspace_main_menu__attr-title button[disabled], [disabled].main_ui_workspace_main_menu__modal-close-btn-base, .main_ui_workspace_main_menu__button-tertiary:disabled, .main_ui_workspace_main_menu__attr-title button:disabled, .main_ui_workspace_main_menu__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_main_menu__button-tertiary.disabled svg, .main_ui_workspace_main_menu__attr-title button.disabled svg, .main_ui_workspace_main_menu__modal-close-btn-base.disabled svg,
.main_ui_workspace_main_menu__button-tertiary.disabled span svg, .main_ui_workspace_main_menu__button-tertiary[disabled] svg, .main_ui_workspace_main_menu__attr-title button[disabled] svg, [disabled].main_ui_workspace_main_menu__modal-close-btn-base svg,
.main_ui_workspace_main_menu__button-tertiary[disabled] span svg, .main_ui_workspace_main_menu__button-tertiary:disabled svg, .main_ui_workspace_main_menu__attr-title button:disabled svg, .main_ui_workspace_main_menu__modal-close-btn-base:disabled svg,
.main_ui_workspace_main_menu__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_main_menu__button-icon-selected {
  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);
}
.main_ui_workspace_main_menu__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_main_menu__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_main_menu__button-radio: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);
}
.main_ui_workspace_main_menu__button-radio:focus-visible svg,
.main_ui_workspace_main_menu__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_main_menu__button-radio svg,
.main_ui_workspace_main_menu__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_main_menu__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_main_menu__button-radio:hover svg,
.main_ui_workspace_main_menu__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_main_menu__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_main_menu__button-radio:active svg,
.main_ui_workspace_main_menu__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_main_menu__button-warning {
  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);
}

.main_ui_workspace_main_menu__button-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;
}

.main_ui_workspace_main_menu__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_main_menu__button-tag: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);
}
.main_ui_workspace_main_menu__button-tag:focus-visible svg,
.main_ui_workspace_main_menu__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_main_menu__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_main_menu__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_main_menu__button-icon, .main_ui_workspace_main_menu__item-icon svg, .main_ui_workspace_main_menu__menu-item .main_ui_workspace_main_menu__open-arrow svg, .main_ui_workspace_main_menu__empty-icon svg, .main_ui_workspace_main_menu__modal-close-btn-base svg, .main_ui_workspace_main_menu__button-icon-small, .main_ui_workspace_main_menu__dropdown-element-base span svg, .main_ui_workspace_main_menu__attr-title button svg, .main_ui_workspace_main_menu__checkbox-icon.intermediate svg, .main_ui_workspace_main_menu__input-checkbox label span.intermediate svg, .main_ui_workspace_main_menu__checkbox-icon.checked svg, .main_ui_workspace_main_menu__input-checkbox label span.checked svg, .main_ui_workspace_main_menu__input-element span svg,
.main_ui_workspace_main_menu__input-element label svg, .main_ui_workspace_main_menu__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_main_menu__button-icon-small, .main_ui_workspace_main_menu__dropdown-element-base span svg, .main_ui_workspace_main_menu__attr-title button svg, .main_ui_workspace_main_menu__checkbox-icon.intermediate svg, .main_ui_workspace_main_menu__input-checkbox label span.intermediate svg, .main_ui_workspace_main_menu__checkbox-icon.checked svg, .main_ui_workspace_main_menu__input-checkbox label span.checked svg, .main_ui_workspace_main_menu__input-element span svg,
.main_ui_workspace_main_menu__input-element label svg, .main_ui_workspace_main_menu__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_main_menu__input-base, .main_ui_workspace_main_menu__input-with-label input, .main_ui_workspace_main_menu__input-element-label input, .main_ui_workspace_main_menu__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_main_menu__input-base[disabled], .main_ui_workspace_main_menu__input-with-label input[disabled], .main_ui_workspace_main_menu__input-element-label input[disabled], .main_ui_workspace_main_menu__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_main_menu__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_main_menu__input-label, .main_ui_workspace_main_menu__input-element span,
.main_ui_workspace_main_menu__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_main_menu__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_main_menu__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_main_menu__input-element span svg,
.main_ui_workspace_main_menu__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_main_menu__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_main_menu__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_main_menu__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_main_menu__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_main_menu__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_main_menu__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_main_menu__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_main_menu__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_main_menu__input-element:focus, .main_ui_workspace_main_menu__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_main_menu__input-element:focus span, .main_ui_workspace_main_menu__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_main_menu__input-element:focus input, .main_ui_workspace_main_menu__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_main_menu__input-element:focus:hover, .main_ui_workspace_main_menu__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_main_menu__input-element:focus:hover span, .main_ui_workspace_main_menu__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_main_menu__input-element:focus:hover input, .main_ui_workspace_main_menu__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_main_menu__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_main_menu__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_main_menu__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_main_menu__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_main_menu__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_main_menu__input-element-label:focus-within input, .main_ui_workspace_main_menu__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_main_menu__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_main_menu__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_main_menu__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_main_menu__input-with-label input:focus-within, .main_ui_workspace_main_menu__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_main_menu__input-with-label input:focus-within input, .main_ui_workspace_main_menu__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_main_menu__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_main_menu__modal-overlay-base {
  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);
}

.main_ui_workspace_main_menu__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_main_menu__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_main_menu__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_main_menu__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_main_menu__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_main_menu__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_main_menu__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_main_menu__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_main_menu__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_main_menu__shortcut-key-base, .main_ui_workspace_main_menu__shortcut-key {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_main_menu__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_main_menu__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_main_menu__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_main_menu__colorpicker-handler {
  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;
}
.main_ui_workspace_main_menu__colorpicker-handler:hover, .main_ui_workspace_main_menu__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_main_menu__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_main_menu__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_main_menu__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_main_menu__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_main_menu__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_main_menu__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_main_menu__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_main_menu__menu-dropdown, .main_ui_workspace_main_menu__sub-menu, .main_ui_workspace_main_menu__menu {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_main_menu__menu-item-base, .main_ui_workspace_main_menu__sub-menu .main_ui_workspace_main_menu__submenu-item, .main_ui_workspace_main_menu__menu-item {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_main_menu__menu-item-base:hover, .main_ui_workspace_main_menu__sub-menu .main_ui_workspace_main_menu__submenu-item:hover, .main_ui_workspace_main_menu__menu-item:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_main_menu__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_main_menu__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_main_menu__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_main_menu__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_main_menu__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_main_menu__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_main_menu__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_main_menu__menu {
  top: 3rem;
  left: calc(var(--width, 16rem) - 1rem);
  width: 12rem;
  margin: 0;
}

.main_ui_workspace_main_menu__menu-item {
  cursor: pointer;
}
.main_ui_workspace_main_menu__menu-item .main_ui_workspace_main_menu__open-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_main_menu__menu-item .main_ui_workspace_main_menu__open-arrow svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_main_menu__menu-item:hover {
  color: var(--menu-foreground-color-hover);
}
.main_ui_workspace_main_menu__menu-item:hover .main_ui_workspace_main_menu__open-arrow svg {
  stroke: var(--menu-foreground-color-hover);
}
.main_ui_workspace_main_menu__menu-item:hover .main_ui_workspace_main_menu__shortcut-key {
  color: var(--menu-shortcut-foreground-color-hover);
}

.main_ui_workspace_main_menu__separator {
  border-top: 1px solid var(--color-background-quaternary);
  height: 0.25rem;
  left: -0.25rem;
  margin-top: 0.5rem;
  position: relative;
  width: calc(100% + 0.5rem);
}

.main_ui_workspace_main_menu__sub-menu {
  left: calc(var(--width, 16rem) + 11.25rem);
  width: 12rem;
  min-width: calc(17rem - 0.125rem);
  width: 110%;
}
.main_ui_workspace_main_menu__sub-menu .main_ui_workspace_main_menu__submenu-item:hover {
  color: var(--menu-foreground-color-hover);
}
.main_ui_workspace_main_menu__sub-menu .main_ui_workspace_main_menu__submenu-item:hover .main_ui_workspace_main_menu__shortcut-key {
  color: var(--menu-shortcut-foreground-color-hover);
}
.main_ui_workspace_main_menu__sub-menu .main_ui_workspace_main_menu__menu-disabled {
  color: var(--color-foreground-secondary);
}
.main_ui_workspace_main_menu__sub-menu .main_ui_workspace_main_menu__menu-disabled:hover {
  cursor: default;
  color: var(--color-foreground-secondary);
  background-color: var(--menu-background-color);
}
.main_ui_workspace_main_menu__sub-menu.main_ui_workspace_main_menu__file {
  top: 3rem;
}
.main_ui_workspace_main_menu__sub-menu.main_ui_workspace_main_menu__edit {
  top: 4.75rem;
}
.main_ui_workspace_main_menu__sub-menu.main_ui_workspace_main_menu__view {
  top: 7.25rem;
}
.main_ui_workspace_main_menu__sub-menu.main_ui_workspace_main_menu__preferences {
  top: 9.25rem;
}
.main_ui_workspace_main_menu__sub-menu.main_ui_workspace_main_menu__plugins {
  top: 11.25rem;
  max-height: calc(100vh - 11.25rem);
  overflow-x: hidden;
  overflow-y: auto;
}
.main_ui_workspace_main_menu__sub-menu.main_ui_workspace_main_menu__help-info {
  top: 14.5rem;
}
.main_ui_workspace_main_menu__sub-menu.main_ui_workspace_main_menu__help-info-old {
  top: 12rem;
}

.main_ui_workspace_main_menu__item-icon svg {
  stroke: var(--icon-foreground);
}
@keyframes main_ui_workspace_nudge__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_nudge__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_nudge__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_nudge__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_nudge__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_nudge__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_nudge__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_nudge__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_nudge__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_nudge__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_nudge__new-scrollbar ::placeholder,
.main_ui_workspace_nudge__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_nudge__button-primary, .main_ui_workspace_nudge__modal-danger-btn, .main_ui_workspace_nudge__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_nudge__button-primary:focus-visible, .main_ui_workspace_nudge__modal-danger-btn:focus-visible, .main_ui_workspace_nudge__modal-accept-btn: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);
}
.main_ui_workspace_nudge__button-primary:focus-visible svg, .main_ui_workspace_nudge__modal-danger-btn:focus-visible svg, .main_ui_workspace_nudge__modal-accept-btn:focus-visible svg,
.main_ui_workspace_nudge__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_nudge__button-primary svg, .main_ui_workspace_nudge__modal-danger-btn svg, .main_ui_workspace_nudge__modal-accept-btn svg,
.main_ui_workspace_nudge__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_nudge__button-primary:hover, .main_ui_workspace_nudge__modal-danger-btn:hover, .main_ui_workspace_nudge__modal-accept-btn: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;
}
.main_ui_workspace_nudge__button-primary:hover svg, .main_ui_workspace_nudge__modal-danger-btn:hover svg, .main_ui_workspace_nudge__modal-accept-btn:hover svg,
.main_ui_workspace_nudge__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_nudge__button-primary:active, .main_ui_workspace_nudge__modal-danger-btn:active, .main_ui_workspace_nudge__modal-accept-btn: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;
}
.main_ui_workspace_nudge__button-primary:active svg, .main_ui_workspace_nudge__modal-danger-btn:active svg, .main_ui_workspace_nudge__modal-accept-btn:active svg,
.main_ui_workspace_nudge__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_nudge__button-primary.disabled, .main_ui_workspace_nudge__modal-danger-btn.disabled, .main_ui_workspace_nudge__modal-accept-btn.disabled, .main_ui_workspace_nudge__button-primary[disabled], [disabled].main_ui_workspace_nudge__modal-danger-btn, [disabled].main_ui_workspace_nudge__modal-accept-btn, .main_ui_workspace_nudge__button-primary:disabled, .main_ui_workspace_nudge__modal-danger-btn:disabled, .main_ui_workspace_nudge__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_nudge__button-secondary, .main_ui_workspace_nudge__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_nudge__button-secondary:focus-visible, .main_ui_workspace_nudge__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_nudge__button-secondary:focus-visible svg, .main_ui_workspace_nudge__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_nudge__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_nudge__button-secondary svg, .main_ui_workspace_nudge__modal-cancel-btn svg,
.main_ui_workspace_nudge__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_nudge__button-secondary:hover, .main_ui_workspace_nudge__modal-cancel-btn: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;
}
.main_ui_workspace_nudge__button-secondary:hover svg, .main_ui_workspace_nudge__modal-cancel-btn:hover svg,
.main_ui_workspace_nudge__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_nudge__button-secondary:active, .main_ui_workspace_nudge__modal-cancel-btn: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);
}
.main_ui_workspace_nudge__button-secondary:active svg, .main_ui_workspace_nudge__modal-cancel-btn:active svg,
.main_ui_workspace_nudge__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_nudge__button-secondary.disabled, .main_ui_workspace_nudge__modal-cancel-btn.disabled, .main_ui_workspace_nudge__button-secondary[disabled], [disabled].main_ui_workspace_nudge__modal-cancel-btn, .main_ui_workspace_nudge__button-secondary:disabled, .main_ui_workspace_nudge__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_nudge__button-tertiary, .main_ui_workspace_nudge__attr-title button, .main_ui_workspace_nudge__modal-close-btn-base, .main_ui_workspace_nudge__modal-close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_nudge__button-tertiary:focus-visible, .main_ui_workspace_nudge__attr-title button:focus-visible, .main_ui_workspace_nudge__modal-close-btn-base:focus-visible, .main_ui_workspace_nudge__modal-close-btn: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);
}
.main_ui_workspace_nudge__button-tertiary:focus-visible svg, .main_ui_workspace_nudge__attr-title button:focus-visible svg, .main_ui_workspace_nudge__modal-close-btn-base:focus-visible svg, .main_ui_workspace_nudge__modal-close-btn:focus-visible svg,
.main_ui_workspace_nudge__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_nudge__button-tertiary svg, .main_ui_workspace_nudge__attr-title button svg, .main_ui_workspace_nudge__modal-close-btn-base svg, .main_ui_workspace_nudge__modal-close-btn svg,
.main_ui_workspace_nudge__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_nudge__button-tertiary:hover, .main_ui_workspace_nudge__attr-title button:hover, .main_ui_workspace_nudge__modal-close-btn-base:hover, .main_ui_workspace_nudge__modal-close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_nudge__button-tertiary:hover svg, .main_ui_workspace_nudge__attr-title button:hover svg, .main_ui_workspace_nudge__modal-close-btn-base:hover svg, .main_ui_workspace_nudge__modal-close-btn:hover svg,
.main_ui_workspace_nudge__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_nudge__button-tertiary:active, .main_ui_workspace_nudge__attr-title button:active, .main_ui_workspace_nudge__modal-close-btn-base:active, .main_ui_workspace_nudge__modal-close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_nudge__button-tertiary:active svg, .main_ui_workspace_nudge__attr-title button:active svg, .main_ui_workspace_nudge__modal-close-btn-base:active svg, .main_ui_workspace_nudge__modal-close-btn:active svg,
.main_ui_workspace_nudge__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_nudge__button-tertiary.disabled, .main_ui_workspace_nudge__attr-title button.disabled, .main_ui_workspace_nudge__modal-close-btn-base.disabled, .main_ui_workspace_nudge__modal-close-btn.disabled, .main_ui_workspace_nudge__button-tertiary[disabled], .main_ui_workspace_nudge__attr-title button[disabled], [disabled].main_ui_workspace_nudge__modal-close-btn-base, [disabled].main_ui_workspace_nudge__modal-close-btn, .main_ui_workspace_nudge__button-tertiary:disabled, .main_ui_workspace_nudge__attr-title button:disabled, .main_ui_workspace_nudge__modal-close-btn-base:disabled, .main_ui_workspace_nudge__modal-close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_nudge__button-tertiary.disabled svg, .main_ui_workspace_nudge__attr-title button.disabled svg, .main_ui_workspace_nudge__modal-close-btn-base.disabled svg, .main_ui_workspace_nudge__modal-close-btn.disabled svg,
.main_ui_workspace_nudge__button-tertiary.disabled span svg, .main_ui_workspace_nudge__button-tertiary[disabled] svg, .main_ui_workspace_nudge__attr-title button[disabled] svg, [disabled].main_ui_workspace_nudge__modal-close-btn-base svg, [disabled].main_ui_workspace_nudge__modal-close-btn svg,
.main_ui_workspace_nudge__button-tertiary[disabled] span svg, .main_ui_workspace_nudge__button-tertiary:disabled svg, .main_ui_workspace_nudge__attr-title button:disabled svg, .main_ui_workspace_nudge__modal-close-btn-base:disabled svg, .main_ui_workspace_nudge__modal-close-btn:disabled svg,
.main_ui_workspace_nudge__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_nudge__button-icon-selected {
  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);
}
.main_ui_workspace_nudge__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_nudge__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_nudge__button-radio: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);
}
.main_ui_workspace_nudge__button-radio:focus-visible svg,
.main_ui_workspace_nudge__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_nudge__button-radio svg,
.main_ui_workspace_nudge__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_nudge__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_nudge__button-radio:hover svg,
.main_ui_workspace_nudge__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_nudge__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_nudge__button-radio:active svg,
.main_ui_workspace_nudge__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_nudge__button-warning {
  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);
}

.main_ui_workspace_nudge__button-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;
}

.main_ui_workspace_nudge__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_nudge__button-tag: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);
}
.main_ui_workspace_nudge__button-tag:focus-visible svg,
.main_ui_workspace_nudge__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_nudge__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_nudge__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_nudge__button-icon, .main_ui_workspace_nudge__empty-icon svg, .main_ui_workspace_nudge__modal-close-btn-base svg, .main_ui_workspace_nudge__modal-close-btn svg, .main_ui_workspace_nudge__button-icon-small, .main_ui_workspace_nudge__dropdown-element-base span svg, .main_ui_workspace_nudge__attr-title button svg, .main_ui_workspace_nudge__checkbox-icon.intermediate svg, .main_ui_workspace_nudge__input-checkbox label span.intermediate svg, .main_ui_workspace_nudge__checkbox-icon.checked svg, .main_ui_workspace_nudge__input-checkbox label span.checked svg, .main_ui_workspace_nudge__input-element span svg,
.main_ui_workspace_nudge__input-element label svg, .main_ui_workspace_nudge__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_nudge__button-icon-small, .main_ui_workspace_nudge__dropdown-element-base span svg, .main_ui_workspace_nudge__attr-title button svg, .main_ui_workspace_nudge__checkbox-icon.intermediate svg, .main_ui_workspace_nudge__input-checkbox label span.intermediate svg, .main_ui_workspace_nudge__checkbox-icon.checked svg, .main_ui_workspace_nudge__input-checkbox label span.checked svg, .main_ui_workspace_nudge__input-element span svg,
.main_ui_workspace_nudge__input-element label svg, .main_ui_workspace_nudge__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_nudge__input-base, .main_ui_workspace_nudge__input-with-label input, .main_ui_workspace_nudge__input-wrapper input, .main_ui_workspace_nudge__input-element-label input, .main_ui_workspace_nudge__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_nudge__input-base[disabled], .main_ui_workspace_nudge__input-with-label input[disabled], .main_ui_workspace_nudge__input-wrapper input[disabled], .main_ui_workspace_nudge__input-element-label input[disabled], .main_ui_workspace_nudge__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_nudge__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_nudge__input-label, .main_ui_workspace_nudge__input-element span,
.main_ui_workspace_nudge__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_nudge__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_nudge__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_nudge__input-element span svg,
.main_ui_workspace_nudge__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_nudge__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_nudge__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_nudge__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_nudge__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_nudge__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_nudge__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_nudge__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_nudge__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_nudge__input-element:focus, .main_ui_workspace_nudge__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_nudge__input-element:focus span, .main_ui_workspace_nudge__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_nudge__input-element:focus input, .main_ui_workspace_nudge__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_nudge__input-element:focus:hover, .main_ui_workspace_nudge__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_nudge__input-element:focus:hover span, .main_ui_workspace_nudge__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_nudge__input-element:focus:hover input, .main_ui_workspace_nudge__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_nudge__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_nudge__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_nudge__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_nudge__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_nudge__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_nudge__input-element-label:focus-within input, .main_ui_workspace_nudge__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_nudge__disabled-input, .main_ui_workspace_nudge__input-with-label.disabled, .main_ui_workspace_nudge__input-wrapper.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_nudge__disabled-input input, .main_ui_workspace_nudge__input-with-label.disabled input, .main_ui_workspace_nudge__input-wrapper.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_nudge__disabled-input span svg, .main_ui_workspace_nudge__input-with-label.disabled span svg, .main_ui_workspace_nudge__input-wrapper.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

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

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

.main_ui_workspace_nudge__input-with-label, .main_ui_workspace_nudge__input-wrapper {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_nudge__input-with-label label, .main_ui_workspace_nudge__input-wrapper label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_nudge__input-with-label input, .main_ui_workspace_nudge__input-wrapper input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_nudge__input-with-label input:focus-within, .main_ui_workspace_nudge__input-wrapper input:focus-within, .main_ui_workspace_nudge__input-with-label input:active, .main_ui_workspace_nudge__input-wrapper input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_nudge__input-with-label input:focus-within input, .main_ui_workspace_nudge__input-wrapper input:focus-within input, .main_ui_workspace_nudge__input-with-label input:active input, .main_ui_workspace_nudge__input-wrapper input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_nudge__input-with-label.invalid input, .main_ui_workspace_nudge__input-wrapper.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_nudge__modal-overlay-base, .main_ui_workspace_nudge__modal-overlay {
  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);
}

.main_ui_workspace_nudge__modal-container-base, .main_ui_workspace_nudge__modal-container {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_nudge__modal-close-btn-base, .main_ui_workspace_nudge__modal-close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_nudge__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_nudge__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_nudge__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_nudge__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_nudge__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_nudge__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_nudge__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_nudge__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_nudge__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_nudge__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_nudge__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_nudge__colorpicker-handler {
  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;
}
.main_ui_workspace_nudge__colorpicker-handler:hover, .main_ui_workspace_nudge__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_nudge__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_nudge__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_nudge__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_nudge__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_nudge__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_nudge__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_nudge__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_nudge__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_nudge__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_nudge__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_nudge__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_nudge__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_nudge__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_nudge__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_nudge__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_nudge__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_nudge__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_nudge__modal-container {
  min-width: 25.5rem;
}

.main_ui_workspace_nudge__modal-header {
  margin-bottom: 1.5rem;
}

.main_ui_workspace_nudge__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_workspace_nudge__modal-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 1.5rem;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.main_ui_workspace_nudge__input-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}
.main_ui_workspace_nudge__input-wrapper label {
  text-transform: none;
}

.main_ui_workspace_nudge__modal-msg {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
  line-height: 1.5;
}
:root {
  --sp-xxs: 0.125rem;
  --sp-xs: 0.25rem;
  --sp-s: 0.5rem;
  --sp-m: 0.75rem;
  --sp-l: 1rem;
  --sp-xl: 1.25rem;
  --sp-xxl: 1.5rem;
  --sp-xxxl: 2rem;
  --sp-600: 37.5rem;
  --sp-800: 50rem;
}

: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;
}

@keyframes main_ui_workspace_palette__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_palette__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_palette__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_palette__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_palette__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_palette__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_palette__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_palette__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_palette__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_palette__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_palette__new-scrollbar ::placeholder,
.main_ui_workspace_palette__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_palette__button-primary, .main_ui_workspace_palette__modal-danger-btn, .main_ui_workspace_palette__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_palette__button-primary:focus-visible, .main_ui_workspace_palette__modal-danger-btn:focus-visible, .main_ui_workspace_palette__modal-accept-btn: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);
}
.main_ui_workspace_palette__button-primary:focus-visible svg, .main_ui_workspace_palette__modal-danger-btn:focus-visible svg, .main_ui_workspace_palette__modal-accept-btn:focus-visible svg,
.main_ui_workspace_palette__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_palette__button-primary svg, .main_ui_workspace_palette__modal-danger-btn svg, .main_ui_workspace_palette__modal-accept-btn svg,
.main_ui_workspace_palette__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_palette__button-primary:hover, .main_ui_workspace_palette__modal-danger-btn:hover, .main_ui_workspace_palette__modal-accept-btn: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;
}
.main_ui_workspace_palette__button-primary:hover svg, .main_ui_workspace_palette__modal-danger-btn:hover svg, .main_ui_workspace_palette__modal-accept-btn:hover svg,
.main_ui_workspace_palette__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_palette__button-primary:active, .main_ui_workspace_palette__modal-danger-btn:active, .main_ui_workspace_palette__modal-accept-btn: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;
}
.main_ui_workspace_palette__button-primary:active svg, .main_ui_workspace_palette__modal-danger-btn:active svg, .main_ui_workspace_palette__modal-accept-btn:active svg,
.main_ui_workspace_palette__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_palette__button-primary.disabled, .main_ui_workspace_palette__modal-danger-btn.disabled, .main_ui_workspace_palette__modal-accept-btn.disabled, .main_ui_workspace_palette__button-primary[disabled], [disabled].main_ui_workspace_palette__modal-danger-btn, [disabled].main_ui_workspace_palette__modal-accept-btn, .main_ui_workspace_palette__button-primary:disabled, .main_ui_workspace_palette__modal-danger-btn:disabled, .main_ui_workspace_palette__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_palette__button-secondary, .main_ui_workspace_palette__help-btn, .main_ui_workspace_palette__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_palette__button-secondary:focus-visible, .main_ui_workspace_palette__help-btn:focus-visible, .main_ui_workspace_palette__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_palette__button-secondary:focus-visible svg, .main_ui_workspace_palette__help-btn:focus-visible svg, .main_ui_workspace_palette__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_palette__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_palette__button-secondary svg, .main_ui_workspace_palette__help-btn svg, .main_ui_workspace_palette__modal-cancel-btn svg,
.main_ui_workspace_palette__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_palette__button-secondary:hover, .main_ui_workspace_palette__help-btn:hover, .main_ui_workspace_palette__modal-cancel-btn: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;
}
.main_ui_workspace_palette__button-secondary:hover svg, .main_ui_workspace_palette__help-btn:hover svg, .main_ui_workspace_palette__modal-cancel-btn:hover svg,
.main_ui_workspace_palette__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_palette__button-secondary:active, .main_ui_workspace_palette__help-btn:active, .main_ui_workspace_palette__modal-cancel-btn: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);
}
.main_ui_workspace_palette__button-secondary:active svg, .main_ui_workspace_palette__help-btn:active svg, .main_ui_workspace_palette__modal-cancel-btn:active svg,
.main_ui_workspace_palette__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_palette__button-secondary.disabled, .main_ui_workspace_palette__help-btn.disabled, .main_ui_workspace_palette__modal-cancel-btn.disabled, .main_ui_workspace_palette__button-secondary[disabled], [disabled].main_ui_workspace_palette__help-btn, [disabled].main_ui_workspace_palette__modal-cancel-btn, .main_ui_workspace_palette__button-secondary:disabled, .main_ui_workspace_palette__help-btn:disabled, .main_ui_workspace_palette__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_palette__button-tertiary, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn, .main_ui_workspace_palette__attr-title button, .main_ui_workspace_palette__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_palette__button-tertiary:focus-visible, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions:focus-visible, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn:focus-visible, .main_ui_workspace_palette__attr-title button:focus-visible, .main_ui_workspace_palette__modal-close-btn-base: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);
}
.main_ui_workspace_palette__button-tertiary:focus-visible svg, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions:focus-visible svg, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn:focus-visible svg, .main_ui_workspace_palette__attr-title button:focus-visible svg, .main_ui_workspace_palette__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_palette__button-tertiary:focus-visible span svg,
.main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_palette__button-tertiary svg, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions svg, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn svg, .main_ui_workspace_palette__attr-title button svg, .main_ui_workspace_palette__modal-close-btn-base svg,
.main_ui_workspace_palette__button-tertiary span svg,
.main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_palette__button-tertiary:hover, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions:hover, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn:hover, .main_ui_workspace_palette__attr-title button:hover, .main_ui_workspace_palette__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_palette__button-tertiary:hover svg, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions:hover svg, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn:hover svg, .main_ui_workspace_palette__attr-title button:hover svg, .main_ui_workspace_palette__modal-close-btn-base:hover svg,
.main_ui_workspace_palette__button-tertiary:hover span svg,
.main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_palette__button-tertiary:active, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions:active, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn:active, .main_ui_workspace_palette__attr-title button:active, .main_ui_workspace_palette__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_palette__button-tertiary:active svg, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions:active svg, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn:active svg, .main_ui_workspace_palette__attr-title button:active svg, .main_ui_workspace_palette__modal-close-btn-base:active svg,
.main_ui_workspace_palette__button-tertiary:active span svg,
.main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_palette__button-tertiary.disabled, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions.disabled, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn.disabled, .main_ui_workspace_palette__attr-title button.disabled, .main_ui_workspace_palette__modal-close-btn-base.disabled, .main_ui_workspace_palette__button-tertiary[disabled], .main_ui_workspace_palette__palettes [disabled].main_ui_workspace_palette__palette-actions, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item [disabled].main_ui_workspace_palette__palette-btn, .main_ui_workspace_palette__attr-title button[disabled], [disabled].main_ui_workspace_palette__modal-close-btn-base, .main_ui_workspace_palette__button-tertiary:disabled, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions:disabled, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn:disabled, .main_ui_workspace_palette__attr-title button:disabled, .main_ui_workspace_palette__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_palette__button-tertiary.disabled svg, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions.disabled svg, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn.disabled svg, .main_ui_workspace_palette__attr-title button.disabled svg, .main_ui_workspace_palette__modal-close-btn-base.disabled svg,
.main_ui_workspace_palette__button-tertiary.disabled span svg,
.main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions.disabled span svg, .main_ui_workspace_palette__button-tertiary[disabled] svg, .main_ui_workspace_palette__palettes [disabled].main_ui_workspace_palette__palette-actions svg, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item [disabled].main_ui_workspace_palette__palette-btn svg, .main_ui_workspace_palette__attr-title button[disabled] svg, [disabled].main_ui_workspace_palette__modal-close-btn-base svg,
.main_ui_workspace_palette__button-tertiary[disabled] span svg,
.main_ui_workspace_palette__palettes [disabled].main_ui_workspace_palette__palette-actions span svg, .main_ui_workspace_palette__button-tertiary:disabled svg, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions:disabled svg, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn:disabled svg, .main_ui_workspace_palette__attr-title button:disabled svg, .main_ui_workspace_palette__modal-close-btn-base:disabled svg,
.main_ui_workspace_palette__button-tertiary:disabled span svg,
.main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_palette__button-icon-selected, .main_ui_workspace_palette__help-btn.main_ui_workspace_palette__selected, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn.main_ui_workspace_palette__selected {
  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);
}
.main_ui_workspace_palette__button-icon-selected svg, .main_ui_workspace_palette__help-btn.main_ui_workspace_palette__selected svg, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn.main_ui_workspace_palette__selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_palette__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_palette__button-radio: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);
}
.main_ui_workspace_palette__button-radio:focus-visible svg,
.main_ui_workspace_palette__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_palette__button-radio svg,
.main_ui_workspace_palette__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_palette__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_palette__button-radio:hover svg,
.main_ui_workspace_palette__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_palette__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_palette__button-radio:active svg,
.main_ui_workspace_palette__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_palette__button-warning {
  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);
}

.main_ui_workspace_palette__button-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;
}

.main_ui_workspace_palette__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_palette__button-tag: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);
}
.main_ui_workspace_palette__button-tag:focus-visible svg,
.main_ui_workspace_palette__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_palette__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_palette__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_palette__button-icon, .main_ui_workspace_palette__icon-help, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions svg, .main_ui_workspace_palette__empty-icon svg, .main_ui_workspace_palette__modal-close-btn-base svg, .main_ui_workspace_palette__button-icon-small, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn svg, .main_ui_workspace_palette__dropdown-element-base span svg, .main_ui_workspace_palette__attr-title button svg, .main_ui_workspace_palette__checkbox-icon.intermediate svg, .main_ui_workspace_palette__input-checkbox label span.intermediate svg, .main_ui_workspace_palette__checkbox-icon.checked svg, .main_ui_workspace_palette__input-checkbox label span.checked svg, .main_ui_workspace_palette__input-element span svg,
.main_ui_workspace_palette__input-element label svg, .main_ui_workspace_palette__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_palette__button-icon-small, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn svg, .main_ui_workspace_palette__dropdown-element-base span svg, .main_ui_workspace_palette__attr-title button svg, .main_ui_workspace_palette__checkbox-icon.intermediate svg, .main_ui_workspace_palette__input-checkbox label span.intermediate svg, .main_ui_workspace_palette__checkbox-icon.checked svg, .main_ui_workspace_palette__input-checkbox label span.checked svg, .main_ui_workspace_palette__input-element span svg,
.main_ui_workspace_palette__input-element label svg, .main_ui_workspace_palette__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_palette__input-base, .main_ui_workspace_palette__input-with-label input, .main_ui_workspace_palette__input-element-label input, .main_ui_workspace_palette__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_palette__input-base[disabled], .main_ui_workspace_palette__input-with-label input[disabled], .main_ui_workspace_palette__input-element-label input[disabled], .main_ui_workspace_palette__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_palette__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_palette__input-label, .main_ui_workspace_palette__input-element span,
.main_ui_workspace_palette__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_palette__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_palette__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_palette__input-element span svg,
.main_ui_workspace_palette__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_palette__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_palette__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_palette__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_palette__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_palette__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_palette__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_palette__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_palette__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_palette__input-element:focus, .main_ui_workspace_palette__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_palette__input-element:focus span, .main_ui_workspace_palette__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_palette__input-element:focus input, .main_ui_workspace_palette__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_palette__input-element:focus:hover, .main_ui_workspace_palette__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_palette__input-element:focus:hover span, .main_ui_workspace_palette__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_palette__input-element:focus:hover input, .main_ui_workspace_palette__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_palette__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_palette__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_palette__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_palette__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_palette__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_palette__input-element-label:focus-within input, .main_ui_workspace_palette__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_palette__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_palette__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_palette__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_palette__input-with-label input:focus-within, .main_ui_workspace_palette__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_palette__input-with-label input:focus-within input, .main_ui_workspace_palette__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_palette__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_palette__modal-overlay-base {
  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);
}

.main_ui_workspace_palette__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_palette__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_palette__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_palette__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_palette__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_palette__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_palette__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_palette__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_palette__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_palette__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_palette__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_palette__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_palette__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_palette__colorpicker-handler {
  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;
}
.main_ui_workspace_palette__colorpicker-handler:hover, .main_ui_workspace_palette__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_palette__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_palette__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_palette__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_palette__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_palette__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_palette__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_palette__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_palette__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_palette__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_palette__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_palette__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_palette__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_palette__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_palette__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_palette__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_palette__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_palette__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_palette__palette-wrapper {
  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);
}

.main_ui_workspace_palette__palettes {
  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: 0.5rem;
  background-color: var(--palette-background-color);
  border: 0.125rem solid var(--panel-border-color);
  transition: right 0.3s, opacity 0.2s, width 0.3s;
}
.main_ui_workspace_palette__palettes.main_ui_workspace_palette__wide {
  width: 100%;
}
.main_ui_workspace_palette__palettes .main_ui_workspace_palette__resize-area {
  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);
}
.main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list {
  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;
}
.main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list.main_ui_workspace_palette__mid-palette, .main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list.main_ui_workspace_palette__small-palette {
  display: flex;
}
.main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  opacity: 1;
  transition: opacity 1s ease;
}
.main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn {
  height: 2rem;
  width: 2rem;
  border-radius: 0.5rem;
  background-clip: padding-box;
  padding: 0;
}
.main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item .main_ui_workspace_palette__palette-btn svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions {
  grid-area: actions;
  height: calc(var(--height) - 1rem);
  width: 2rem;
  padding: 0;
  margin-left: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--palette-background-color);
  z-index: 2;
}
.main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette-actions svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_palette__palettes .main_ui_workspace_palette__palette {
  grid-area: palette;
  width: 100%;
  min-width: 0;
}

.main_ui_workspace_palette__handler {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.75rem;
  height: 100%;
}
.main_ui_workspace_palette__handler .main_ui_workspace_palette__handler-btn {
  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);
}

.main_ui_workspace_palette__mid-palette,
.main_ui_workspace_palette__small-palette {
  grid-template-columns: 4rem auto 1fr;
}

.main_ui_workspace_palette__hidden-bts {
  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;
}
.main_ui_workspace_palette__hidden-bts .main_ui_workspace_palette__palette-btn-list {
  opacity: 0;
  visibility: hidden;
  width: 0;
}
.main_ui_workspace_palette__hidden-bts .main_ui_workspace_palette__palette-btn-list .main_ui_workspace_palette__palette-item {
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}
.main_ui_workspace_palette__hidden-bts .main_ui_workspace_palette__resize-area {
  visibility: hidden;
  z-index: 0;
  width: 0;
}
.main_ui_workspace_palette__hidden-bts .main_ui_workspace_palette__palette-actions {
  visibility: hidden;
  z-index: 0;
}
.main_ui_workspace_palette__hidden-bts .main_ui_workspace_palette__palette {
  visibility: hidden;
  z-index: 0;
}
.main_ui_workspace_palette__hidden-bts .main_ui_workspace_palette__handler {
  padding-bottom: 0.5rem;
}

/** AI Chat button styles **/
.main_ui_workspace_palette__help-btn {
  z-index: var(--z-index-panels);
  flex-shrink: 0;
  inline-size: 2.5rem;
  block-size: 2.5rem;
  border-radius: 50%;
  border: none;
}
.main_ui_workspace_palette__help-btn:hover {
  border: none;
}

.main_ui_workspace_palette__icon-help {
  stroke: var(--icon-foreground);
  inline-size: var(--sp-xxl);
  block-size: var(--sp-xxl);
}
@keyframes main_ui_workspace_plugins__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_plugins__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_plugins__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_plugins__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_plugins__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_plugins__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_plugins__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_plugins__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_plugins__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_plugins__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_plugins__new-scrollbar ::placeholder,
.main_ui_workspace_plugins__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_plugins__button-primary, .main_ui_workspace_plugins__primary-button, .main_ui_workspace_plugins__modal-danger-btn, .main_ui_workspace_plugins__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_plugins__button-primary:focus-visible, .main_ui_workspace_plugins__primary-button:focus-visible, .main_ui_workspace_plugins__modal-danger-btn:focus-visible, .main_ui_workspace_plugins__modal-accept-btn: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);
}
.main_ui_workspace_plugins__button-primary:focus-visible svg, .main_ui_workspace_plugins__primary-button:focus-visible svg, .main_ui_workspace_plugins__modal-danger-btn:focus-visible svg, .main_ui_workspace_plugins__modal-accept-btn:focus-visible svg,
.main_ui_workspace_plugins__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_plugins__button-primary svg, .main_ui_workspace_plugins__primary-button svg, .main_ui_workspace_plugins__modal-danger-btn svg, .main_ui_workspace_plugins__modal-accept-btn svg,
.main_ui_workspace_plugins__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_plugins__button-primary:hover, .main_ui_workspace_plugins__primary-button:hover, .main_ui_workspace_plugins__modal-danger-btn:hover, .main_ui_workspace_plugins__modal-accept-btn: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;
}
.main_ui_workspace_plugins__button-primary:hover svg, .main_ui_workspace_plugins__primary-button:hover svg, .main_ui_workspace_plugins__modal-danger-btn:hover svg, .main_ui_workspace_plugins__modal-accept-btn:hover svg,
.main_ui_workspace_plugins__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_plugins__button-primary:active, .main_ui_workspace_plugins__primary-button:active, .main_ui_workspace_plugins__modal-danger-btn:active, .main_ui_workspace_plugins__modal-accept-btn: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;
}
.main_ui_workspace_plugins__button-primary:active svg, .main_ui_workspace_plugins__primary-button:active svg, .main_ui_workspace_plugins__modal-danger-btn:active svg, .main_ui_workspace_plugins__modal-accept-btn:active svg,
.main_ui_workspace_plugins__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_plugins__button-primary.disabled, .main_ui_workspace_plugins__primary-button.disabled, .main_ui_workspace_plugins__modal-danger-btn.disabled, .main_ui_workspace_plugins__modal-accept-btn.disabled, .main_ui_workspace_plugins__button-primary[disabled], [disabled].main_ui_workspace_plugins__primary-button, [disabled].main_ui_workspace_plugins__modal-danger-btn, [disabled].main_ui_workspace_plugins__modal-accept-btn, .main_ui_workspace_plugins__button-primary:disabled, .main_ui_workspace_plugins__primary-button:disabled, .main_ui_workspace_plugins__modal-danger-btn:disabled, .main_ui_workspace_plugins__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_plugins__button-secondary, .main_ui_workspace_plugins__cancel-button, .main_ui_workspace_plugins__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_plugins__button-secondary:focus-visible, .main_ui_workspace_plugins__cancel-button:focus-visible, .main_ui_workspace_plugins__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_plugins__button-secondary:focus-visible svg, .main_ui_workspace_plugins__cancel-button:focus-visible svg, .main_ui_workspace_plugins__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_plugins__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_plugins__button-secondary svg, .main_ui_workspace_plugins__cancel-button svg, .main_ui_workspace_plugins__modal-cancel-btn svg,
.main_ui_workspace_plugins__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_plugins__button-secondary:hover, .main_ui_workspace_plugins__cancel-button:hover, .main_ui_workspace_plugins__modal-cancel-btn: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;
}
.main_ui_workspace_plugins__button-secondary:hover svg, .main_ui_workspace_plugins__cancel-button:hover svg, .main_ui_workspace_plugins__modal-cancel-btn:hover svg,
.main_ui_workspace_plugins__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_plugins__button-secondary:active, .main_ui_workspace_plugins__cancel-button:active, .main_ui_workspace_plugins__modal-cancel-btn: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);
}
.main_ui_workspace_plugins__button-secondary:active svg, .main_ui_workspace_plugins__cancel-button:active svg, .main_ui_workspace_plugins__modal-cancel-btn:active svg,
.main_ui_workspace_plugins__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_plugins__button-secondary.disabled, .main_ui_workspace_plugins__cancel-button.disabled, .main_ui_workspace_plugins__modal-cancel-btn.disabled, .main_ui_workspace_plugins__button-secondary[disabled], [disabled].main_ui_workspace_plugins__cancel-button, [disabled].main_ui_workspace_plugins__modal-cancel-btn, .main_ui_workspace_plugins__button-secondary:disabled, .main_ui_workspace_plugins__cancel-button:disabled, .main_ui_workspace_plugins__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_plugins__button-tertiary, .main_ui_workspace_plugins__attr-title button, .main_ui_workspace_plugins__modal-close-btn-base, .main_ui_workspace_plugins__close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_plugins__button-tertiary:focus-visible, .main_ui_workspace_plugins__attr-title button:focus-visible, .main_ui_workspace_plugins__modal-close-btn-base:focus-visible, .main_ui_workspace_plugins__close-btn: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);
}
.main_ui_workspace_plugins__button-tertiary:focus-visible svg, .main_ui_workspace_plugins__attr-title button:focus-visible svg, .main_ui_workspace_plugins__modal-close-btn-base:focus-visible svg, .main_ui_workspace_plugins__close-btn:focus-visible svg,
.main_ui_workspace_plugins__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_plugins__button-tertiary svg, .main_ui_workspace_plugins__attr-title button svg, .main_ui_workspace_plugins__modal-close-btn-base svg, .main_ui_workspace_plugins__close-btn svg,
.main_ui_workspace_plugins__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_plugins__button-tertiary:hover, .main_ui_workspace_plugins__attr-title button:hover, .main_ui_workspace_plugins__modal-close-btn-base:hover, .main_ui_workspace_plugins__close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_plugins__button-tertiary:hover svg, .main_ui_workspace_plugins__attr-title button:hover svg, .main_ui_workspace_plugins__modal-close-btn-base:hover svg, .main_ui_workspace_plugins__close-btn:hover svg,
.main_ui_workspace_plugins__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_plugins__button-tertiary:active, .main_ui_workspace_plugins__attr-title button:active, .main_ui_workspace_plugins__modal-close-btn-base:active, .main_ui_workspace_plugins__close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_plugins__button-tertiary:active svg, .main_ui_workspace_plugins__attr-title button:active svg, .main_ui_workspace_plugins__modal-close-btn-base:active svg, .main_ui_workspace_plugins__close-btn:active svg,
.main_ui_workspace_plugins__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_plugins__button-tertiary.disabled, .main_ui_workspace_plugins__attr-title button.disabled, .main_ui_workspace_plugins__modal-close-btn-base.disabled, .main_ui_workspace_plugins__close-btn.disabled, .main_ui_workspace_plugins__button-tertiary[disabled], .main_ui_workspace_plugins__attr-title button[disabled], [disabled].main_ui_workspace_plugins__modal-close-btn-base, [disabled].main_ui_workspace_plugins__close-btn, .main_ui_workspace_plugins__button-tertiary:disabled, .main_ui_workspace_plugins__attr-title button:disabled, .main_ui_workspace_plugins__modal-close-btn-base:disabled, .main_ui_workspace_plugins__close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_plugins__button-tertiary.disabled svg, .main_ui_workspace_plugins__attr-title button.disabled svg, .main_ui_workspace_plugins__modal-close-btn-base.disabled svg, .main_ui_workspace_plugins__close-btn.disabled svg,
.main_ui_workspace_plugins__button-tertiary.disabled span svg, .main_ui_workspace_plugins__button-tertiary[disabled] svg, .main_ui_workspace_plugins__attr-title button[disabled] svg, [disabled].main_ui_workspace_plugins__modal-close-btn-base svg, [disabled].main_ui_workspace_plugins__close-btn svg,
.main_ui_workspace_plugins__button-tertiary[disabled] span svg, .main_ui_workspace_plugins__button-tertiary:disabled svg, .main_ui_workspace_plugins__attr-title button:disabled svg, .main_ui_workspace_plugins__modal-close-btn-base:disabled svg, .main_ui_workspace_plugins__close-btn:disabled svg,
.main_ui_workspace_plugins__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_plugins__button-icon-selected {
  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);
}
.main_ui_workspace_plugins__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_plugins__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_plugins__button-radio: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);
}
.main_ui_workspace_plugins__button-radio:focus-visible svg,
.main_ui_workspace_plugins__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_plugins__button-radio svg,
.main_ui_workspace_plugins__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_plugins__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_plugins__button-radio:hover svg,
.main_ui_workspace_plugins__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_plugins__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_plugins__button-radio:active svg,
.main_ui_workspace_plugins__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_plugins__button-warning {
  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);
}

.main_ui_workspace_plugins__button-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;
}

.main_ui_workspace_plugins__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_plugins__button-tag: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);
}
.main_ui_workspace_plugins__button-tag:focus-visible svg,
.main_ui_workspace_plugins__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_plugins__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_plugins__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_plugins__button-icon, .main_ui_workspace_plugins__close-icon, .main_ui_workspace_plugins__empty-icon svg, .main_ui_workspace_plugins__modal-close-btn-base svg, .main_ui_workspace_plugins__close-btn svg, .main_ui_workspace_plugins__button-icon-small, .main_ui_workspace_plugins__search-icon svg, .main_ui_workspace_plugins__dropdown-element-base span svg, .main_ui_workspace_plugins__attr-title button svg, .main_ui_workspace_plugins__checkbox-icon.intermediate svg, .main_ui_workspace_plugins__input-checkbox label span.intermediate svg, .main_ui_workspace_plugins__checkbox-icon.checked svg, .main_ui_workspace_plugins__input-checkbox label span.checked svg, .main_ui_workspace_plugins__input-element span svg,
.main_ui_workspace_plugins__input-element label svg, .main_ui_workspace_plugins__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_plugins__button-icon-small, .main_ui_workspace_plugins__search-icon svg, .main_ui_workspace_plugins__dropdown-element-base span svg, .main_ui_workspace_plugins__attr-title button svg, .main_ui_workspace_plugins__checkbox-icon.intermediate svg, .main_ui_workspace_plugins__input-checkbox label span.intermediate svg, .main_ui_workspace_plugins__checkbox-icon.checked svg, .main_ui_workspace_plugins__input-checkbox label span.checked svg, .main_ui_workspace_plugins__input-element span svg,
.main_ui_workspace_plugins__input-element label svg, .main_ui_workspace_plugins__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_plugins__input-base, .main_ui_workspace_plugins__input-with-label input, .main_ui_workspace_plugins__input-element-label input, .main_ui_workspace_plugins__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_plugins__input-base[disabled], .main_ui_workspace_plugins__input-with-label input[disabled], .main_ui_workspace_plugins__input-element-label input[disabled], .main_ui_workspace_plugins__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_plugins__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_plugins__input-label, .main_ui_workspace_plugins__input-element span,
.main_ui_workspace_plugins__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_plugins__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_plugins__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_plugins__input-element span svg,
.main_ui_workspace_plugins__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_plugins__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_plugins__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_plugins__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_plugins__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_plugins__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_plugins__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_plugins__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_plugins__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_plugins__input-element:focus, .main_ui_workspace_plugins__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_plugins__input-element:focus span, .main_ui_workspace_plugins__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_plugins__input-element:focus input, .main_ui_workspace_plugins__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_plugins__input-element:focus:hover, .main_ui_workspace_plugins__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_plugins__input-element:focus:hover span, .main_ui_workspace_plugins__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_plugins__input-element:focus:hover input, .main_ui_workspace_plugins__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_plugins__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_plugins__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_plugins__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_plugins__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_plugins__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_plugins__input-element-label:focus-within input, .main_ui_workspace_plugins__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_plugins__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_plugins__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_plugins__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_plugins__input-with-label input:focus-within, .main_ui_workspace_plugins__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_plugins__input-with-label input:focus-within input, .main_ui_workspace_plugins__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_plugins__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_plugins__modal-overlay-base, .main_ui_workspace_plugins__modal-overlay {
  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);
}

.main_ui_workspace_plugins__modal-container-base, .main_ui_workspace_plugins__modal-dialog {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_plugins__modal-close-btn-base, .main_ui_workspace_plugins__close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_plugins__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_plugins__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_plugins__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_plugins__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_plugins__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_plugins__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_plugins__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_plugins__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_plugins__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_plugins__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_plugins__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_plugins__colorpicker-handler {
  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;
}
.main_ui_workspace_plugins__colorpicker-handler:hover, .main_ui_workspace_plugins__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_plugins__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_plugins__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_plugins__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_plugins__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_plugins__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_plugins__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_plugins__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_plugins__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_plugins__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_plugins__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_plugins__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_plugins__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_plugins__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_plugins__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_plugins__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_plugins__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_plugins__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_plugins__modal-dialog {
  display: grid;
  grid-template-rows: auto 1fr auto;
  max-height: initial;
}
.main_ui_workspace_plugins__modal-dialog.main_ui_workspace_plugins__plugin-permissions {
  width: 25.75rem;
  max-width: 25.75rem;
}
.main_ui_workspace_plugins__modal-dialog.main_ui_workspace_plugins__plugin-management {
  width: 29.5rem;
  max-width: 29.5rem;
}
.main_ui_workspace_plugins__modal-dialog.main_ui_workspace_plugins__plugin-try-out {
  width: 28.25rem;
  max-width: 28.25rem;
}
.main_ui_workspace_plugins__modal-dialog hr {
  border-color: var(--color-background-tertiary);
}

.main_ui_workspace_plugins__modal-footer {
  margin-top: 2rem;
}

.main_ui_workspace_plugins__close-icon {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_plugins__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 400;
  margin-block-end: 2rem;
  color: var(--modal-title-foreground-color);
  display: flex;
  gap: 0.75rem;
}

.main_ui_workspace_plugins__modal-content {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_plugins__plugin-permissions .main_ui_workspace_plugins__modal-content {
  gap: 1.25rem;
}
.main_ui_workspace_plugins__plugin-management .main_ui_workspace_plugins__modal-content {
  height: 23.75rem;
  max-height: 23.75rem;
}

.main_ui_workspace_plugins__modal-message {
  font-size: 0.875rem;
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_plugins__modal-paragraph {
  font-size: 0.875rem;
  color: var(--color-foreground-primary);
}

.main_ui_workspace_plugins__primary-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0px 1rem;
}

.main_ui_workspace_plugins__button-expand {
  width: 100%;
  margin: 0;
}

.main_ui_workspace_plugins__cancel-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0px 1rem;
}

.main_ui_workspace_plugins__search-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding: 0 0 0 0.5rem;
}
.main_ui_workspace_plugins__search-icon svg {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_plugins__top-bar {
  display: flex;
  gap: 0.5rem;
}

.main_ui_workspace_plugins__open-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.25rem;
  min-width: 4.25rem;
  height: 2rem;
  text-transform: uppercase;
}

.main_ui_workspace_plugins__plugins-list {
  padding-top: 1.25rem;
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.main_ui_workspace_plugins__plugins-list-element {
  display: flex;
  gap: 0.75rem;
}

.main_ui_workspace_plugins__plugin-icon {
  min-width: 2rem;
  min-height: 2rem;
  width: 2rem;
  height: 2rem;
  background: var(--button-secondary-background-color-rest);
  padding: 0.125rem;
  border-radius: 0.25rem;
}

.main_ui_workspace_plugins__plugin-description {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.main_ui_workspace_plugins__plugin-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  color: var(--color-foreground-primary);
}

.main_ui_workspace_plugins__plugin-summary {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_plugins__plugins-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  height: 100%;
  justify-content: center;
  padding: 2.25rem 0;
}

.main_ui_workspace_plugins__plugins-empty-logo {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-background-tertiary);
}
.main_ui_workspace_plugins__plugins-empty-logo svg {
  width: 1rem;
  height: 1rem;
  stroke: var(--color-foreground-secondary);
  fill: none;
}

.main_ui_workspace_plugins__plugins-empty-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
}

div.main_ui_workspace_plugins__input-error {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_plugins__info {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 0.25rem;
}
.main_ui_workspace_plugins__info.main_ui_workspace_plugins__error {
  color: var(--input-border-color-error);
}
.main_ui_workspace_plugins__info.main_ui_workspace_plugins__success {
  color: var(--input-border-color-success);
}

.main_ui_workspace_plugins__plugins-link {
  color: var(--color-accent-primary);
  font-size: 0.75rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_workspace_plugins__plugins-link svg {
  margin-top: -0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  stroke: var(--color-accent-primary);
  fill: none;
}

.main_ui_workspace_plugins__permissions-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.main_ui_workspace_plugins__permissions-list-entry {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 1rem;
  align-items: center;
}
.main_ui_workspace_plugins__permissions-list-entry svg {
  width: 1.5rem;
  height: 1.5rem;
  stroke: var(--color-accent-primary);
  fill: none;
}

.main_ui_workspace_plugins__permissions-list-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_plugins__permissions-disclaimer {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  padding: 1rem;
  background: var(--color-background-quaternary);
  color: var(--color-foreground-primary);
  border-radius: 0.25rem;
}

.main_ui_workspace_plugins__action-buttons {
  display: flex;
  gap: 0.75rem;
}

.main_ui_workspace_plugins__discover {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-secondary);
  margin-top: 1.5rem;
}
.main_ui_workspace_plugins__discover a {
  color: var(--color-accent-primary);
}
@keyframes main_ui_workspace_presence__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_presence__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_presence__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_presence__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_presence__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_presence__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_presence__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_presence__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_presence__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_presence__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_presence__new-scrollbar ::placeholder,
.main_ui_workspace_presence__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_presence__button-primary, .main_ui_workspace_presence__modal-danger-btn, .main_ui_workspace_presence__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_presence__button-primary:focus-visible, .main_ui_workspace_presence__modal-danger-btn:focus-visible, .main_ui_workspace_presence__modal-accept-btn: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);
}
.main_ui_workspace_presence__button-primary:focus-visible svg, .main_ui_workspace_presence__modal-danger-btn:focus-visible svg, .main_ui_workspace_presence__modal-accept-btn:focus-visible svg,
.main_ui_workspace_presence__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_presence__button-primary svg, .main_ui_workspace_presence__modal-danger-btn svg, .main_ui_workspace_presence__modal-accept-btn svg,
.main_ui_workspace_presence__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_presence__button-primary:hover, .main_ui_workspace_presence__modal-danger-btn:hover, .main_ui_workspace_presence__modal-accept-btn: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;
}
.main_ui_workspace_presence__button-primary:hover svg, .main_ui_workspace_presence__modal-danger-btn:hover svg, .main_ui_workspace_presence__modal-accept-btn:hover svg,
.main_ui_workspace_presence__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_presence__button-primary:active, .main_ui_workspace_presence__modal-danger-btn:active, .main_ui_workspace_presence__modal-accept-btn: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;
}
.main_ui_workspace_presence__button-primary:active svg, .main_ui_workspace_presence__modal-danger-btn:active svg, .main_ui_workspace_presence__modal-accept-btn:active svg,
.main_ui_workspace_presence__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_presence__button-primary.disabled, .main_ui_workspace_presence__modal-danger-btn.disabled, .main_ui_workspace_presence__modal-accept-btn.disabled, .main_ui_workspace_presence__button-primary[disabled], [disabled].main_ui_workspace_presence__modal-danger-btn, [disabled].main_ui_workspace_presence__modal-accept-btn, .main_ui_workspace_presence__button-primary:disabled, .main_ui_workspace_presence__modal-danger-btn:disabled, .main_ui_workspace_presence__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_presence__button-secondary, .main_ui_workspace_presence__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_presence__button-secondary:focus-visible, .main_ui_workspace_presence__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_presence__button-secondary:focus-visible svg, .main_ui_workspace_presence__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_presence__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_presence__button-secondary svg, .main_ui_workspace_presence__modal-cancel-btn svg,
.main_ui_workspace_presence__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_presence__button-secondary:hover, .main_ui_workspace_presence__modal-cancel-btn: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;
}
.main_ui_workspace_presence__button-secondary:hover svg, .main_ui_workspace_presence__modal-cancel-btn:hover svg,
.main_ui_workspace_presence__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_presence__button-secondary:active, .main_ui_workspace_presence__modal-cancel-btn: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);
}
.main_ui_workspace_presence__button-secondary:active svg, .main_ui_workspace_presence__modal-cancel-btn:active svg,
.main_ui_workspace_presence__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_presence__button-secondary.disabled, .main_ui_workspace_presence__modal-cancel-btn.disabled, .main_ui_workspace_presence__button-secondary[disabled], [disabled].main_ui_workspace_presence__modal-cancel-btn, .main_ui_workspace_presence__button-secondary:disabled, .main_ui_workspace_presence__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_presence__button-tertiary, .main_ui_workspace_presence__attr-title button, .main_ui_workspace_presence__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_presence__button-tertiary:focus-visible, .main_ui_workspace_presence__attr-title button:focus-visible, .main_ui_workspace_presence__modal-close-btn-base: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);
}
.main_ui_workspace_presence__button-tertiary:focus-visible svg, .main_ui_workspace_presence__attr-title button:focus-visible svg, .main_ui_workspace_presence__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_presence__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_presence__button-tertiary svg, .main_ui_workspace_presence__attr-title button svg, .main_ui_workspace_presence__modal-close-btn-base svg,
.main_ui_workspace_presence__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_presence__button-tertiary:hover, .main_ui_workspace_presence__attr-title button:hover, .main_ui_workspace_presence__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_presence__button-tertiary:hover svg, .main_ui_workspace_presence__attr-title button:hover svg, .main_ui_workspace_presence__modal-close-btn-base:hover svg,
.main_ui_workspace_presence__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_presence__button-tertiary:active, .main_ui_workspace_presence__attr-title button:active, .main_ui_workspace_presence__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_presence__button-tertiary:active svg, .main_ui_workspace_presence__attr-title button:active svg, .main_ui_workspace_presence__modal-close-btn-base:active svg,
.main_ui_workspace_presence__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_presence__button-tertiary.disabled, .main_ui_workspace_presence__attr-title button.disabled, .main_ui_workspace_presence__modal-close-btn-base.disabled, .main_ui_workspace_presence__button-tertiary[disabled], .main_ui_workspace_presence__attr-title button[disabled], [disabled].main_ui_workspace_presence__modal-close-btn-base, .main_ui_workspace_presence__button-tertiary:disabled, .main_ui_workspace_presence__attr-title button:disabled, .main_ui_workspace_presence__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_presence__button-tertiary.disabled svg, .main_ui_workspace_presence__attr-title button.disabled svg, .main_ui_workspace_presence__modal-close-btn-base.disabled svg,
.main_ui_workspace_presence__button-tertiary.disabled span svg, .main_ui_workspace_presence__button-tertiary[disabled] svg, .main_ui_workspace_presence__attr-title button[disabled] svg, [disabled].main_ui_workspace_presence__modal-close-btn-base svg,
.main_ui_workspace_presence__button-tertiary[disabled] span svg, .main_ui_workspace_presence__button-tertiary:disabled svg, .main_ui_workspace_presence__attr-title button:disabled svg, .main_ui_workspace_presence__modal-close-btn-base:disabled svg,
.main_ui_workspace_presence__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_presence__button-icon-selected {
  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);
}
.main_ui_workspace_presence__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_presence__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_presence__button-radio: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);
}
.main_ui_workspace_presence__button-radio:focus-visible svg,
.main_ui_workspace_presence__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_presence__button-radio svg,
.main_ui_workspace_presence__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_presence__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_presence__button-radio:hover svg,
.main_ui_workspace_presence__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_presence__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_presence__button-radio:active svg,
.main_ui_workspace_presence__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_presence__button-warning {
  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);
}

.main_ui_workspace_presence__button-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;
}

.main_ui_workspace_presence__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_presence__button-tag: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);
}
.main_ui_workspace_presence__button-tag:focus-visible svg,
.main_ui_workspace_presence__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_presence__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_presence__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_presence__button-icon, .main_ui_workspace_presence__empty-icon svg, .main_ui_workspace_presence__modal-close-btn-base svg, .main_ui_workspace_presence__button-icon-small, .main_ui_workspace_presence__dropdown-element-base span svg, .main_ui_workspace_presence__attr-title button svg, .main_ui_workspace_presence__checkbox-icon.intermediate svg, .main_ui_workspace_presence__input-checkbox label span.intermediate svg, .main_ui_workspace_presence__checkbox-icon.checked svg, .main_ui_workspace_presence__input-checkbox label span.checked svg, .main_ui_workspace_presence__input-element span svg,
.main_ui_workspace_presence__input-element label svg, .main_ui_workspace_presence__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_presence__button-icon-small, .main_ui_workspace_presence__dropdown-element-base span svg, .main_ui_workspace_presence__attr-title button svg, .main_ui_workspace_presence__checkbox-icon.intermediate svg, .main_ui_workspace_presence__input-checkbox label span.intermediate svg, .main_ui_workspace_presence__checkbox-icon.checked svg, .main_ui_workspace_presence__input-checkbox label span.checked svg, .main_ui_workspace_presence__input-element span svg,
.main_ui_workspace_presence__input-element label svg, .main_ui_workspace_presence__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_presence__input-base, .main_ui_workspace_presence__input-with-label input, .main_ui_workspace_presence__input-element-label input, .main_ui_workspace_presence__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_presence__input-base[disabled], .main_ui_workspace_presence__input-with-label input[disabled], .main_ui_workspace_presence__input-element-label input[disabled], .main_ui_workspace_presence__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_presence__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_presence__input-label, .main_ui_workspace_presence__input-element span,
.main_ui_workspace_presence__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_presence__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_presence__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_presence__input-element span svg,
.main_ui_workspace_presence__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_presence__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_presence__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_presence__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_presence__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_presence__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_presence__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_presence__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_presence__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_presence__input-element:focus, .main_ui_workspace_presence__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_presence__input-element:focus span, .main_ui_workspace_presence__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_presence__input-element:focus input, .main_ui_workspace_presence__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_presence__input-element:focus:hover, .main_ui_workspace_presence__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_presence__input-element:focus:hover span, .main_ui_workspace_presence__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_presence__input-element:focus:hover input, .main_ui_workspace_presence__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_presence__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_presence__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_presence__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_presence__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_presence__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_presence__input-element-label:focus-within input, .main_ui_workspace_presence__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_presence__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_presence__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_presence__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_presence__input-with-label input:focus-within, .main_ui_workspace_presence__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_presence__input-with-label input:focus-within input, .main_ui_workspace_presence__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_presence__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_presence__modal-overlay-base {
  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);
}

.main_ui_workspace_presence__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_presence__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_presence__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_presence__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_presence__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_presence__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_presence__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_presence__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_presence__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_presence__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_presence__user-icon, .main_ui_workspace_presence__active-users .main_ui_workspace_presence__active-users-list .main_ui_workspace_presence__session-icon,
.main_ui_workspace_presence__active-users-opened .main_ui_workspace_presence__active-users-list .main_ui_workspace_presence__session-icon, .main_ui_workspace_presence__active-users .main_ui_workspace_presence__active-users-list .main_ui_workspace_presence__users-num,
.main_ui_workspace_presence__active-users-opened .main_ui_workspace_presence__active-users-list .main_ui_workspace_presence__users-num {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_presence__user-icon img, .main_ui_workspace_presence__active-users .main_ui_workspace_presence__active-users-list .main_ui_workspace_presence__session-icon img,
.main_ui_workspace_presence__active-users-opened .main_ui_workspace_presence__active-users-list .main_ui_workspace_presence__session-icon img, .main_ui_workspace_presence__active-users .main_ui_workspace_presence__active-users-list .main_ui_workspace_presence__users-num img,
.main_ui_workspace_presence__active-users-opened .main_ui_workspace_presence__active-users-list .main_ui_workspace_presence__users-num img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_presence__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_presence__colorpicker-handler {
  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;
}
.main_ui_workspace_presence__colorpicker-handler:hover, .main_ui_workspace_presence__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_presence__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_presence__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_presence__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_presence__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_presence__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_presence__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_presence__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_presence__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_presence__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_presence__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_presence__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_presence__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_presence__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_presence__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_presence__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_presence__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_presence__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_presence__active-users,
.main_ui_workspace_presence__active-users-opened {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 0 0.25rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_presence__active-users .main_ui_workspace_presence__active-users-list,
.main_ui_workspace_presence__active-users-opened .main_ui_workspace_presence__active-users-list {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin: 0;
}
.main_ui_workspace_presence__active-users .main_ui_workspace_presence__active-users-list .main_ui_workspace_presence__users-num,
.main_ui_workspace_presence__active-users-opened .main_ui_workspace_presence__active-users-list .main_ui_workspace_presence__users-num {
  background-color: var(--user-count-background-color);
  color: var(--user-count-foreground-color);
  z-index: 2;
  border: 0.125rem solid var(--user-count-foreground-color);
}
.main_ui_workspace_presence__active-users-opened {
  position: absolute;
  right: -0.125rem;
  top: -0.125rem;
  padding: 0.5rem;
  margin: -0.125rem -0.25rem 0 0;
  background-color: var(--menu-background-color);
  z-index: 4;
}
.main_ui_workspace_presence__active-users-opened .main_ui_workspace_presence__active-users-list {
  gap: 0.25rem;
}
.main_ui_workspace_presence__active-users-opened .main_ui_workspace_presence__active-users-list .main_ui_workspace_presence__users-num,
.main_ui_workspace_presence__active-users-opened .main_ui_workspace_presence__active-users-list .main_ui_workspace_presence__session-icon {
  margin-left: 0;
}
@keyframes main_ui_workspace_right_header__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_right_header__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_right_header__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_right_header__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_right_header__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_right_header__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_right_header__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_right_header__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_right_header__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_right_header__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_right_header__new-scrollbar ::placeholder,
.main_ui_workspace_right_header__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_right_header__button-primary, .main_ui_workspace_right_header__modal-danger-btn, .main_ui_workspace_right_header__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_right_header__button-primary:focus-visible, .main_ui_workspace_right_header__modal-danger-btn:focus-visible, .main_ui_workspace_right_header__modal-accept-btn: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);
}
.main_ui_workspace_right_header__button-primary:focus-visible svg, .main_ui_workspace_right_header__modal-danger-btn:focus-visible svg, .main_ui_workspace_right_header__modal-accept-btn:focus-visible svg,
.main_ui_workspace_right_header__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_right_header__button-primary svg, .main_ui_workspace_right_header__modal-danger-btn svg, .main_ui_workspace_right_header__modal-accept-btn svg,
.main_ui_workspace_right_header__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_right_header__button-primary:hover, .main_ui_workspace_right_header__modal-danger-btn:hover, .main_ui_workspace_right_header__modal-accept-btn: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;
}
.main_ui_workspace_right_header__button-primary:hover svg, .main_ui_workspace_right_header__modal-danger-btn:hover svg, .main_ui_workspace_right_header__modal-accept-btn:hover svg,
.main_ui_workspace_right_header__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_right_header__button-primary:active, .main_ui_workspace_right_header__modal-danger-btn:active, .main_ui_workspace_right_header__modal-accept-btn: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;
}
.main_ui_workspace_right_header__button-primary:active svg, .main_ui_workspace_right_header__modal-danger-btn:active svg, .main_ui_workspace_right_header__modal-accept-btn:active svg,
.main_ui_workspace_right_header__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_right_header__button-primary.disabled, .main_ui_workspace_right_header__modal-danger-btn.disabled, .main_ui_workspace_right_header__modal-accept-btn.disabled, .main_ui_workspace_right_header__button-primary[disabled], [disabled].main_ui_workspace_right_header__modal-danger-btn, [disabled].main_ui_workspace_right_header__modal-accept-btn, .main_ui_workspace_right_header__button-primary:disabled, .main_ui_workspace_right_header__modal-danger-btn:disabled, .main_ui_workspace_right_header__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_right_header__button-secondary, .main_ui_workspace_right_header__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_right_header__button-secondary:focus-visible, .main_ui_workspace_right_header__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_right_header__button-secondary:focus-visible svg, .main_ui_workspace_right_header__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_right_header__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_right_header__button-secondary svg, .main_ui_workspace_right_header__modal-cancel-btn svg,
.main_ui_workspace_right_header__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_right_header__button-secondary:hover, .main_ui_workspace_right_header__modal-cancel-btn: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;
}
.main_ui_workspace_right_header__button-secondary:hover svg, .main_ui_workspace_right_header__modal-cancel-btn:hover svg,
.main_ui_workspace_right_header__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_right_header__button-secondary:active, .main_ui_workspace_right_header__modal-cancel-btn: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);
}
.main_ui_workspace_right_header__button-secondary:active svg, .main_ui_workspace_right_header__modal-cancel-btn:active svg,
.main_ui_workspace_right_header__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_right_header__button-secondary.disabled, .main_ui_workspace_right_header__modal-cancel-btn.disabled, .main_ui_workspace_right_header__button-secondary[disabled], [disabled].main_ui_workspace_right_header__modal-cancel-btn, .main_ui_workspace_right_header__button-secondary:disabled, .main_ui_workspace_right_header__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_right_header__button-tertiary, .main_ui_workspace_right_header__share-btn,
.main_ui_workspace_right_header__viewer-btn, .main_ui_workspace_right_header__history-button, .main_ui_workspace_right_header__comments-btn, .main_ui_workspace_right_header__reset-btn, .main_ui_workspace_right_header__attr-title button, .main_ui_workspace_right_header__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_right_header__button-tertiary:focus-visible, .main_ui_workspace_right_header__share-btn:focus-visible,
.main_ui_workspace_right_header__viewer-btn:focus-visible, .main_ui_workspace_right_header__history-button:focus-visible, .main_ui_workspace_right_header__comments-btn:focus-visible, .main_ui_workspace_right_header__reset-btn:focus-visible, .main_ui_workspace_right_header__attr-title button:focus-visible, .main_ui_workspace_right_header__modal-close-btn-base: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);
}
.main_ui_workspace_right_header__button-tertiary:focus-visible svg, .main_ui_workspace_right_header__share-btn:focus-visible svg,
.main_ui_workspace_right_header__viewer-btn:focus-visible svg, .main_ui_workspace_right_header__history-button:focus-visible svg, .main_ui_workspace_right_header__comments-btn:focus-visible svg, .main_ui_workspace_right_header__reset-btn:focus-visible svg, .main_ui_workspace_right_header__attr-title button:focus-visible svg, .main_ui_workspace_right_header__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_right_header__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_right_header__button-tertiary svg, .main_ui_workspace_right_header__share-btn svg,
.main_ui_workspace_right_header__viewer-btn svg, .main_ui_workspace_right_header__history-button svg, .main_ui_workspace_right_header__comments-btn svg, .main_ui_workspace_right_header__reset-btn svg, .main_ui_workspace_right_header__attr-title button svg, .main_ui_workspace_right_header__modal-close-btn-base svg,
.main_ui_workspace_right_header__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_right_header__button-tertiary:hover, .main_ui_workspace_right_header__share-btn:hover,
.main_ui_workspace_right_header__viewer-btn:hover, .main_ui_workspace_right_header__history-button:hover, .main_ui_workspace_right_header__comments-btn:hover, .main_ui_workspace_right_header__reset-btn:hover, .main_ui_workspace_right_header__attr-title button:hover, .main_ui_workspace_right_header__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_right_header__button-tertiary:hover svg, .main_ui_workspace_right_header__share-btn:hover svg,
.main_ui_workspace_right_header__viewer-btn:hover svg, .main_ui_workspace_right_header__history-button:hover svg, .main_ui_workspace_right_header__comments-btn:hover svg, .main_ui_workspace_right_header__reset-btn:hover svg, .main_ui_workspace_right_header__attr-title button:hover svg, .main_ui_workspace_right_header__modal-close-btn-base:hover svg,
.main_ui_workspace_right_header__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_right_header__button-tertiary:active, .main_ui_workspace_right_header__share-btn:active,
.main_ui_workspace_right_header__viewer-btn:active, .main_ui_workspace_right_header__history-button:active, .main_ui_workspace_right_header__comments-btn:active, .main_ui_workspace_right_header__reset-btn:active, .main_ui_workspace_right_header__attr-title button:active, .main_ui_workspace_right_header__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_right_header__button-tertiary:active svg, .main_ui_workspace_right_header__share-btn:active svg,
.main_ui_workspace_right_header__viewer-btn:active svg, .main_ui_workspace_right_header__history-button:active svg, .main_ui_workspace_right_header__comments-btn:active svg, .main_ui_workspace_right_header__reset-btn:active svg, .main_ui_workspace_right_header__attr-title button:active svg, .main_ui_workspace_right_header__modal-close-btn-base:active svg,
.main_ui_workspace_right_header__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_right_header__button-tertiary.disabled, .main_ui_workspace_right_header__share-btn.disabled,
.main_ui_workspace_right_header__viewer-btn.disabled, .main_ui_workspace_right_header__history-button.disabled, .main_ui_workspace_right_header__comments-btn.disabled, .main_ui_workspace_right_header__reset-btn.disabled, .main_ui_workspace_right_header__attr-title button.disabled, .main_ui_workspace_right_header__modal-close-btn-base.disabled, .main_ui_workspace_right_header__button-tertiary[disabled], [disabled].main_ui_workspace_right_header__share-btn,
[disabled].main_ui_workspace_right_header__viewer-btn, [disabled].main_ui_workspace_right_header__history-button, [disabled].main_ui_workspace_right_header__comments-btn, [disabled].main_ui_workspace_right_header__reset-btn, .main_ui_workspace_right_header__attr-title button[disabled], [disabled].main_ui_workspace_right_header__modal-close-btn-base, .main_ui_workspace_right_header__button-tertiary:disabled, .main_ui_workspace_right_header__share-btn:disabled,
.main_ui_workspace_right_header__viewer-btn:disabled, .main_ui_workspace_right_header__history-button:disabled, .main_ui_workspace_right_header__comments-btn:disabled, .main_ui_workspace_right_header__reset-btn:disabled, .main_ui_workspace_right_header__attr-title button:disabled, .main_ui_workspace_right_header__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_right_header__button-tertiary.disabled svg, .main_ui_workspace_right_header__share-btn.disabled svg,
.main_ui_workspace_right_header__viewer-btn.disabled svg, .main_ui_workspace_right_header__history-button.disabled svg, .main_ui_workspace_right_header__comments-btn.disabled svg, .main_ui_workspace_right_header__reset-btn.disabled svg, .main_ui_workspace_right_header__attr-title button.disabled svg, .main_ui_workspace_right_header__modal-close-btn-base.disabled svg,
.main_ui_workspace_right_header__button-tertiary.disabled span svg, .main_ui_workspace_right_header__button-tertiary[disabled] svg, [disabled].main_ui_workspace_right_header__share-btn svg,
[disabled].main_ui_workspace_right_header__viewer-btn svg, [disabled].main_ui_workspace_right_header__history-button svg, [disabled].main_ui_workspace_right_header__comments-btn svg, [disabled].main_ui_workspace_right_header__reset-btn svg, .main_ui_workspace_right_header__attr-title button[disabled] svg, [disabled].main_ui_workspace_right_header__modal-close-btn-base svg,
.main_ui_workspace_right_header__button-tertiary[disabled] span svg, .main_ui_workspace_right_header__button-tertiary:disabled svg, .main_ui_workspace_right_header__share-btn:disabled svg,
.main_ui_workspace_right_header__viewer-btn:disabled svg, .main_ui_workspace_right_header__history-button:disabled svg, .main_ui_workspace_right_header__comments-btn:disabled svg, .main_ui_workspace_right_header__reset-btn:disabled svg, .main_ui_workspace_right_header__attr-title button:disabled svg, .main_ui_workspace_right_header__modal-close-btn-base:disabled svg,
.main_ui_workspace_right_header__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_right_header__button-icon-selected {
  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);
}
.main_ui_workspace_right_header__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_right_header__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_right_header__button-radio: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);
}
.main_ui_workspace_right_header__button-radio:focus-visible svg,
.main_ui_workspace_right_header__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_right_header__button-radio svg,
.main_ui_workspace_right_header__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_right_header__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_right_header__button-radio:hover svg,
.main_ui_workspace_right_header__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_right_header__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_right_header__button-radio:active svg,
.main_ui_workspace_right_header__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_right_header__button-warning {
  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);
}

.main_ui_workspace_right_header__button-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;
}

.main_ui_workspace_right_header__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_right_header__button-tag: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);
}
.main_ui_workspace_right_header__button-tag:focus-visible svg,
.main_ui_workspace_right_header__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_right_header__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_right_header__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_right_header__button-icon, .main_ui_workspace_right_header__share-btn svg,
.main_ui_workspace_right_header__viewer-btn svg, .main_ui_workspace_right_header__status-icon svg, .main_ui_workspace_right_header__history-button svg, .main_ui_workspace_right_header__comments-btn svg, .main_ui_workspace_right_header__empty-icon svg, .main_ui_workspace_right_header__modal-close-btn-base svg, .main_ui_workspace_right_header__button-icon-small, .main_ui_workspace_right_header__dropdown-element-base span svg, .main_ui_workspace_right_header__attr-title button svg, .main_ui_workspace_right_header__checkbox-icon.intermediate svg, .main_ui_workspace_right_header__input-checkbox label span.intermediate svg, .main_ui_workspace_right_header__checkbox-icon.checked svg, .main_ui_workspace_right_header__input-checkbox label span.checked svg, .main_ui_workspace_right_header__input-element span svg,
.main_ui_workspace_right_header__input-element label svg, .main_ui_workspace_right_header__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_right_header__button-icon-small, .main_ui_workspace_right_header__dropdown-element-base span svg, .main_ui_workspace_right_header__attr-title button svg, .main_ui_workspace_right_header__checkbox-icon.intermediate svg, .main_ui_workspace_right_header__input-checkbox label span.intermediate svg, .main_ui_workspace_right_header__checkbox-icon.checked svg, .main_ui_workspace_right_header__input-checkbox label span.checked svg, .main_ui_workspace_right_header__input-element span svg,
.main_ui_workspace_right_header__input-element label svg, .main_ui_workspace_right_header__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_right_header__input-base, .main_ui_workspace_right_header__input-with-label input, .main_ui_workspace_right_header__input-element-label input, .main_ui_workspace_right_header__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_right_header__input-base[disabled], .main_ui_workspace_right_header__input-with-label input[disabled], .main_ui_workspace_right_header__input-element-label input[disabled], .main_ui_workspace_right_header__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_right_header__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_right_header__input-label, .main_ui_workspace_right_header__input-element span,
.main_ui_workspace_right_header__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_right_header__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_right_header__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_right_header__input-element span svg,
.main_ui_workspace_right_header__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_right_header__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_right_header__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_right_header__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_right_header__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_right_header__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_right_header__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_right_header__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_right_header__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_right_header__input-element:focus, .main_ui_workspace_right_header__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_right_header__input-element:focus span, .main_ui_workspace_right_header__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_right_header__input-element:focus input, .main_ui_workspace_right_header__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_right_header__input-element:focus:hover, .main_ui_workspace_right_header__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_right_header__input-element:focus:hover span, .main_ui_workspace_right_header__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_right_header__input-element:focus:hover input, .main_ui_workspace_right_header__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_right_header__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_right_header__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_right_header__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_right_header__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_right_header__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_right_header__input-element-label:focus-within input, .main_ui_workspace_right_header__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_right_header__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_right_header__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_right_header__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_right_header__input-with-label input:focus-within, .main_ui_workspace_right_header__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_right_header__input-with-label input:focus-within input, .main_ui_workspace_right_header__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_right_header__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_right_header__modal-overlay-base {
  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);
}

.main_ui_workspace_right_header__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_right_header__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_right_header__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_right_header__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_right_header__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_right_header__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_right_header__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_right_header__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_right_header__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_right_header__shortcut-base, .main_ui_workspace_right_header__zoom-option .main_ui_workspace_right_header__shortcuts {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_right_header__shortcut-key-base, .main_ui_workspace_right_header__zoom-option .main_ui_workspace_right_header__shortcuts .main_ui_workspace_right_header__shortcut-key {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_right_header__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_right_header__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_right_header__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_right_header__colorpicker-handler {
  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;
}
.main_ui_workspace_right_header__colorpicker-handler:hover, .main_ui_workspace_right_header__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_right_header__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_right_header__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_right_header__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_right_header__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_right_header__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_right_header__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_right_header__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_right_header__menu-dropdown, .main_ui_workspace_right_header__dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_right_header__menu-item-base, .main_ui_workspace_right_header__zoom-option {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_right_header__menu-item-base:hover, .main_ui_workspace_right_header__zoom-option:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_right_header__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_right_header__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_right_header__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_right_header__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_right_header__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_right_header__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_right_header__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_right_header__workspace-header-right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 16rem;
  padding: 0.5rem;
  gap: 0.5rem;
  background-color: var(--panel-background-color);
}

.main_ui_workspace_right_header__users-section {
  position: relative;
  min-width: 2rem;
  max-width: 4.5rem;
  padding: 0.25rem 0.375rem;
}

.main_ui_workspace_right_header__separator {
  flex: 1;
}

.main_ui_workspace_right_header__zoom-widget {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.75rem;
  max-width: 3rem;
  width: 3rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_right_header__zoom-widget .main_ui_workspace_right_header__label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 100%;
  padding: 0.5rem 0;
  color: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_right_header__zoom-widget:hover .main_ui_workspace_right_header__label {
  color: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_right_header__zoom-widget.main_ui_workspace_right_header__selected .main_ui_workspace_right_header__label {
  color: var(--button-tertiary-foreground-color-focus);
}

.main_ui_workspace_right_header__dropdown {
  right: 0.125rem;
  top: calc(0.125rem + 3rem);
  width: 17rem;
}

.main_ui_workspace_right_header__basic-zoom-bar {
  display: flex;
  justify-content: space-between;
  padding: 0.375rem;
  cursor: auto;
}

.main_ui_workspace_right_header__zoom-btns {
  display: flex;
}

.main_ui_workspace_right_header__zoom-text {
  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);
}

.main_ui_workspace_right_header__reset-btn {
  color: var(--button-tertiary-foreground-color-hover);
  height: 1.75rem;
  border-radius: 0.5rem;
}

.main_ui_workspace_right_header__zoom-option:hover {
  color: var(--menu-foreground-color-hover);
}
.main_ui_workspace_right_header__zoom-option:hover .main_ui_workspace_right_header__shortcuts .main_ui_workspace_right_header__shortcut-key {
  color: var(--menu-foreground-color-hover);
}

.main_ui_workspace_right_header__comments-btn {
  border-radius: 0.5rem;
  margin: 0;
  height: 1.75rem;
  width: 1.75rem;
  border: none;
}
.main_ui_workspace_right_header__comments-btn svg {
  stroke: var(--icon-foreground);
  height: 1rem;
  width: 1rem;
}
.main_ui_workspace_right_header__comments-btn:hover {
  background-color: transparent;
  border: none;
}
.main_ui_workspace_right_header__comments-btn.main_ui_workspace_right_header__selected {
  background-color: var(--button-tertiary-background-color-selected);
}
.main_ui_workspace_right_header__comments-btn.main_ui_workspace_right_header__selected svg {
  stroke: var(--button-tertiary-foreground-color-active);
}

.main_ui_workspace_right_header__history-button {
  border-radius: 0.5rem;
  margin: 0;
  height: 1.75rem;
  width: 1.75rem;
  border: none;
}
.main_ui_workspace_right_header__history-button svg {
  stroke: var(--icon-foreground);
  height: 1rem;
  width: 1rem;
}
.main_ui_workspace_right_header__history-button:hover {
  background-color: transparent;
  border: none;
}
.main_ui_workspace_right_header__history-button.main_ui_workspace_right_header__selected {
  background-color: var(--button-tertiary-background-color-selected);
}
.main_ui_workspace_right_header__history-button.main_ui_workspace_right_header__selected svg {
  stroke: var(--button-tertiary-foreground-color-active);
}

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

.main_ui_workspace_right_header__status-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  border-radius: 50%;
}
.main_ui_workspace_right_header__status-icon svg {
  stroke: var(--status-widget-icon-foreground-color);
}

.main_ui_workspace_right_header__pending-status {
  background-color: var(--status-widget-background-color-warning);
}

.main_ui_workspace_right_header__saving-status {
  background-color: var(--status-widget-background-color-pending);
}
.main_ui_workspace_right_header__saving-status svg {
  animation: main_ui_workspace_right_header__spin-animation 1s infinite;
  animation-timing-function: linear;
}

.main_ui_workspace_right_header__saved-status {
  background-color: var(--status-widget-background-color-success);
}

.main_ui_workspace_right_header__error-status {
  background-color: var(--status-widget-background-color-error);
}

.main_ui_workspace_right_header__share-btn,
.main_ui_workspace_right_header__viewer-btn {
  border-radius: 0.5rem;
  margin: 0;
  width: 1.75rem;
  height: 1.75rem;
  border: none;
}
.main_ui_workspace_right_header__share-btn svg,
.main_ui_workspace_right_header__viewer-btn svg {
  height: 1rem;
  width: 1rem;
  stroke: var(--icon-foreground);
}
.main_ui_workspace_right_header__share-btn:hover,
.main_ui_workspace_right_header__viewer-btn:hover {
  background-color: transparent;
  border: none;
}
@keyframes main_ui_workspace_sidebar__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar__button-primary, .main_ui_workspace_sidebar__modal-danger-btn, .main_ui_workspace_sidebar__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar__button-primary:focus-visible, .main_ui_workspace_sidebar__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar__modal-accept-btn: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);
}
.main_ui_workspace_sidebar__button-primary:focus-visible svg, .main_ui_workspace_sidebar__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar__button-primary svg, .main_ui_workspace_sidebar__modal-danger-btn svg, .main_ui_workspace_sidebar__modal-accept-btn svg,
.main_ui_workspace_sidebar__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar__button-primary:hover, .main_ui_workspace_sidebar__modal-danger-btn:hover, .main_ui_workspace_sidebar__modal-accept-btn: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;
}
.main_ui_workspace_sidebar__button-primary:hover svg, .main_ui_workspace_sidebar__modal-danger-btn:hover svg, .main_ui_workspace_sidebar__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar__button-primary:active, .main_ui_workspace_sidebar__modal-danger-btn:active, .main_ui_workspace_sidebar__modal-accept-btn: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;
}
.main_ui_workspace_sidebar__button-primary:active svg, .main_ui_workspace_sidebar__modal-danger-btn:active svg, .main_ui_workspace_sidebar__modal-accept-btn:active svg,
.main_ui_workspace_sidebar__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar__button-primary.disabled, .main_ui_workspace_sidebar__modal-danger-btn.disabled, .main_ui_workspace_sidebar__modal-accept-btn.disabled, .main_ui_workspace_sidebar__button-primary[disabled], [disabled].main_ui_workspace_sidebar__modal-danger-btn, [disabled].main_ui_workspace_sidebar__modal-accept-btn, .main_ui_workspace_sidebar__button-primary:disabled, .main_ui_workspace_sidebar__modal-danger-btn:disabled, .main_ui_workspace_sidebar__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar__button-secondary, .main_ui_workspace_sidebar__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar__button-secondary:focus-visible, .main_ui_workspace_sidebar__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar__button-secondary:focus-visible svg, .main_ui_workspace_sidebar__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar__button-secondary svg, .main_ui_workspace_sidebar__modal-cancel-btn svg,
.main_ui_workspace_sidebar__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar__button-secondary:hover, .main_ui_workspace_sidebar__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar__button-secondary:hover svg, .main_ui_workspace_sidebar__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar__button-secondary:active, .main_ui_workspace_sidebar__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar__button-secondary:active svg, .main_ui_workspace_sidebar__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar__button-secondary.disabled, .main_ui_workspace_sidebar__modal-cancel-btn.disabled, .main_ui_workspace_sidebar__button-secondary[disabled], [disabled].main_ui_workspace_sidebar__modal-cancel-btn, .main_ui_workspace_sidebar__button-secondary:disabled, .main_ui_workspace_sidebar__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar__button-tertiary, .main_ui_workspace_sidebar__attr-title button, .main_ui_workspace_sidebar__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar__button-tertiary:focus-visible, .main_ui_workspace_sidebar__attr-title button:focus-visible, .main_ui_workspace_sidebar__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar__attr-title button:focus-visible svg, .main_ui_workspace_sidebar__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar__button-tertiary svg, .main_ui_workspace_sidebar__attr-title button svg, .main_ui_workspace_sidebar__modal-close-btn-base svg,
.main_ui_workspace_sidebar__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar__button-tertiary:hover, .main_ui_workspace_sidebar__attr-title button:hover, .main_ui_workspace_sidebar__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar__button-tertiary:hover svg, .main_ui_workspace_sidebar__attr-title button:hover svg, .main_ui_workspace_sidebar__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar__button-tertiary:active, .main_ui_workspace_sidebar__attr-title button:active, .main_ui_workspace_sidebar__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar__button-tertiary:active svg, .main_ui_workspace_sidebar__attr-title button:active svg, .main_ui_workspace_sidebar__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar__button-tertiary.disabled, .main_ui_workspace_sidebar__attr-title button.disabled, .main_ui_workspace_sidebar__modal-close-btn-base.disabled, .main_ui_workspace_sidebar__button-tertiary[disabled], .main_ui_workspace_sidebar__attr-title button[disabled], [disabled].main_ui_workspace_sidebar__modal-close-btn-base, .main_ui_workspace_sidebar__button-tertiary:disabled, .main_ui_workspace_sidebar__attr-title button:disabled, .main_ui_workspace_sidebar__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar__button-tertiary.disabled svg, .main_ui_workspace_sidebar__attr-title button.disabled svg, .main_ui_workspace_sidebar__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar__button-tertiary.disabled span svg, .main_ui_workspace_sidebar__button-tertiary[disabled] svg, .main_ui_workspace_sidebar__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar__modal-close-btn-base svg,
.main_ui_workspace_sidebar__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar__button-tertiary:disabled svg, .main_ui_workspace_sidebar__attr-title button:disabled svg, .main_ui_workspace_sidebar__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar__button-radio: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);
}
.main_ui_workspace_sidebar__button-radio:focus-visible svg,
.main_ui_workspace_sidebar__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar__button-radio svg,
.main_ui_workspace_sidebar__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar__button-radio:hover svg,
.main_ui_workspace_sidebar__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar__button-radio:active svg,
.main_ui_workspace_sidebar__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar__button-warning {
  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);
}

.main_ui_workspace_sidebar__button-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;
}

.main_ui_workspace_sidebar__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar__button-tag: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);
}
.main_ui_workspace_sidebar__button-tag:focus-visible svg,
.main_ui_workspace_sidebar__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar__button-icon, .main_ui_workspace_sidebar__empty-icon svg, .main_ui_workspace_sidebar__modal-close-btn-base svg, .main_ui_workspace_sidebar__button-icon-small, .main_ui_workspace_sidebar__dropdown-element-base span svg, .main_ui_workspace_sidebar__attr-title button svg, .main_ui_workspace_sidebar__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar__checkbox-icon.checked svg, .main_ui_workspace_sidebar__input-checkbox label span.checked svg, .main_ui_workspace_sidebar__input-element span svg,
.main_ui_workspace_sidebar__input-element label svg, .main_ui_workspace_sidebar__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar__button-icon-small, .main_ui_workspace_sidebar__dropdown-element-base span svg, .main_ui_workspace_sidebar__attr-title button svg, .main_ui_workspace_sidebar__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar__checkbox-icon.checked svg, .main_ui_workspace_sidebar__input-checkbox label span.checked svg, .main_ui_workspace_sidebar__input-element span svg,
.main_ui_workspace_sidebar__input-element label svg, .main_ui_workspace_sidebar__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar__input-base, .main_ui_workspace_sidebar__input-with-label input, .main_ui_workspace_sidebar__input-element-label input, .main_ui_workspace_sidebar__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar__input-base[disabled], .main_ui_workspace_sidebar__input-with-label input[disabled], .main_ui_workspace_sidebar__input-element-label input[disabled], .main_ui_workspace_sidebar__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar__input-label, .main_ui_workspace_sidebar__input-element span,
.main_ui_workspace_sidebar__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar__input-element span svg,
.main_ui_workspace_sidebar__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar__input-element:focus, .main_ui_workspace_sidebar__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar__input-element:focus span, .main_ui_workspace_sidebar__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar__input-element:focus input, .main_ui_workspace_sidebar__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar__input-element:focus:hover, .main_ui_workspace_sidebar__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar__input-element:focus:hover span, .main_ui_workspace_sidebar__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar__input-element:focus:hover input, .main_ui_workspace_sidebar__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar__input-element-label:focus-within input, .main_ui_workspace_sidebar__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar__input-with-label input:focus-within, .main_ui_workspace_sidebar__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar__input-with-label input:focus-within input, .main_ui_workspace_sidebar__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar__colorpicker-handler:hover, .main_ui_workspace_sidebar__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar__left-settings-bar {
  display: grid;
  grid-template-areas: "header header" "content resize";
  grid-template-rows: 3.25rem 1fr;
  grid-template-columns: 1fr 0;
  position: relative;
  grid-area: left-sidebar;
  min-width: 17.25rem;
  max-width: 31.25rem;
  width: var(--width, 17.25rem);
  background-color: var(--panel-background-color);
  height: 100vh;
  max-height: 100vh;
  z-index: 1;
}
.main_ui_workspace_sidebar__left-settings-bar .main_ui_workspace_sidebar__resize-area {
  grid-area: resize;
}

.main_ui_workspace_sidebar__layers-tab {
  padding-top: 0.25rem;
  overflow-x: hidden;
}

.main_ui_workspace_sidebar__left-header {
  grid-area: header;
}

.main_ui_workspace_sidebar__settings-bar-content {
  grid-area: content;
  right: calc(-1 * 0.5rem);
}

.main_ui_workspace_sidebar__resize-area {
  position: absolute;
  top: 0;
  left: unset;
  z-index: 4;
  width: 0.5rem;
  cursor: ew-resize;
  height: 100%;
}

.main_ui_workspace_sidebar__tab-spacing {
  margin-inline: 0.75rem;
}

.main_ui_workspace_sidebar__right-settings-bar {
  grid-area: right-sidebar;
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100vh;
  width: 17.25rem;
  background-color: var(--panel-background-color);
  z-index: 1;
}
.main_ui_workspace_sidebar__right-settings-bar.main_ui_workspace_sidebar__not-expand {
  max-width: 17.25rem;
}
.main_ui_workspace_sidebar__right-settings-bar.main_ui_workspace_sidebar__expanded {
  width: var(--width, 17.25rem);
}
.main_ui_workspace_sidebar__right-settings-bar .main_ui_workspace_sidebar__settings-bar-inside {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  height: calc(100vh - 3.25rem);
  overflow: hidden;
}

.main_ui_workspace_sidebar__resize-area-horiz {
  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;
}

.main_ui_workspace_sidebar__resize-handle-horiz {
  border-bottom: 0.125rem solid var(--resize-area-border-color);
  cursor: ns-resize;
}

.main_ui_workspace_sidebar__left-sidebar-tabs {
  --tabs-nav-padding-inline-start: var(--sp-m);
  --tabs-nav-padding-inline-end: var(--sp-m);
}

.main_ui_workspace_sidebar__collapse-sidebar-button {
  --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);
}
.main_ui_workspace_sidebar__collapse-sidebar-button:hover {
  --collapse-icon-color: var(--color-foreground-primary);
}

.main_ui_workspace_sidebar__versions-tab {
  width: 100%;
  overflow: hidden;
  height: calc(100vh - 5.5rem);
}
@keyframes main_ui_workspace_text_palette__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_text_palette__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_text_palette__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_text_palette__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_text_palette__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_text_palette__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_text_palette__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_text_palette__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_text_palette__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_text_palette__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_text_palette__new-scrollbar ::placeholder,
.main_ui_workspace_text_palette__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_text_palette__button-primary, .main_ui_workspace_text_palette__modal-danger-btn, .main_ui_workspace_text_palette__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_text_palette__button-primary:focus-visible, .main_ui_workspace_text_palette__modal-danger-btn:focus-visible, .main_ui_workspace_text_palette__modal-accept-btn: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);
}
.main_ui_workspace_text_palette__button-primary:focus-visible svg, .main_ui_workspace_text_palette__modal-danger-btn:focus-visible svg, .main_ui_workspace_text_palette__modal-accept-btn:focus-visible svg,
.main_ui_workspace_text_palette__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_text_palette__button-primary svg, .main_ui_workspace_text_palette__modal-danger-btn svg, .main_ui_workspace_text_palette__modal-accept-btn svg,
.main_ui_workspace_text_palette__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_text_palette__button-primary:hover, .main_ui_workspace_text_palette__modal-danger-btn:hover, .main_ui_workspace_text_palette__modal-accept-btn: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;
}
.main_ui_workspace_text_palette__button-primary:hover svg, .main_ui_workspace_text_palette__modal-danger-btn:hover svg, .main_ui_workspace_text_palette__modal-accept-btn:hover svg,
.main_ui_workspace_text_palette__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_text_palette__button-primary:active, .main_ui_workspace_text_palette__modal-danger-btn:active, .main_ui_workspace_text_palette__modal-accept-btn: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;
}
.main_ui_workspace_text_palette__button-primary:active svg, .main_ui_workspace_text_palette__modal-danger-btn:active svg, .main_ui_workspace_text_palette__modal-accept-btn:active svg,
.main_ui_workspace_text_palette__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_text_palette__button-primary.disabled, .main_ui_workspace_text_palette__modal-danger-btn.disabled, .main_ui_workspace_text_palette__modal-accept-btn.disabled, .main_ui_workspace_text_palette__button-primary[disabled], [disabled].main_ui_workspace_text_palette__modal-danger-btn, [disabled].main_ui_workspace_text_palette__modal-accept-btn, .main_ui_workspace_text_palette__button-primary:disabled, .main_ui_workspace_text_palette__modal-danger-btn:disabled, .main_ui_workspace_text_palette__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_text_palette__button-secondary, .main_ui_workspace_text_palette__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_text_palette__button-secondary:focus-visible, .main_ui_workspace_text_palette__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_text_palette__button-secondary:focus-visible svg, .main_ui_workspace_text_palette__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_text_palette__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_text_palette__button-secondary svg, .main_ui_workspace_text_palette__modal-cancel-btn svg,
.main_ui_workspace_text_palette__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_text_palette__button-secondary:hover, .main_ui_workspace_text_palette__modal-cancel-btn: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;
}
.main_ui_workspace_text_palette__button-secondary:hover svg, .main_ui_workspace_text_palette__modal-cancel-btn:hover svg,
.main_ui_workspace_text_palette__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_text_palette__button-secondary:active, .main_ui_workspace_text_palette__modal-cancel-btn: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);
}
.main_ui_workspace_text_palette__button-secondary:active svg, .main_ui_workspace_text_palette__modal-cancel-btn:active svg,
.main_ui_workspace_text_palette__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_text_palette__button-secondary.disabled, .main_ui_workspace_text_palette__modal-cancel-btn.disabled, .main_ui_workspace_text_palette__button-secondary[disabled], [disabled].main_ui_workspace_text_palette__modal-cancel-btn, .main_ui_workspace_text_palette__button-secondary:disabled, .main_ui_workspace_text_palette__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_text_palette__button-tertiary, .main_ui_workspace_text_palette__attr-title button, .main_ui_workspace_text_palette__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_text_palette__button-tertiary:focus-visible, .main_ui_workspace_text_palette__attr-title button:focus-visible, .main_ui_workspace_text_palette__modal-close-btn-base: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);
}
.main_ui_workspace_text_palette__button-tertiary:focus-visible svg, .main_ui_workspace_text_palette__attr-title button:focus-visible svg, .main_ui_workspace_text_palette__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_text_palette__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_text_palette__button-tertiary svg, .main_ui_workspace_text_palette__attr-title button svg, .main_ui_workspace_text_palette__modal-close-btn-base svg,
.main_ui_workspace_text_palette__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_text_palette__button-tertiary:hover, .main_ui_workspace_text_palette__attr-title button:hover, .main_ui_workspace_text_palette__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_text_palette__button-tertiary:hover svg, .main_ui_workspace_text_palette__attr-title button:hover svg, .main_ui_workspace_text_palette__modal-close-btn-base:hover svg,
.main_ui_workspace_text_palette__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_text_palette__button-tertiary:active, .main_ui_workspace_text_palette__attr-title button:active, .main_ui_workspace_text_palette__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_text_palette__button-tertiary:active svg, .main_ui_workspace_text_palette__attr-title button:active svg, .main_ui_workspace_text_palette__modal-close-btn-base:active svg,
.main_ui_workspace_text_palette__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_text_palette__button-tertiary.disabled, .main_ui_workspace_text_palette__attr-title button.disabled, .main_ui_workspace_text_palette__modal-close-btn-base.disabled, .main_ui_workspace_text_palette__button-tertiary[disabled], .main_ui_workspace_text_palette__attr-title button[disabled], [disabled].main_ui_workspace_text_palette__modal-close-btn-base, .main_ui_workspace_text_palette__button-tertiary:disabled, .main_ui_workspace_text_palette__attr-title button:disabled, .main_ui_workspace_text_palette__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_text_palette__button-tertiary.disabled svg, .main_ui_workspace_text_palette__attr-title button.disabled svg, .main_ui_workspace_text_palette__modal-close-btn-base.disabled svg,
.main_ui_workspace_text_palette__button-tertiary.disabled span svg, .main_ui_workspace_text_palette__button-tertiary[disabled] svg, .main_ui_workspace_text_palette__attr-title button[disabled] svg, [disabled].main_ui_workspace_text_palette__modal-close-btn-base svg,
.main_ui_workspace_text_palette__button-tertiary[disabled] span svg, .main_ui_workspace_text_palette__button-tertiary:disabled svg, .main_ui_workspace_text_palette__attr-title button:disabled svg, .main_ui_workspace_text_palette__modal-close-btn-base:disabled svg,
.main_ui_workspace_text_palette__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_text_palette__button-icon-selected {
  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);
}
.main_ui_workspace_text_palette__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_text_palette__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_text_palette__button-radio: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);
}
.main_ui_workspace_text_palette__button-radio:focus-visible svg,
.main_ui_workspace_text_palette__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_text_palette__button-radio svg,
.main_ui_workspace_text_palette__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_text_palette__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_text_palette__button-radio:hover svg,
.main_ui_workspace_text_palette__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_text_palette__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_text_palette__button-radio:active svg,
.main_ui_workspace_text_palette__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_text_palette__button-warning {
  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);
}

.main_ui_workspace_text_palette__button-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;
}

.main_ui_workspace_text_palette__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_text_palette__button-tag: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);
}
.main_ui_workspace_text_palette__button-tag:focus-visible svg,
.main_ui_workspace_text_palette__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_text_palette__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_text_palette__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_text_palette__button-icon, .main_ui_workspace_text_palette__left-arrow svg,
.main_ui_workspace_text_palette__right-arrow svg, .main_ui_workspace_text_palette__empty-icon svg, .main_ui_workspace_text_palette__modal-close-btn-base svg, .main_ui_workspace_text_palette__button-icon-small, .main_ui_workspace_text_palette__dropdown-element-base span svg, .main_ui_workspace_text_palette__attr-title button svg, .main_ui_workspace_text_palette__checkbox-icon.intermediate svg, .main_ui_workspace_text_palette__input-checkbox label span.intermediate svg, .main_ui_workspace_text_palette__checkbox-icon.checked svg, .main_ui_workspace_text_palette__input-checkbox label span.checked svg, .main_ui_workspace_text_palette__input-element span svg,
.main_ui_workspace_text_palette__input-element label svg, .main_ui_workspace_text_palette__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_text_palette__button-icon-small, .main_ui_workspace_text_palette__dropdown-element-base span svg, .main_ui_workspace_text_palette__attr-title button svg, .main_ui_workspace_text_palette__checkbox-icon.intermediate svg, .main_ui_workspace_text_palette__input-checkbox label span.intermediate svg, .main_ui_workspace_text_palette__checkbox-icon.checked svg, .main_ui_workspace_text_palette__input-checkbox label span.checked svg, .main_ui_workspace_text_palette__input-element span svg,
.main_ui_workspace_text_palette__input-element label svg, .main_ui_workspace_text_palette__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_text_palette__input-base, .main_ui_workspace_text_palette__input-with-label input, .main_ui_workspace_text_palette__input-element-label input, .main_ui_workspace_text_palette__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_text_palette__input-base[disabled], .main_ui_workspace_text_palette__input-with-label input[disabled], .main_ui_workspace_text_palette__input-element-label input[disabled], .main_ui_workspace_text_palette__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_text_palette__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_text_palette__input-label, .main_ui_workspace_text_palette__input-element span,
.main_ui_workspace_text_palette__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_text_palette__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_text_palette__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_text_palette__input-element span svg,
.main_ui_workspace_text_palette__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_text_palette__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_text_palette__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_text_palette__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_text_palette__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_text_palette__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_text_palette__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_text_palette__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_text_palette__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_text_palette__input-element:focus, .main_ui_workspace_text_palette__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_text_palette__input-element:focus span, .main_ui_workspace_text_palette__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_text_palette__input-element:focus input, .main_ui_workspace_text_palette__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_text_palette__input-element:focus:hover, .main_ui_workspace_text_palette__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_text_palette__input-element:focus:hover span, .main_ui_workspace_text_palette__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_text_palette__input-element:focus:hover input, .main_ui_workspace_text_palette__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_text_palette__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_text_palette__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_text_palette__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_text_palette__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_text_palette__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_text_palette__input-element-label:focus-within input, .main_ui_workspace_text_palette__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_text_palette__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_text_palette__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_text_palette__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_text_palette__input-with-label input:focus-within, .main_ui_workspace_text_palette__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_text_palette__input-with-label input:focus-within input, .main_ui_workspace_text_palette__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_text_palette__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_text_palette__modal-overlay-base {
  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);
}

.main_ui_workspace_text_palette__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_text_palette__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_text_palette__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_text_palette__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_text_palette__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_text_palette__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_text_palette__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_text_palette__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_text_palette__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_text_palette__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_text_palette__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_text_palette__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_text_palette__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_text_palette__colorpicker-handler {
  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;
}
.main_ui_workspace_text_palette__colorpicker-handler:hover, .main_ui_workspace_text_palette__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_text_palette__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_text_palette__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_text_palette__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_text_palette__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_text_palette__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_text_palette__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_text_palette__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_text_palette__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_text_palette__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_text_palette__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_text_palette__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_text_palette__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_text_palette__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_text_palette__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_text_palette__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_text_palette__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_text_palette__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_text_palette__text-palette {
  height: 100%;
  display: flex;
}

.main_ui_workspace_text_palette__left-arrow,
.main_ui_workspace_text_palette__right-arrow {
  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;
}
.main_ui_workspace_text_palette__left-arrow::after,
.main_ui_workspace_text_palette__right-arrow::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;
}
.main_ui_workspace_text_palette__left-arrow:hover svg,
.main_ui_workspace_text_palette__right-arrow:hover svg {
  stroke: var(--button-foreground-hover);
}
.main_ui_workspace_text_palette__left-arrow:disabled svg,
.main_ui_workspace_text_palette__right-arrow:disabled svg {
  stroke: var(--button-foreground-color-disabled);
}
.main_ui_workspace_text_palette__left-arrow:disabled::after,
.main_ui_workspace_text_palette__right-arrow:disabled::after {
  background-image: none;
}

.main_ui_workspace_text_palette__left-arrow::after {
  left: 1.5rem;
  background-image: linear-gradient(to right, var(--palette-button-shadow-initial) 0%, var(--palette-button-shadow-final) 100%);
}
.main_ui_workspace_text_palette__left-arrow.main_ui_workspace_text_palette__disabled ::after {
  background-image: none;
}
.main_ui_workspace_text_palette__left-arrow svg {
  transform: rotate(180deg);
}

.main_ui_workspace_text_palette__text-palette-content {
  display: flex;
  overflow: hidden;
}

.main_ui_workspace_text_palette__text-palette-inside {
  display: flex;
  gap: 0.5rem;
}

.main_ui_workspace_text_palette__typography-item {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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: 0.5rem;
  background-color: var(--palette-text-background-color);
}
.main_ui_workspace_text_palette__typography-item:first-child {
  margin-left: 0.5rem;
}
.main_ui_workspace_text_palette__typography-item .main_ui_workspace_text_palette__typography-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1rem;
  width: 7.5rem;
  color: var(--palette-text-color-selected);
}
.main_ui_workspace_text_palette__typography-item .main_ui_workspace_text_palette__typography-font {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1rem;
  width: 7.5rem;
  color: var(--palette-text-color);
}
.main_ui_workspace_text_palette__typography-item .main_ui_workspace_text_palette__typography-data {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1rem;
  width: 7.5rem;
  color: var(--palette-text-color);
}
.main_ui_workspace_text_palette__typography-item.main_ui_workspace_text_palette__mid-item .main_ui_workspace_text_palette__typography-name {
  height: 1rem;
}
.main_ui_workspace_text_palette__typography-item.main_ui_workspace_text_palette__mid-item .main_ui_workspace_text_palette__typography-data {
  display: none;
}
.main_ui_workspace_text_palette__typography-item.main_ui_workspace_text_palette__small-item .main_ui_workspace_text_palette__typography-data,
.main_ui_workspace_text_palette__typography-item.main_ui_workspace_text_palette__small-item .main_ui_workspace_text_palette__typography-font {
  display: none;
}
.main_ui_workspace_text_palette__typography-item:hover {
  background-color: var(--palette-text-background-color-hover);
}

.main_ui_workspace_text_palette__text-palette-empty {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--palette-text-color);
}
@keyframes main_ui_workspace_text_palette_ctx_menu__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_text_palette_ctx_menu__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_text_palette_ctx_menu__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_text_palette_ctx_menu__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_text_palette_ctx_menu__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_text_palette_ctx_menu__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_text_palette_ctx_menu__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_text_palette_ctx_menu__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_text_palette_ctx_menu__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_text_palette_ctx_menu__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_text_palette_ctx_menu__new-scrollbar ::placeholder,
.main_ui_workspace_text_palette_ctx_menu__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_text_palette_ctx_menu__button-primary, .main_ui_workspace_text_palette_ctx_menu__modal-danger-btn, .main_ui_workspace_text_palette_ctx_menu__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_text_palette_ctx_menu__button-primary:focus-visible, .main_ui_workspace_text_palette_ctx_menu__modal-danger-btn:focus-visible, .main_ui_workspace_text_palette_ctx_menu__modal-accept-btn: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);
}
.main_ui_workspace_text_palette_ctx_menu__button-primary:focus-visible svg, .main_ui_workspace_text_palette_ctx_menu__modal-danger-btn:focus-visible svg, .main_ui_workspace_text_palette_ctx_menu__modal-accept-btn:focus-visible svg,
.main_ui_workspace_text_palette_ctx_menu__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_text_palette_ctx_menu__button-primary svg, .main_ui_workspace_text_palette_ctx_menu__modal-danger-btn svg, .main_ui_workspace_text_palette_ctx_menu__modal-accept-btn svg,
.main_ui_workspace_text_palette_ctx_menu__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_text_palette_ctx_menu__button-primary:hover, .main_ui_workspace_text_palette_ctx_menu__modal-danger-btn:hover, .main_ui_workspace_text_palette_ctx_menu__modal-accept-btn: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;
}
.main_ui_workspace_text_palette_ctx_menu__button-primary:hover svg, .main_ui_workspace_text_palette_ctx_menu__modal-danger-btn:hover svg, .main_ui_workspace_text_palette_ctx_menu__modal-accept-btn:hover svg,
.main_ui_workspace_text_palette_ctx_menu__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_text_palette_ctx_menu__button-primary:active, .main_ui_workspace_text_palette_ctx_menu__modal-danger-btn:active, .main_ui_workspace_text_palette_ctx_menu__modal-accept-btn: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;
}
.main_ui_workspace_text_palette_ctx_menu__button-primary:active svg, .main_ui_workspace_text_palette_ctx_menu__modal-danger-btn:active svg, .main_ui_workspace_text_palette_ctx_menu__modal-accept-btn:active svg,
.main_ui_workspace_text_palette_ctx_menu__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_text_palette_ctx_menu__button-primary.disabled, .main_ui_workspace_text_palette_ctx_menu__modal-danger-btn.disabled, .main_ui_workspace_text_palette_ctx_menu__modal-accept-btn.disabled, .main_ui_workspace_text_palette_ctx_menu__button-primary[disabled], [disabled].main_ui_workspace_text_palette_ctx_menu__modal-danger-btn, [disabled].main_ui_workspace_text_palette_ctx_menu__modal-accept-btn, .main_ui_workspace_text_palette_ctx_menu__button-primary:disabled, .main_ui_workspace_text_palette_ctx_menu__modal-danger-btn:disabled, .main_ui_workspace_text_palette_ctx_menu__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_text_palette_ctx_menu__button-secondary, .main_ui_workspace_text_palette_ctx_menu__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_text_palette_ctx_menu__button-secondary:focus-visible, .main_ui_workspace_text_palette_ctx_menu__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_text_palette_ctx_menu__button-secondary:focus-visible svg, .main_ui_workspace_text_palette_ctx_menu__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_text_palette_ctx_menu__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_text_palette_ctx_menu__button-secondary svg, .main_ui_workspace_text_palette_ctx_menu__modal-cancel-btn svg,
.main_ui_workspace_text_palette_ctx_menu__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_text_palette_ctx_menu__button-secondary:hover, .main_ui_workspace_text_palette_ctx_menu__modal-cancel-btn: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;
}
.main_ui_workspace_text_palette_ctx_menu__button-secondary:hover svg, .main_ui_workspace_text_palette_ctx_menu__modal-cancel-btn:hover svg,
.main_ui_workspace_text_palette_ctx_menu__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_text_palette_ctx_menu__button-secondary:active, .main_ui_workspace_text_palette_ctx_menu__modal-cancel-btn: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);
}
.main_ui_workspace_text_palette_ctx_menu__button-secondary:active svg, .main_ui_workspace_text_palette_ctx_menu__modal-cancel-btn:active svg,
.main_ui_workspace_text_palette_ctx_menu__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_text_palette_ctx_menu__button-secondary.disabled, .main_ui_workspace_text_palette_ctx_menu__modal-cancel-btn.disabled, .main_ui_workspace_text_palette_ctx_menu__button-secondary[disabled], [disabled].main_ui_workspace_text_palette_ctx_menu__modal-cancel-btn, .main_ui_workspace_text_palette_ctx_menu__button-secondary:disabled, .main_ui_workspace_text_palette_ctx_menu__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_text_palette_ctx_menu__button-tertiary, .main_ui_workspace_text_palette_ctx_menu__attr-title button, .main_ui_workspace_text_palette_ctx_menu__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_text_palette_ctx_menu__button-tertiary:focus-visible, .main_ui_workspace_text_palette_ctx_menu__attr-title button:focus-visible, .main_ui_workspace_text_palette_ctx_menu__modal-close-btn-base: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);
}
.main_ui_workspace_text_palette_ctx_menu__button-tertiary:focus-visible svg, .main_ui_workspace_text_palette_ctx_menu__attr-title button:focus-visible svg, .main_ui_workspace_text_palette_ctx_menu__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_text_palette_ctx_menu__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_text_palette_ctx_menu__button-tertiary svg, .main_ui_workspace_text_palette_ctx_menu__attr-title button svg, .main_ui_workspace_text_palette_ctx_menu__modal-close-btn-base svg,
.main_ui_workspace_text_palette_ctx_menu__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_text_palette_ctx_menu__button-tertiary:hover, .main_ui_workspace_text_palette_ctx_menu__attr-title button:hover, .main_ui_workspace_text_palette_ctx_menu__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_text_palette_ctx_menu__button-tertiary:hover svg, .main_ui_workspace_text_palette_ctx_menu__attr-title button:hover svg, .main_ui_workspace_text_palette_ctx_menu__modal-close-btn-base:hover svg,
.main_ui_workspace_text_palette_ctx_menu__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_text_palette_ctx_menu__button-tertiary:active, .main_ui_workspace_text_palette_ctx_menu__attr-title button:active, .main_ui_workspace_text_palette_ctx_menu__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_text_palette_ctx_menu__button-tertiary:active svg, .main_ui_workspace_text_palette_ctx_menu__attr-title button:active svg, .main_ui_workspace_text_palette_ctx_menu__modal-close-btn-base:active svg,
.main_ui_workspace_text_palette_ctx_menu__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_text_palette_ctx_menu__button-tertiary.disabled, .main_ui_workspace_text_palette_ctx_menu__attr-title button.disabled, .main_ui_workspace_text_palette_ctx_menu__modal-close-btn-base.disabled, .main_ui_workspace_text_palette_ctx_menu__button-tertiary[disabled], .main_ui_workspace_text_palette_ctx_menu__attr-title button[disabled], [disabled].main_ui_workspace_text_palette_ctx_menu__modal-close-btn-base, .main_ui_workspace_text_palette_ctx_menu__button-tertiary:disabled, .main_ui_workspace_text_palette_ctx_menu__attr-title button:disabled, .main_ui_workspace_text_palette_ctx_menu__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_text_palette_ctx_menu__button-tertiary.disabled svg, .main_ui_workspace_text_palette_ctx_menu__attr-title button.disabled svg, .main_ui_workspace_text_palette_ctx_menu__modal-close-btn-base.disabled svg,
.main_ui_workspace_text_palette_ctx_menu__button-tertiary.disabled span svg, .main_ui_workspace_text_palette_ctx_menu__button-tertiary[disabled] svg, .main_ui_workspace_text_palette_ctx_menu__attr-title button[disabled] svg, [disabled].main_ui_workspace_text_palette_ctx_menu__modal-close-btn-base svg,
.main_ui_workspace_text_palette_ctx_menu__button-tertiary[disabled] span svg, .main_ui_workspace_text_palette_ctx_menu__button-tertiary:disabled svg, .main_ui_workspace_text_palette_ctx_menu__attr-title button:disabled svg, .main_ui_workspace_text_palette_ctx_menu__modal-close-btn-base:disabled svg,
.main_ui_workspace_text_palette_ctx_menu__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_text_palette_ctx_menu__button-icon-selected {
  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);
}
.main_ui_workspace_text_palette_ctx_menu__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_text_palette_ctx_menu__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_text_palette_ctx_menu__button-radio: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);
}
.main_ui_workspace_text_palette_ctx_menu__button-radio:focus-visible svg,
.main_ui_workspace_text_palette_ctx_menu__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_text_palette_ctx_menu__button-radio svg,
.main_ui_workspace_text_palette_ctx_menu__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_text_palette_ctx_menu__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_text_palette_ctx_menu__button-radio:hover svg,
.main_ui_workspace_text_palette_ctx_menu__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_text_palette_ctx_menu__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_text_palette_ctx_menu__button-radio:active svg,
.main_ui_workspace_text_palette_ctx_menu__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_text_palette_ctx_menu__button-warning {
  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);
}

.main_ui_workspace_text_palette_ctx_menu__button-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;
}

.main_ui_workspace_text_palette_ctx_menu__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_text_palette_ctx_menu__button-tag: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);
}
.main_ui_workspace_text_palette_ctx_menu__button-tag:focus-visible svg,
.main_ui_workspace_text_palette_ctx_menu__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_text_palette_ctx_menu__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_text_palette_ctx_menu__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_text_palette_ctx_menu__button-icon, .main_ui_workspace_text_palette_ctx_menu__empty-icon svg, .main_ui_workspace_text_palette_ctx_menu__modal-close-btn-base svg, .main_ui_workspace_text_palette_ctx_menu__button-icon-small, .main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library.main_ui_workspace_text_palette_ctx_menu__selected .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg, .main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library:hover .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library.main_ui_workspace_text_palette_ctx_menu__selected .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library:hover .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg, .main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg, .main_ui_workspace_text_palette_ctx_menu__dropdown-element-base span svg, .main_ui_workspace_text_palette_ctx_menu__attr-title button svg, .main_ui_workspace_text_palette_ctx_menu__checkbox-icon.intermediate svg, .main_ui_workspace_text_palette_ctx_menu__input-checkbox label span.intermediate svg, .main_ui_workspace_text_palette_ctx_menu__checkbox-icon.checked svg, .main_ui_workspace_text_palette_ctx_menu__input-checkbox label span.checked svg, .main_ui_workspace_text_palette_ctx_menu__input-element span svg,
.main_ui_workspace_text_palette_ctx_menu__input-element label svg, .main_ui_workspace_text_palette_ctx_menu__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_text_palette_ctx_menu__button-icon-small, .main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library.main_ui_workspace_text_palette_ctx_menu__selected .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg, .main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library:hover .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library.main_ui_workspace_text_palette_ctx_menu__selected .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library:hover .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg, .main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg, .main_ui_workspace_text_palette_ctx_menu__dropdown-element-base span svg, .main_ui_workspace_text_palette_ctx_menu__attr-title button svg, .main_ui_workspace_text_palette_ctx_menu__checkbox-icon.intermediate svg, .main_ui_workspace_text_palette_ctx_menu__input-checkbox label span.intermediate svg, .main_ui_workspace_text_palette_ctx_menu__checkbox-icon.checked svg, .main_ui_workspace_text_palette_ctx_menu__input-checkbox label span.checked svg, .main_ui_workspace_text_palette_ctx_menu__input-element span svg,
.main_ui_workspace_text_palette_ctx_menu__input-element label svg, .main_ui_workspace_text_palette_ctx_menu__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_text_palette_ctx_menu__input-base, .main_ui_workspace_text_palette_ctx_menu__input-with-label input, .main_ui_workspace_text_palette_ctx_menu__input-element-label input, .main_ui_workspace_text_palette_ctx_menu__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_text_palette_ctx_menu__input-base[disabled], .main_ui_workspace_text_palette_ctx_menu__input-with-label input[disabled], .main_ui_workspace_text_palette_ctx_menu__input-element-label input[disabled], .main_ui_workspace_text_palette_ctx_menu__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_text_palette_ctx_menu__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_text_palette_ctx_menu__input-label, .main_ui_workspace_text_palette_ctx_menu__input-element span,
.main_ui_workspace_text_palette_ctx_menu__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_text_palette_ctx_menu__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_text_palette_ctx_menu__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_text_palette_ctx_menu__input-element span svg,
.main_ui_workspace_text_palette_ctx_menu__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_text_palette_ctx_menu__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_text_palette_ctx_menu__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_text_palette_ctx_menu__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_text_palette_ctx_menu__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_text_palette_ctx_menu__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_text_palette_ctx_menu__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_text_palette_ctx_menu__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_text_palette_ctx_menu__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_text_palette_ctx_menu__input-element:focus, .main_ui_workspace_text_palette_ctx_menu__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_text_palette_ctx_menu__input-element:focus span, .main_ui_workspace_text_palette_ctx_menu__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_text_palette_ctx_menu__input-element:focus input, .main_ui_workspace_text_palette_ctx_menu__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_text_palette_ctx_menu__input-element:focus:hover, .main_ui_workspace_text_palette_ctx_menu__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_text_palette_ctx_menu__input-element:focus:hover span, .main_ui_workspace_text_palette_ctx_menu__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_text_palette_ctx_menu__input-element:focus:hover input, .main_ui_workspace_text_palette_ctx_menu__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_text_palette_ctx_menu__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_text_palette_ctx_menu__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_text_palette_ctx_menu__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_text_palette_ctx_menu__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_text_palette_ctx_menu__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_text_palette_ctx_menu__input-element-label:focus-within input, .main_ui_workspace_text_palette_ctx_menu__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_text_palette_ctx_menu__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_text_palette_ctx_menu__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_text_palette_ctx_menu__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_text_palette_ctx_menu__input-with-label input:focus-within, .main_ui_workspace_text_palette_ctx_menu__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_text_palette_ctx_menu__input-with-label input:focus-within input, .main_ui_workspace_text_palette_ctx_menu__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_text_palette_ctx_menu__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_text_palette_ctx_menu__modal-overlay-base {
  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);
}

.main_ui_workspace_text_palette_ctx_menu__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_text_palette_ctx_menu__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_text_palette_ctx_menu__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_text_palette_ctx_menu__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_text_palette_ctx_menu__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_text_palette_ctx_menu__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_text_palette_ctx_menu__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_text_palette_ctx_menu__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_text_palette_ctx_menu__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_text_palette_ctx_menu__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_text_palette_ctx_menu__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_text_palette_ctx_menu__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_text_palette_ctx_menu__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_text_palette_ctx_menu__colorpicker-handler {
  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;
}
.main_ui_workspace_text_palette_ctx_menu__colorpicker-handler:hover, .main_ui_workspace_text_palette_ctx_menu__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_text_palette_ctx_menu__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_text_palette_ctx_menu__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_text_palette_ctx_menu__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_text_palette_ctx_menu__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_text_palette_ctx_menu__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_text_palette_ctx_menu__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_text_palette_ctx_menu__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_text_palette_ctx_menu__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_text_palette_ctx_menu__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_text_palette_ctx_menu__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_text_palette_ctx_menu__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_text_palette_ctx_menu__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_text_palette_ctx_menu__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_text_palette_ctx_menu__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_text_palette_ctx_menu__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_text_palette_ctx_menu__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_text_palette_ctx_menu__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_text_palette_ctx_menu__text-context-menu {
  position: absolute;
  left: auto;
  bottom: var(--height);
  max-width: 30rem;
  padding: 0.25rem;
  margin: 0 0 0.25rem 0;
  z-index: 4;
  border-radius: calc(0.5rem + 0.125rem);
  background-color: var(--context-menu-background-color);
}
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 0.25rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library:last-child,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library:last-child {
  margin-bottom: 0;
}
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library .main_ui_workspace_text_palette_ctx_menu__library-name,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library .main_ui_workspace_text_palette_ctx_menu__library-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--context-menu-foreground-color);
  display: grid;
  grid-template-columns: 1fr 1.5rem;
  max-width: 25rem;
}
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library .main_ui_workspace_text_palette_ctx_menu__library-name .main_ui_workspace_text_palette_ctx_menu__lib-name,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library .main_ui_workspace_text_palette_ctx_menu__library-name .main_ui_workspace_text_palette_ctx_menu__lib-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 23.75rem;
}
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library .main_ui_workspace_text_palette_ctx_menu__library-name .main_ui_workspace_text_palette_ctx_menu__lib-num,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library .main_ui_workspace_text_palette_ctx_menu__library-name .main_ui_workspace_text_palette_ctx_menu__lib-num {
  margin-left: 0.25rem;
}
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library .main_ui_workspace_text_palette_ctx_menu__icon-wrapper,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library .main_ui_workspace_text_palette_ctx_menu__icon-wrapper {
  margin-left: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg {
  display: flex;
  justify-content: center;
  align-items: center;
  stroke: var(--icon-foreground);
}
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library.main_ui_workspace_text_palette_ctx_menu__selected .main_ui_workspace_text_palette_ctx_menu__icon-wrapper, .main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library:hover .main_ui_workspace_text_palette_ctx_menu__icon-wrapper,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library.main_ui_workspace_text_palette_ctx_menu__selected .main_ui_workspace_text_palette_ctx_menu__icon-wrapper,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library:hover .main_ui_workspace_text_palette_ctx_menu__icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library.main_ui_workspace_text_palette_ctx_menu__selected .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg, .main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library:hover .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library.main_ui_workspace_text_palette_ctx_menu__selected .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library:hover .main_ui_workspace_text_palette_ctx_menu__icon-wrapper svg {
  display: flex;
  justify-content: center;
  align-items: center;
  stroke: var(--context-menu-foreground-color-selected);
}
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library.main_ui_workspace_text_palette_ctx_menu__selected .main_ui_workspace_text_palette_ctx_menu__library-name, .main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library:hover .main_ui_workspace_text_palette_ctx_menu__library-name,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library.main_ui_workspace_text_palette_ctx_menu__selected .main_ui_workspace_text_palette_ctx_menu__library-name,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library:hover .main_ui_workspace_text_palette_ctx_menu__library-name {
  color: var(--context-menu-foreground-color-selected);
}
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__palette-library:hover,
.main_ui_workspace_text_palette_ctx_menu__text-context-menu .main_ui_workspace_text_palette_ctx_menu__file-library:hover {
  background-color: var(--context-menu-background-color-selected);
}
@keyframes main_ui_workspace_top_toolbar__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_top_toolbar__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_top_toolbar__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_top_toolbar__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_top_toolbar__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_top_toolbar__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_top_toolbar__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_top_toolbar__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_top_toolbar__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_top_toolbar__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_top_toolbar__new-scrollbar ::placeholder,
.main_ui_workspace_top_toolbar__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_top_toolbar__button-primary, .main_ui_workspace_top_toolbar__modal-danger-btn, .main_ui_workspace_top_toolbar__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_top_toolbar__button-primary:focus-visible, .main_ui_workspace_top_toolbar__modal-danger-btn:focus-visible, .main_ui_workspace_top_toolbar__modal-accept-btn: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);
}
.main_ui_workspace_top_toolbar__button-primary:focus-visible svg, .main_ui_workspace_top_toolbar__modal-danger-btn:focus-visible svg, .main_ui_workspace_top_toolbar__modal-accept-btn:focus-visible svg,
.main_ui_workspace_top_toolbar__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_top_toolbar__button-primary svg, .main_ui_workspace_top_toolbar__modal-danger-btn svg, .main_ui_workspace_top_toolbar__modal-accept-btn svg,
.main_ui_workspace_top_toolbar__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_top_toolbar__button-primary:hover, .main_ui_workspace_top_toolbar__modal-danger-btn:hover, .main_ui_workspace_top_toolbar__modal-accept-btn: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;
}
.main_ui_workspace_top_toolbar__button-primary:hover svg, .main_ui_workspace_top_toolbar__modal-danger-btn:hover svg, .main_ui_workspace_top_toolbar__modal-accept-btn:hover svg,
.main_ui_workspace_top_toolbar__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_top_toolbar__button-primary:active, .main_ui_workspace_top_toolbar__modal-danger-btn:active, .main_ui_workspace_top_toolbar__modal-accept-btn: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;
}
.main_ui_workspace_top_toolbar__button-primary:active svg, .main_ui_workspace_top_toolbar__modal-danger-btn:active svg, .main_ui_workspace_top_toolbar__modal-accept-btn:active svg,
.main_ui_workspace_top_toolbar__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_top_toolbar__button-primary.disabled, .main_ui_workspace_top_toolbar__modal-danger-btn.disabled, .main_ui_workspace_top_toolbar__modal-accept-btn.disabled, .main_ui_workspace_top_toolbar__button-primary[disabled], [disabled].main_ui_workspace_top_toolbar__modal-danger-btn, [disabled].main_ui_workspace_top_toolbar__modal-accept-btn, .main_ui_workspace_top_toolbar__button-primary:disabled, .main_ui_workspace_top_toolbar__modal-danger-btn:disabled, .main_ui_workspace_top_toolbar__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_top_toolbar__button-secondary, .main_ui_workspace_top_toolbar__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_top_toolbar__button-secondary:focus-visible, .main_ui_workspace_top_toolbar__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_top_toolbar__button-secondary:focus-visible svg, .main_ui_workspace_top_toolbar__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_top_toolbar__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_top_toolbar__button-secondary svg, .main_ui_workspace_top_toolbar__modal-cancel-btn svg,
.main_ui_workspace_top_toolbar__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_top_toolbar__button-secondary:hover, .main_ui_workspace_top_toolbar__modal-cancel-btn: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;
}
.main_ui_workspace_top_toolbar__button-secondary:hover svg, .main_ui_workspace_top_toolbar__modal-cancel-btn:hover svg,
.main_ui_workspace_top_toolbar__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_top_toolbar__button-secondary:active, .main_ui_workspace_top_toolbar__modal-cancel-btn: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);
}
.main_ui_workspace_top_toolbar__button-secondary:active svg, .main_ui_workspace_top_toolbar__modal-cancel-btn:active svg,
.main_ui_workspace_top_toolbar__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_top_toolbar__button-secondary.disabled, .main_ui_workspace_top_toolbar__modal-cancel-btn.disabled, .main_ui_workspace_top_toolbar__button-secondary[disabled], [disabled].main_ui_workspace_top_toolbar__modal-cancel-btn, .main_ui_workspace_top_toolbar__button-secondary:disabled, .main_ui_workspace_top_toolbar__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_top_toolbar__button-tertiary, .main_ui_workspace_top_toolbar__main-toolbar-options-button, .main_ui_workspace_top_toolbar__attr-title button, .main_ui_workspace_top_toolbar__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_top_toolbar__button-tertiary:focus-visible, .main_ui_workspace_top_toolbar__main-toolbar-options-button:focus-visible, .main_ui_workspace_top_toolbar__attr-title button:focus-visible, .main_ui_workspace_top_toolbar__modal-close-btn-base: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);
}
.main_ui_workspace_top_toolbar__button-tertiary:focus-visible svg, .main_ui_workspace_top_toolbar__main-toolbar-options-button:focus-visible svg, .main_ui_workspace_top_toolbar__attr-title button:focus-visible svg, .main_ui_workspace_top_toolbar__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_top_toolbar__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_top_toolbar__button-tertiary svg, .main_ui_workspace_top_toolbar__main-toolbar-options-button svg, .main_ui_workspace_top_toolbar__attr-title button svg, .main_ui_workspace_top_toolbar__modal-close-btn-base svg,
.main_ui_workspace_top_toolbar__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_top_toolbar__button-tertiary:hover, .main_ui_workspace_top_toolbar__main-toolbar-options-button:hover, .main_ui_workspace_top_toolbar__attr-title button:hover, .main_ui_workspace_top_toolbar__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_top_toolbar__button-tertiary:hover svg, .main_ui_workspace_top_toolbar__main-toolbar-options-button:hover svg, .main_ui_workspace_top_toolbar__attr-title button:hover svg, .main_ui_workspace_top_toolbar__modal-close-btn-base:hover svg,
.main_ui_workspace_top_toolbar__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_top_toolbar__button-tertiary:active, .main_ui_workspace_top_toolbar__main-toolbar-options-button:active, .main_ui_workspace_top_toolbar__attr-title button:active, .main_ui_workspace_top_toolbar__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_top_toolbar__button-tertiary:active svg, .main_ui_workspace_top_toolbar__main-toolbar-options-button:active svg, .main_ui_workspace_top_toolbar__attr-title button:active svg, .main_ui_workspace_top_toolbar__modal-close-btn-base:active svg,
.main_ui_workspace_top_toolbar__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_top_toolbar__button-tertiary.disabled, .main_ui_workspace_top_toolbar__main-toolbar-options-button.disabled, .main_ui_workspace_top_toolbar__attr-title button.disabled, .main_ui_workspace_top_toolbar__modal-close-btn-base.disabled, .main_ui_workspace_top_toolbar__button-tertiary[disabled], [disabled].main_ui_workspace_top_toolbar__main-toolbar-options-button, .main_ui_workspace_top_toolbar__attr-title button[disabled], [disabled].main_ui_workspace_top_toolbar__modal-close-btn-base, .main_ui_workspace_top_toolbar__button-tertiary:disabled, .main_ui_workspace_top_toolbar__main-toolbar-options-button:disabled, .main_ui_workspace_top_toolbar__attr-title button:disabled, .main_ui_workspace_top_toolbar__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_top_toolbar__button-tertiary.disabled svg, .main_ui_workspace_top_toolbar__main-toolbar-options-button.disabled svg, .main_ui_workspace_top_toolbar__attr-title button.disabled svg, .main_ui_workspace_top_toolbar__modal-close-btn-base.disabled svg,
.main_ui_workspace_top_toolbar__button-tertiary.disabled span svg, .main_ui_workspace_top_toolbar__button-tertiary[disabled] svg, [disabled].main_ui_workspace_top_toolbar__main-toolbar-options-button svg, .main_ui_workspace_top_toolbar__attr-title button[disabled] svg, [disabled].main_ui_workspace_top_toolbar__modal-close-btn-base svg,
.main_ui_workspace_top_toolbar__button-tertiary[disabled] span svg, .main_ui_workspace_top_toolbar__button-tertiary:disabled svg, .main_ui_workspace_top_toolbar__main-toolbar-options-button:disabled svg, .main_ui_workspace_top_toolbar__attr-title button:disabled svg, .main_ui_workspace_top_toolbar__modal-close-btn-base:disabled svg,
.main_ui_workspace_top_toolbar__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_top_toolbar__button-icon-selected, .main_ui_workspace_top_toolbar__main-toolbar-options-button.main_ui_workspace_top_toolbar__selected {
  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);
}
.main_ui_workspace_top_toolbar__button-icon-selected svg, .main_ui_workspace_top_toolbar__main-toolbar-options-button.main_ui_workspace_top_toolbar__selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_top_toolbar__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_top_toolbar__button-radio: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);
}
.main_ui_workspace_top_toolbar__button-radio:focus-visible svg,
.main_ui_workspace_top_toolbar__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_top_toolbar__button-radio svg,
.main_ui_workspace_top_toolbar__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_top_toolbar__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_top_toolbar__button-radio:hover svg,
.main_ui_workspace_top_toolbar__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_top_toolbar__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_top_toolbar__button-radio:active svg,
.main_ui_workspace_top_toolbar__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_top_toolbar__button-warning {
  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);
}

.main_ui_workspace_top_toolbar__button-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;
}

.main_ui_workspace_top_toolbar__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_top_toolbar__button-tag: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);
}
.main_ui_workspace_top_toolbar__button-tag:focus-visible svg,
.main_ui_workspace_top_toolbar__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_top_toolbar__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_top_toolbar__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_top_toolbar__button-icon, .main_ui_workspace_top_toolbar__main-toolbar-options-button svg, .main_ui_workspace_top_toolbar__empty-icon svg, .main_ui_workspace_top_toolbar__modal-close-btn-base svg, .main_ui_workspace_top_toolbar__button-icon-small, .main_ui_workspace_top_toolbar__dropdown-element-base span svg, .main_ui_workspace_top_toolbar__attr-title button svg, .main_ui_workspace_top_toolbar__checkbox-icon.intermediate svg, .main_ui_workspace_top_toolbar__input-checkbox label span.intermediate svg, .main_ui_workspace_top_toolbar__checkbox-icon.checked svg, .main_ui_workspace_top_toolbar__input-checkbox label span.checked svg, .main_ui_workspace_top_toolbar__input-element span svg,
.main_ui_workspace_top_toolbar__input-element label svg, .main_ui_workspace_top_toolbar__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_top_toolbar__button-icon-small, .main_ui_workspace_top_toolbar__dropdown-element-base span svg, .main_ui_workspace_top_toolbar__attr-title button svg, .main_ui_workspace_top_toolbar__checkbox-icon.intermediate svg, .main_ui_workspace_top_toolbar__input-checkbox label span.intermediate svg, .main_ui_workspace_top_toolbar__checkbox-icon.checked svg, .main_ui_workspace_top_toolbar__input-checkbox label span.checked svg, .main_ui_workspace_top_toolbar__input-element span svg,
.main_ui_workspace_top_toolbar__input-element label svg, .main_ui_workspace_top_toolbar__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_top_toolbar__input-base, .main_ui_workspace_top_toolbar__input-with-label input, .main_ui_workspace_top_toolbar__input-element-label input, .main_ui_workspace_top_toolbar__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_top_toolbar__input-base[disabled], .main_ui_workspace_top_toolbar__input-with-label input[disabled], .main_ui_workspace_top_toolbar__input-element-label input[disabled], .main_ui_workspace_top_toolbar__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_top_toolbar__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_top_toolbar__input-label, .main_ui_workspace_top_toolbar__input-element span,
.main_ui_workspace_top_toolbar__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_top_toolbar__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_top_toolbar__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_top_toolbar__input-element span svg,
.main_ui_workspace_top_toolbar__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_top_toolbar__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_top_toolbar__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_top_toolbar__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_top_toolbar__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_top_toolbar__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_top_toolbar__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_top_toolbar__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_top_toolbar__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_top_toolbar__input-element:focus, .main_ui_workspace_top_toolbar__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_top_toolbar__input-element:focus span, .main_ui_workspace_top_toolbar__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_top_toolbar__input-element:focus input, .main_ui_workspace_top_toolbar__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_top_toolbar__input-element:focus:hover, .main_ui_workspace_top_toolbar__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_top_toolbar__input-element:focus:hover span, .main_ui_workspace_top_toolbar__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_top_toolbar__input-element:focus:hover input, .main_ui_workspace_top_toolbar__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_top_toolbar__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_top_toolbar__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_top_toolbar__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_top_toolbar__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_top_toolbar__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_top_toolbar__input-element-label:focus-within input, .main_ui_workspace_top_toolbar__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_top_toolbar__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_top_toolbar__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_top_toolbar__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_top_toolbar__input-with-label input:focus-within, .main_ui_workspace_top_toolbar__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_top_toolbar__input-with-label input:focus-within input, .main_ui_workspace_top_toolbar__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_top_toolbar__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_top_toolbar__modal-overlay-base {
  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);
}

.main_ui_workspace_top_toolbar__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_top_toolbar__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_top_toolbar__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_top_toolbar__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_top_toolbar__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_top_toolbar__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_top_toolbar__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_top_toolbar__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_top_toolbar__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_top_toolbar__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_top_toolbar__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_top_toolbar__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_top_toolbar__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_top_toolbar__colorpicker-handler {
  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;
}
.main_ui_workspace_top_toolbar__colorpicker-handler:hover, .main_ui_workspace_top_toolbar__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_top_toolbar__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_top_toolbar__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_top_toolbar__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_top_toolbar__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_top_toolbar__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_top_toolbar__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_top_toolbar__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_top_toolbar__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_top_toolbar__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_top_toolbar__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_top_toolbar__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_top_toolbar__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_top_toolbar__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_top_toolbar__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_top_toolbar__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_top_toolbar__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_top_toolbar__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_top_toolbar__main-toolbar {
  cursor: initial;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 3.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  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;
  --toolbar-position-y: 1.75rem;
  --toolbar-offset-y: 0px;
  top: calc(var(--toolbar-position-y) + var(--toolbar-offset-y));
}

.main_ui_workspace_top_toolbar__main-toolbar-no-rulers {
  --toolbar-position-y: 0px;
  --toolbar-offset-y: 0.5rem;
}

.main_ui_workspace_top_toolbar__main-toolbar-hidden {
  --toolbar-offset-y: -0.25rem;
  height: 1rem;
  z-index: 1;
  border-radius: 0 0 0.5rem 0.5rem;
  border-block-start: 0;
}
.main_ui_workspace_top_toolbar__main-toolbar-hidden .main_ui_workspace_top_toolbar__main-toolbar-options {
  opacity: 0;
  visibility: hidden;
}

.main_ui_workspace_top_toolbar__main-toolbar-options {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.main_ui_workspace_top_toolbar__main-toolbar-options li {
  position: relative;
}

.main_ui_workspace_top_toolbar__main-toolbar-options-button {
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  border-radius: 0.5rem;
  margin: 0 0.125rem;
}
.main_ui_workspace_top_toolbar__main-toolbar-options-button svg {
  stroke: var(--color-foreground-secondary);
}
.main_ui_workspace_top_toolbar__toolbar-handler {
  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%;
}
.main_ui_workspace_top_toolbar__toolbar-handler .main_ui_workspace_top_toolbar__toolbar-handler-btn {
  height: 0.25rem;
  width: 100%;
  max-width: 4rem;
  padding: 0;
  border-radius: 0.25rem;
  background-color: var(--palette-handler-background-color);
}

ul.main_ui_workspace_top_toolbar__main-toolbar-panels {
  display: none;
}
@keyframes main_ui_workspace_viewport__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_viewport__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_viewport__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_viewport__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_viewport__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_viewport__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_viewport__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_viewport__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_viewport__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_viewport__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_viewport__new-scrollbar ::placeholder,
.main_ui_workspace_viewport__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_viewport__button-primary, .main_ui_workspace_viewport__modal-danger-btn, .main_ui_workspace_viewport__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_viewport__button-primary:focus-visible, .main_ui_workspace_viewport__modal-danger-btn:focus-visible, .main_ui_workspace_viewport__modal-accept-btn: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);
}
.main_ui_workspace_viewport__button-primary:focus-visible svg, .main_ui_workspace_viewport__modal-danger-btn:focus-visible svg, .main_ui_workspace_viewport__modal-accept-btn:focus-visible svg,
.main_ui_workspace_viewport__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_viewport__button-primary svg, .main_ui_workspace_viewport__modal-danger-btn svg, .main_ui_workspace_viewport__modal-accept-btn svg,
.main_ui_workspace_viewport__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_viewport__button-primary:hover, .main_ui_workspace_viewport__modal-danger-btn:hover, .main_ui_workspace_viewport__modal-accept-btn: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;
}
.main_ui_workspace_viewport__button-primary:hover svg, .main_ui_workspace_viewport__modal-danger-btn:hover svg, .main_ui_workspace_viewport__modal-accept-btn:hover svg,
.main_ui_workspace_viewport__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_viewport__button-primary:active, .main_ui_workspace_viewport__modal-danger-btn:active, .main_ui_workspace_viewport__modal-accept-btn: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;
}
.main_ui_workspace_viewport__button-primary:active svg, .main_ui_workspace_viewport__modal-danger-btn:active svg, .main_ui_workspace_viewport__modal-accept-btn:active svg,
.main_ui_workspace_viewport__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_viewport__button-primary.disabled, .main_ui_workspace_viewport__modal-danger-btn.disabled, .main_ui_workspace_viewport__modal-accept-btn.disabled, .main_ui_workspace_viewport__button-primary[disabled], [disabled].main_ui_workspace_viewport__modal-danger-btn, [disabled].main_ui_workspace_viewport__modal-accept-btn, .main_ui_workspace_viewport__button-primary:disabled, .main_ui_workspace_viewport__modal-danger-btn:disabled, .main_ui_workspace_viewport__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_viewport__button-secondary, .main_ui_workspace_viewport__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_viewport__button-secondary:focus-visible, .main_ui_workspace_viewport__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_viewport__button-secondary:focus-visible svg, .main_ui_workspace_viewport__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_viewport__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_viewport__button-secondary svg, .main_ui_workspace_viewport__modal-cancel-btn svg,
.main_ui_workspace_viewport__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_viewport__button-secondary:hover, .main_ui_workspace_viewport__modal-cancel-btn: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;
}
.main_ui_workspace_viewport__button-secondary:hover svg, .main_ui_workspace_viewport__modal-cancel-btn:hover svg,
.main_ui_workspace_viewport__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_viewport__button-secondary:active, .main_ui_workspace_viewport__modal-cancel-btn: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);
}
.main_ui_workspace_viewport__button-secondary:active svg, .main_ui_workspace_viewport__modal-cancel-btn:active svg,
.main_ui_workspace_viewport__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_viewport__button-secondary.disabled, .main_ui_workspace_viewport__modal-cancel-btn.disabled, .main_ui_workspace_viewport__button-secondary[disabled], [disabled].main_ui_workspace_viewport__modal-cancel-btn, .main_ui_workspace_viewport__button-secondary:disabled, .main_ui_workspace_viewport__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_viewport__button-tertiary, .main_ui_workspace_viewport__attr-title button, .main_ui_workspace_viewport__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_viewport__button-tertiary:focus-visible, .main_ui_workspace_viewport__attr-title button:focus-visible, .main_ui_workspace_viewport__modal-close-btn-base: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);
}
.main_ui_workspace_viewport__button-tertiary:focus-visible svg, .main_ui_workspace_viewport__attr-title button:focus-visible svg, .main_ui_workspace_viewport__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_viewport__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_viewport__button-tertiary svg, .main_ui_workspace_viewport__attr-title button svg, .main_ui_workspace_viewport__modal-close-btn-base svg,
.main_ui_workspace_viewport__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_viewport__button-tertiary:hover, .main_ui_workspace_viewport__attr-title button:hover, .main_ui_workspace_viewport__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_viewport__button-tertiary:hover svg, .main_ui_workspace_viewport__attr-title button:hover svg, .main_ui_workspace_viewport__modal-close-btn-base:hover svg,
.main_ui_workspace_viewport__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_viewport__button-tertiary:active, .main_ui_workspace_viewport__attr-title button:active, .main_ui_workspace_viewport__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_viewport__button-tertiary:active svg, .main_ui_workspace_viewport__attr-title button:active svg, .main_ui_workspace_viewport__modal-close-btn-base:active svg,
.main_ui_workspace_viewport__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_viewport__button-tertiary.disabled, .main_ui_workspace_viewport__attr-title button.disabled, .main_ui_workspace_viewport__modal-close-btn-base.disabled, .main_ui_workspace_viewport__button-tertiary[disabled], .main_ui_workspace_viewport__attr-title button[disabled], [disabled].main_ui_workspace_viewport__modal-close-btn-base, .main_ui_workspace_viewport__button-tertiary:disabled, .main_ui_workspace_viewport__attr-title button:disabled, .main_ui_workspace_viewport__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_viewport__button-tertiary.disabled svg, .main_ui_workspace_viewport__attr-title button.disabled svg, .main_ui_workspace_viewport__modal-close-btn-base.disabled svg,
.main_ui_workspace_viewport__button-tertiary.disabled span svg, .main_ui_workspace_viewport__button-tertiary[disabled] svg, .main_ui_workspace_viewport__attr-title button[disabled] svg, [disabled].main_ui_workspace_viewport__modal-close-btn-base svg,
.main_ui_workspace_viewport__button-tertiary[disabled] span svg, .main_ui_workspace_viewport__button-tertiary:disabled svg, .main_ui_workspace_viewport__attr-title button:disabled svg, .main_ui_workspace_viewport__modal-close-btn-base:disabled svg,
.main_ui_workspace_viewport__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_viewport__button-icon-selected {
  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);
}
.main_ui_workspace_viewport__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_viewport__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_viewport__button-radio: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);
}
.main_ui_workspace_viewport__button-radio:focus-visible svg,
.main_ui_workspace_viewport__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_viewport__button-radio svg,
.main_ui_workspace_viewport__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_viewport__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_viewport__button-radio:hover svg,
.main_ui_workspace_viewport__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_viewport__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_viewport__button-radio:active svg,
.main_ui_workspace_viewport__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_viewport__button-warning {
  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);
}

.main_ui_workspace_viewport__button-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;
}

.main_ui_workspace_viewport__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_viewport__button-tag: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);
}
.main_ui_workspace_viewport__button-tag:focus-visible svg,
.main_ui_workspace_viewport__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_viewport__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_viewport__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_viewport__button-icon, .main_ui_workspace_viewport__empty-icon svg, .main_ui_workspace_viewport__modal-close-btn-base svg, .main_ui_workspace_viewport__button-icon-small, .main_ui_workspace_viewport__dropdown-element-base span svg, .main_ui_workspace_viewport__attr-title button svg, .main_ui_workspace_viewport__checkbox-icon.intermediate svg, .main_ui_workspace_viewport__input-checkbox label span.intermediate svg, .main_ui_workspace_viewport__checkbox-icon.checked svg, .main_ui_workspace_viewport__input-checkbox label span.checked svg, .main_ui_workspace_viewport__input-element span svg,
.main_ui_workspace_viewport__input-element label svg, .main_ui_workspace_viewport__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_viewport__button-icon-small, .main_ui_workspace_viewport__dropdown-element-base span svg, .main_ui_workspace_viewport__attr-title button svg, .main_ui_workspace_viewport__checkbox-icon.intermediate svg, .main_ui_workspace_viewport__input-checkbox label span.intermediate svg, .main_ui_workspace_viewport__checkbox-icon.checked svg, .main_ui_workspace_viewport__input-checkbox label span.checked svg, .main_ui_workspace_viewport__input-element span svg,
.main_ui_workspace_viewport__input-element label svg, .main_ui_workspace_viewport__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_viewport__input-base, .main_ui_workspace_viewport__input-with-label input, .main_ui_workspace_viewport__input-element-label input, .main_ui_workspace_viewport__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport__input-base[disabled], .main_ui_workspace_viewport__input-with-label input[disabled], .main_ui_workspace_viewport__input-element-label input[disabled], .main_ui_workspace_viewport__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_viewport__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_viewport__input-label, .main_ui_workspace_viewport__input-element span,
.main_ui_workspace_viewport__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_viewport__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_viewport__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_viewport__input-element span svg,
.main_ui_workspace_viewport__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_viewport__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_viewport__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_viewport__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_viewport__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_viewport__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport__input-element:focus, .main_ui_workspace_viewport__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_viewport__input-element:focus span, .main_ui_workspace_viewport__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport__input-element:focus input, .main_ui_workspace_viewport__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport__input-element:focus:hover, .main_ui_workspace_viewport__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_viewport__input-element:focus:hover span, .main_ui_workspace_viewport__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport__input-element:focus:hover input, .main_ui_workspace_viewport__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_viewport__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_viewport__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_viewport__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_viewport__input-element-label:focus-within input, .main_ui_workspace_viewport__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_viewport__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_viewport__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport__input-with-label input:focus-within, .main_ui_workspace_viewport__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_viewport__input-with-label input:focus-within input, .main_ui_workspace_viewport__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_viewport__modal-overlay-base {
  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);
}

.main_ui_workspace_viewport__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_viewport__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_viewport__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_viewport__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_viewport__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_viewport__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_viewport__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_viewport__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_viewport__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_viewport__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_viewport__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_viewport__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_viewport__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_viewport__colorpicker-handler {
  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;
}
.main_ui_workspace_viewport__colorpicker-handler:hover, .main_ui_workspace_viewport__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_viewport__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_viewport__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_viewport__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_viewport__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_viewport__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_viewport__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_viewport__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_viewport__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_viewport__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_viewport__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_viewport__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_viewport__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_viewport__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_viewport__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_viewport__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_viewport__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_viewport__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_viewport__viewport {
  cursor: none;
  grid-column: 1/span 2;
  grid-row: 1/span 2;
  overflow: hidden;
  position: relative;
}

.main_ui_workspace_viewport__viewport-controls {
  position: absolute;
  width: 100%;
  height: 100%;
}

.main_ui_workspace_viewport__render-shapes {
  height: 100%;
  position: absolute;
  width: 100%;
}

.main_ui_workspace_viewport__viewport-overlays {
  cursor: initial;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.main_ui_workspace_viewport_wasm__viewport {
  cursor: none;
  grid-column: 1/span 2;
  grid-row: 1/span 2;
  overflow: hidden;
  position: relative;
}

.main_ui_workspace_viewport_wasm__viewport-controls {
  position: absolute;
  width: 100%;
  height: 100%;
}

.main_ui_workspace_viewport_wasm__render-shapes {
  height: 100%;
  position: absolute;
  width: 100%;
}

.main_ui_workspace_viewport_wasm__viewport-overlays {
  cursor: initial;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}

.main_ui_workspace_viewport_wasm__context-lost {
  position: fixed;
  inset: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
  display: grid;
  place-items: center;
  cursor: default;
}
@keyframes main_ui_workspace_viewport_comments__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_viewport_comments__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_viewport_comments__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_viewport_comments__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_viewport_comments__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_viewport_comments__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_viewport_comments__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_viewport_comments__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_viewport_comments__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_viewport_comments__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_viewport_comments__new-scrollbar ::placeholder,
.main_ui_workspace_viewport_comments__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_viewport_comments__button-primary, .main_ui_workspace_viewport_comments__modal-danger-btn, .main_ui_workspace_viewport_comments__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_viewport_comments__button-primary:focus-visible, .main_ui_workspace_viewport_comments__modal-danger-btn:focus-visible, .main_ui_workspace_viewport_comments__modal-accept-btn: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);
}
.main_ui_workspace_viewport_comments__button-primary:focus-visible svg, .main_ui_workspace_viewport_comments__modal-danger-btn:focus-visible svg, .main_ui_workspace_viewport_comments__modal-accept-btn:focus-visible svg,
.main_ui_workspace_viewport_comments__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_viewport_comments__button-primary svg, .main_ui_workspace_viewport_comments__modal-danger-btn svg, .main_ui_workspace_viewport_comments__modal-accept-btn svg,
.main_ui_workspace_viewport_comments__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_viewport_comments__button-primary:hover, .main_ui_workspace_viewport_comments__modal-danger-btn:hover, .main_ui_workspace_viewport_comments__modal-accept-btn: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;
}
.main_ui_workspace_viewport_comments__button-primary:hover svg, .main_ui_workspace_viewport_comments__modal-danger-btn:hover svg, .main_ui_workspace_viewport_comments__modal-accept-btn:hover svg,
.main_ui_workspace_viewport_comments__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_viewport_comments__button-primary:active, .main_ui_workspace_viewport_comments__modal-danger-btn:active, .main_ui_workspace_viewport_comments__modal-accept-btn: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;
}
.main_ui_workspace_viewport_comments__button-primary:active svg, .main_ui_workspace_viewport_comments__modal-danger-btn:active svg, .main_ui_workspace_viewport_comments__modal-accept-btn:active svg,
.main_ui_workspace_viewport_comments__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_viewport_comments__button-primary.disabled, .main_ui_workspace_viewport_comments__modal-danger-btn.disabled, .main_ui_workspace_viewport_comments__modal-accept-btn.disabled, .main_ui_workspace_viewport_comments__button-primary[disabled], [disabled].main_ui_workspace_viewport_comments__modal-danger-btn, [disabled].main_ui_workspace_viewport_comments__modal-accept-btn, .main_ui_workspace_viewport_comments__button-primary:disabled, .main_ui_workspace_viewport_comments__modal-danger-btn:disabled, .main_ui_workspace_viewport_comments__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_viewport_comments__button-secondary, .main_ui_workspace_viewport_comments__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_viewport_comments__button-secondary:focus-visible, .main_ui_workspace_viewport_comments__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_viewport_comments__button-secondary:focus-visible svg, .main_ui_workspace_viewport_comments__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_viewport_comments__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_viewport_comments__button-secondary svg, .main_ui_workspace_viewport_comments__modal-cancel-btn svg,
.main_ui_workspace_viewport_comments__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_viewport_comments__button-secondary:hover, .main_ui_workspace_viewport_comments__modal-cancel-btn: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;
}
.main_ui_workspace_viewport_comments__button-secondary:hover svg, .main_ui_workspace_viewport_comments__modal-cancel-btn:hover svg,
.main_ui_workspace_viewport_comments__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_viewport_comments__button-secondary:active, .main_ui_workspace_viewport_comments__modal-cancel-btn: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);
}
.main_ui_workspace_viewport_comments__button-secondary:active svg, .main_ui_workspace_viewport_comments__modal-cancel-btn:active svg,
.main_ui_workspace_viewport_comments__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_viewport_comments__button-secondary.disabled, .main_ui_workspace_viewport_comments__modal-cancel-btn.disabled, .main_ui_workspace_viewport_comments__button-secondary[disabled], [disabled].main_ui_workspace_viewport_comments__modal-cancel-btn, .main_ui_workspace_viewport_comments__button-secondary:disabled, .main_ui_workspace_viewport_comments__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_viewport_comments__button-tertiary, .main_ui_workspace_viewport_comments__attr-title button, .main_ui_workspace_viewport_comments__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_viewport_comments__button-tertiary:focus-visible, .main_ui_workspace_viewport_comments__attr-title button:focus-visible, .main_ui_workspace_viewport_comments__modal-close-btn-base: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);
}
.main_ui_workspace_viewport_comments__button-tertiary:focus-visible svg, .main_ui_workspace_viewport_comments__attr-title button:focus-visible svg, .main_ui_workspace_viewport_comments__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_viewport_comments__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_viewport_comments__button-tertiary svg, .main_ui_workspace_viewport_comments__attr-title button svg, .main_ui_workspace_viewport_comments__modal-close-btn-base svg,
.main_ui_workspace_viewport_comments__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_viewport_comments__button-tertiary:hover, .main_ui_workspace_viewport_comments__attr-title button:hover, .main_ui_workspace_viewport_comments__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_viewport_comments__button-tertiary:hover svg, .main_ui_workspace_viewport_comments__attr-title button:hover svg, .main_ui_workspace_viewport_comments__modal-close-btn-base:hover svg,
.main_ui_workspace_viewport_comments__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_viewport_comments__button-tertiary:active, .main_ui_workspace_viewport_comments__attr-title button:active, .main_ui_workspace_viewport_comments__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_viewport_comments__button-tertiary:active svg, .main_ui_workspace_viewport_comments__attr-title button:active svg, .main_ui_workspace_viewport_comments__modal-close-btn-base:active svg,
.main_ui_workspace_viewport_comments__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_viewport_comments__button-tertiary.disabled, .main_ui_workspace_viewport_comments__attr-title button.disabled, .main_ui_workspace_viewport_comments__modal-close-btn-base.disabled, .main_ui_workspace_viewport_comments__button-tertiary[disabled], .main_ui_workspace_viewport_comments__attr-title button[disabled], [disabled].main_ui_workspace_viewport_comments__modal-close-btn-base, .main_ui_workspace_viewport_comments__button-tertiary:disabled, .main_ui_workspace_viewport_comments__attr-title button:disabled, .main_ui_workspace_viewport_comments__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_viewport_comments__button-tertiary.disabled svg, .main_ui_workspace_viewport_comments__attr-title button.disabled svg, .main_ui_workspace_viewport_comments__modal-close-btn-base.disabled svg,
.main_ui_workspace_viewport_comments__button-tertiary.disabled span svg, .main_ui_workspace_viewport_comments__button-tertiary[disabled] svg, .main_ui_workspace_viewport_comments__attr-title button[disabled] svg, [disabled].main_ui_workspace_viewport_comments__modal-close-btn-base svg,
.main_ui_workspace_viewport_comments__button-tertiary[disabled] span svg, .main_ui_workspace_viewport_comments__button-tertiary:disabled svg, .main_ui_workspace_viewport_comments__attr-title button:disabled svg, .main_ui_workspace_viewport_comments__modal-close-btn-base:disabled svg,
.main_ui_workspace_viewport_comments__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_viewport_comments__button-icon-selected {
  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);
}
.main_ui_workspace_viewport_comments__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_viewport_comments__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_viewport_comments__button-radio: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);
}
.main_ui_workspace_viewport_comments__button-radio:focus-visible svg,
.main_ui_workspace_viewport_comments__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_viewport_comments__button-radio svg,
.main_ui_workspace_viewport_comments__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_viewport_comments__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_viewport_comments__button-radio:hover svg,
.main_ui_workspace_viewport_comments__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_viewport_comments__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_viewport_comments__button-radio:active svg,
.main_ui_workspace_viewport_comments__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_viewport_comments__button-warning {
  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);
}

.main_ui_workspace_viewport_comments__button-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;
}

.main_ui_workspace_viewport_comments__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_viewport_comments__button-tag: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);
}
.main_ui_workspace_viewport_comments__button-tag:focus-visible svg,
.main_ui_workspace_viewport_comments__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_viewport_comments__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_viewport_comments__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_viewport_comments__button-icon, .main_ui_workspace_viewport_comments__empty-icon svg, .main_ui_workspace_viewport_comments__modal-close-btn-base svg, .main_ui_workspace_viewport_comments__button-icon-small, .main_ui_workspace_viewport_comments__dropdown-element-base span svg, .main_ui_workspace_viewport_comments__attr-title button svg, .main_ui_workspace_viewport_comments__checkbox-icon.intermediate svg, .main_ui_workspace_viewport_comments__input-checkbox label span.intermediate svg, .main_ui_workspace_viewport_comments__checkbox-icon.checked svg, .main_ui_workspace_viewport_comments__input-checkbox label span.checked svg, .main_ui_workspace_viewport_comments__input-element span svg,
.main_ui_workspace_viewport_comments__input-element label svg, .main_ui_workspace_viewport_comments__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_viewport_comments__button-icon-small, .main_ui_workspace_viewport_comments__dropdown-element-base span svg, .main_ui_workspace_viewport_comments__attr-title button svg, .main_ui_workspace_viewport_comments__checkbox-icon.intermediate svg, .main_ui_workspace_viewport_comments__input-checkbox label span.intermediate svg, .main_ui_workspace_viewport_comments__checkbox-icon.checked svg, .main_ui_workspace_viewport_comments__input-checkbox label span.checked svg, .main_ui_workspace_viewport_comments__input-element span svg,
.main_ui_workspace_viewport_comments__input-element label svg, .main_ui_workspace_viewport_comments__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_viewport_comments__input-base, .main_ui_workspace_viewport_comments__input-with-label input, .main_ui_workspace_viewport_comments__input-element-label input, .main_ui_workspace_viewport_comments__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_comments__input-base[disabled], .main_ui_workspace_viewport_comments__input-with-label input[disabled], .main_ui_workspace_viewport_comments__input-element-label input[disabled], .main_ui_workspace_viewport_comments__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_viewport_comments__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_viewport_comments__input-label, .main_ui_workspace_viewport_comments__input-element span,
.main_ui_workspace_viewport_comments__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_viewport_comments__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_viewport_comments__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_viewport_comments__input-element span svg,
.main_ui_workspace_viewport_comments__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_viewport_comments__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_comments__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_comments__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_viewport_comments__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_viewport_comments__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_viewport_comments__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_viewport_comments__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_comments__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_comments__input-element:focus, .main_ui_workspace_viewport_comments__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_viewport_comments__input-element:focus span, .main_ui_workspace_viewport_comments__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_comments__input-element:focus input, .main_ui_workspace_viewport_comments__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_comments__input-element:focus:hover, .main_ui_workspace_viewport_comments__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_viewport_comments__input-element:focus:hover span, .main_ui_workspace_viewport_comments__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_comments__input-element:focus:hover input, .main_ui_workspace_viewport_comments__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_viewport_comments__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_viewport_comments__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_viewport_comments__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_comments__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_comments__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_viewport_comments__input-element-label:focus-within input, .main_ui_workspace_viewport_comments__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_viewport_comments__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_viewport_comments__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_comments__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_comments__input-with-label input:focus-within, .main_ui_workspace_viewport_comments__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_viewport_comments__input-with-label input:focus-within input, .main_ui_workspace_viewport_comments__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_comments__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_viewport_comments__modal-overlay-base {
  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);
}

.main_ui_workspace_viewport_comments__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_viewport_comments__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_viewport_comments__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_viewport_comments__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_viewport_comments__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_viewport_comments__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_viewport_comments__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_viewport_comments__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_viewport_comments__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_viewport_comments__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_viewport_comments__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_viewport_comments__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_viewport_comments__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_viewport_comments__colorpicker-handler {
  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;
}
.main_ui_workspace_viewport_comments__colorpicker-handler:hover, .main_ui_workspace_viewport_comments__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_viewport_comments__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_viewport_comments__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_viewport_comments__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_viewport_comments__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_viewport_comments__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_viewport_comments__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_viewport_comments__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_viewport_comments__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_viewport_comments__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_viewport_comments__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_viewport_comments__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_viewport_comments__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_viewport_comments__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_viewport_comments__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_viewport_comments__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_viewport_comments__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_viewport_comments__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_viewport_comments__workspace-comments-container {
  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;
}

.main_ui_workspace_viewport_comments__threads {
  position: fixed;
}
@keyframes main_ui_workspace_viewport_grid_layout_editor__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_viewport_grid_layout_editor__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_viewport_grid_layout_editor__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_viewport_grid_layout_editor__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_viewport_grid_layout_editor__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_viewport_grid_layout_editor__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_viewport_grid_layout_editor__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_viewport_grid_layout_editor__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_viewport_grid_layout_editor__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_viewport_grid_layout_editor__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_viewport_grid_layout_editor__new-scrollbar ::placeholder,
.main_ui_workspace_viewport_grid_layout_editor__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_viewport_grid_layout_editor__button-primary, .main_ui_workspace_viewport_grid_layout_editor__done-btn, .main_ui_workspace_viewport_grid_layout_editor__modal-danger-btn, .main_ui_workspace_viewport_grid_layout_editor__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_viewport_grid_layout_editor__button-primary:focus-visible, .main_ui_workspace_viewport_grid_layout_editor__done-btn:focus-visible, .main_ui_workspace_viewport_grid_layout_editor__modal-danger-btn:focus-visible, .main_ui_workspace_viewport_grid_layout_editor__modal-accept-btn: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);
}
.main_ui_workspace_viewport_grid_layout_editor__button-primary:focus-visible svg, .main_ui_workspace_viewport_grid_layout_editor__done-btn:focus-visible svg, .main_ui_workspace_viewport_grid_layout_editor__modal-danger-btn:focus-visible svg, .main_ui_workspace_viewport_grid_layout_editor__modal-accept-btn:focus-visible svg,
.main_ui_workspace_viewport_grid_layout_editor__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_viewport_grid_layout_editor__button-primary svg, .main_ui_workspace_viewport_grid_layout_editor__done-btn svg, .main_ui_workspace_viewport_grid_layout_editor__modal-danger-btn svg, .main_ui_workspace_viewport_grid_layout_editor__modal-accept-btn svg,
.main_ui_workspace_viewport_grid_layout_editor__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_viewport_grid_layout_editor__button-primary:hover, .main_ui_workspace_viewport_grid_layout_editor__done-btn:hover, .main_ui_workspace_viewport_grid_layout_editor__modal-danger-btn:hover, .main_ui_workspace_viewport_grid_layout_editor__modal-accept-btn: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;
}
.main_ui_workspace_viewport_grid_layout_editor__button-primary:hover svg, .main_ui_workspace_viewport_grid_layout_editor__done-btn:hover svg, .main_ui_workspace_viewport_grid_layout_editor__modal-danger-btn:hover svg, .main_ui_workspace_viewport_grid_layout_editor__modal-accept-btn:hover svg,
.main_ui_workspace_viewport_grid_layout_editor__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_viewport_grid_layout_editor__button-primary:active, .main_ui_workspace_viewport_grid_layout_editor__done-btn:active, .main_ui_workspace_viewport_grid_layout_editor__modal-danger-btn:active, .main_ui_workspace_viewport_grid_layout_editor__modal-accept-btn: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;
}
.main_ui_workspace_viewport_grid_layout_editor__button-primary:active svg, .main_ui_workspace_viewport_grid_layout_editor__done-btn:active svg, .main_ui_workspace_viewport_grid_layout_editor__modal-danger-btn:active svg, .main_ui_workspace_viewport_grid_layout_editor__modal-accept-btn:active svg,
.main_ui_workspace_viewport_grid_layout_editor__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_viewport_grid_layout_editor__button-primary.disabled, .main_ui_workspace_viewport_grid_layout_editor__done-btn.disabled, .main_ui_workspace_viewport_grid_layout_editor__modal-danger-btn.disabled, .main_ui_workspace_viewport_grid_layout_editor__modal-accept-btn.disabled, .main_ui_workspace_viewport_grid_layout_editor__button-primary[disabled], [disabled].main_ui_workspace_viewport_grid_layout_editor__done-btn, [disabled].main_ui_workspace_viewport_grid_layout_editor__modal-danger-btn, [disabled].main_ui_workspace_viewport_grid_layout_editor__modal-accept-btn, .main_ui_workspace_viewport_grid_layout_editor__button-primary:disabled, .main_ui_workspace_viewport_grid_layout_editor__done-btn:disabled, .main_ui_workspace_viewport_grid_layout_editor__modal-danger-btn:disabled, .main_ui_workspace_viewport_grid_layout_editor__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_viewport_grid_layout_editor__button-secondary, .main_ui_workspace_viewport_grid_layout_editor__locate-btn, .main_ui_workspace_viewport_grid_layout_editor__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_viewport_grid_layout_editor__button-secondary:focus-visible, .main_ui_workspace_viewport_grid_layout_editor__locate-btn:focus-visible, .main_ui_workspace_viewport_grid_layout_editor__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_viewport_grid_layout_editor__button-secondary:focus-visible svg, .main_ui_workspace_viewport_grid_layout_editor__locate-btn:focus-visible svg, .main_ui_workspace_viewport_grid_layout_editor__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_viewport_grid_layout_editor__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_viewport_grid_layout_editor__button-secondary svg, .main_ui_workspace_viewport_grid_layout_editor__locate-btn svg, .main_ui_workspace_viewport_grid_layout_editor__modal-cancel-btn svg,
.main_ui_workspace_viewport_grid_layout_editor__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_viewport_grid_layout_editor__button-secondary:hover, .main_ui_workspace_viewport_grid_layout_editor__locate-btn:hover, .main_ui_workspace_viewport_grid_layout_editor__modal-cancel-btn: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;
}
.main_ui_workspace_viewport_grid_layout_editor__button-secondary:hover svg, .main_ui_workspace_viewport_grid_layout_editor__locate-btn:hover svg, .main_ui_workspace_viewport_grid_layout_editor__modal-cancel-btn:hover svg,
.main_ui_workspace_viewport_grid_layout_editor__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_viewport_grid_layout_editor__button-secondary:active, .main_ui_workspace_viewport_grid_layout_editor__locate-btn:active, .main_ui_workspace_viewport_grid_layout_editor__modal-cancel-btn: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);
}
.main_ui_workspace_viewport_grid_layout_editor__button-secondary:active svg, .main_ui_workspace_viewport_grid_layout_editor__locate-btn:active svg, .main_ui_workspace_viewport_grid_layout_editor__modal-cancel-btn:active svg,
.main_ui_workspace_viewport_grid_layout_editor__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_viewport_grid_layout_editor__button-secondary.disabled, .main_ui_workspace_viewport_grid_layout_editor__locate-btn.disabled, .main_ui_workspace_viewport_grid_layout_editor__modal-cancel-btn.disabled, .main_ui_workspace_viewport_grid_layout_editor__button-secondary[disabled], [disabled].main_ui_workspace_viewport_grid_layout_editor__locate-btn, [disabled].main_ui_workspace_viewport_grid_layout_editor__modal-cancel-btn, .main_ui_workspace_viewport_grid_layout_editor__button-secondary:disabled, .main_ui_workspace_viewport_grid_layout_editor__locate-btn:disabled, .main_ui_workspace_viewport_grid_layout_editor__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_viewport_grid_layout_editor__button-tertiary, .main_ui_workspace_viewport_grid_layout_editor__close-btn, .main_ui_workspace_viewport_grid_layout_editor__attr-title button, .main_ui_workspace_viewport_grid_layout_editor__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_viewport_grid_layout_editor__button-tertiary:focus-visible, .main_ui_workspace_viewport_grid_layout_editor__close-btn:focus-visible, .main_ui_workspace_viewport_grid_layout_editor__attr-title button:focus-visible, .main_ui_workspace_viewport_grid_layout_editor__modal-close-btn-base: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);
}
.main_ui_workspace_viewport_grid_layout_editor__button-tertiary:focus-visible svg, .main_ui_workspace_viewport_grid_layout_editor__close-btn:focus-visible svg, .main_ui_workspace_viewport_grid_layout_editor__attr-title button:focus-visible svg, .main_ui_workspace_viewport_grid_layout_editor__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_viewport_grid_layout_editor__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_viewport_grid_layout_editor__button-tertiary svg, .main_ui_workspace_viewport_grid_layout_editor__close-btn svg, .main_ui_workspace_viewport_grid_layout_editor__attr-title button svg, .main_ui_workspace_viewport_grid_layout_editor__modal-close-btn-base svg,
.main_ui_workspace_viewport_grid_layout_editor__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_viewport_grid_layout_editor__button-tertiary:hover, .main_ui_workspace_viewport_grid_layout_editor__close-btn:hover, .main_ui_workspace_viewport_grid_layout_editor__attr-title button:hover, .main_ui_workspace_viewport_grid_layout_editor__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_viewport_grid_layout_editor__button-tertiary:hover svg, .main_ui_workspace_viewport_grid_layout_editor__close-btn:hover svg, .main_ui_workspace_viewport_grid_layout_editor__attr-title button:hover svg, .main_ui_workspace_viewport_grid_layout_editor__modal-close-btn-base:hover svg,
.main_ui_workspace_viewport_grid_layout_editor__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_viewport_grid_layout_editor__button-tertiary:active, .main_ui_workspace_viewport_grid_layout_editor__close-btn:active, .main_ui_workspace_viewport_grid_layout_editor__attr-title button:active, .main_ui_workspace_viewport_grid_layout_editor__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_viewport_grid_layout_editor__button-tertiary:active svg, .main_ui_workspace_viewport_grid_layout_editor__close-btn:active svg, .main_ui_workspace_viewport_grid_layout_editor__attr-title button:active svg, .main_ui_workspace_viewport_grid_layout_editor__modal-close-btn-base:active svg,
.main_ui_workspace_viewport_grid_layout_editor__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_viewport_grid_layout_editor__button-tertiary.disabled, .main_ui_workspace_viewport_grid_layout_editor__close-btn.disabled, .main_ui_workspace_viewport_grid_layout_editor__attr-title button.disabled, .main_ui_workspace_viewport_grid_layout_editor__modal-close-btn-base.disabled, .main_ui_workspace_viewport_grid_layout_editor__button-tertiary[disabled], [disabled].main_ui_workspace_viewport_grid_layout_editor__close-btn, .main_ui_workspace_viewport_grid_layout_editor__attr-title button[disabled], [disabled].main_ui_workspace_viewport_grid_layout_editor__modal-close-btn-base, .main_ui_workspace_viewport_grid_layout_editor__button-tertiary:disabled, .main_ui_workspace_viewport_grid_layout_editor__close-btn:disabled, .main_ui_workspace_viewport_grid_layout_editor__attr-title button:disabled, .main_ui_workspace_viewport_grid_layout_editor__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_viewport_grid_layout_editor__button-tertiary.disabled svg, .main_ui_workspace_viewport_grid_layout_editor__close-btn.disabled svg, .main_ui_workspace_viewport_grid_layout_editor__attr-title button.disabled svg, .main_ui_workspace_viewport_grid_layout_editor__modal-close-btn-base.disabled svg,
.main_ui_workspace_viewport_grid_layout_editor__button-tertiary.disabled span svg, .main_ui_workspace_viewport_grid_layout_editor__button-tertiary[disabled] svg, [disabled].main_ui_workspace_viewport_grid_layout_editor__close-btn svg, .main_ui_workspace_viewport_grid_layout_editor__attr-title button[disabled] svg, [disabled].main_ui_workspace_viewport_grid_layout_editor__modal-close-btn-base svg,
.main_ui_workspace_viewport_grid_layout_editor__button-tertiary[disabled] span svg, .main_ui_workspace_viewport_grid_layout_editor__button-tertiary:disabled svg, .main_ui_workspace_viewport_grid_layout_editor__close-btn:disabled svg, .main_ui_workspace_viewport_grid_layout_editor__attr-title button:disabled svg, .main_ui_workspace_viewport_grid_layout_editor__modal-close-btn-base:disabled svg,
.main_ui_workspace_viewport_grid_layout_editor__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_viewport_grid_layout_editor__button-icon-selected {
  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);
}
.main_ui_workspace_viewport_grid_layout_editor__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_viewport_grid_layout_editor__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_viewport_grid_layout_editor__button-radio: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);
}
.main_ui_workspace_viewport_grid_layout_editor__button-radio:focus-visible svg,
.main_ui_workspace_viewport_grid_layout_editor__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_viewport_grid_layout_editor__button-radio svg,
.main_ui_workspace_viewport_grid_layout_editor__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_viewport_grid_layout_editor__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_viewport_grid_layout_editor__button-radio:hover svg,
.main_ui_workspace_viewport_grid_layout_editor__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_viewport_grid_layout_editor__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_viewport_grid_layout_editor__button-radio:active svg,
.main_ui_workspace_viewport_grid_layout_editor__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_viewport_grid_layout_editor__button-warning {
  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);
}

.main_ui_workspace_viewport_grid_layout_editor__button-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;
}

.main_ui_workspace_viewport_grid_layout_editor__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_viewport_grid_layout_editor__button-tag: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);
}
.main_ui_workspace_viewport_grid_layout_editor__button-tag:focus-visible svg,
.main_ui_workspace_viewport_grid_layout_editor__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_viewport_grid_layout_editor__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_viewport_grid_layout_editor__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_viewport_grid_layout_editor__button-icon, .main_ui_workspace_viewport_grid_layout_editor__close-btn svg, .main_ui_workspace_viewport_grid_layout_editor__empty-icon svg, .main_ui_workspace_viewport_grid_layout_editor__modal-close-btn-base svg, .main_ui_workspace_viewport_grid_layout_editor__button-icon-small, .main_ui_workspace_viewport_grid_layout_editor__dropdown-element-base span svg, .main_ui_workspace_viewport_grid_layout_editor__attr-title button svg, .main_ui_workspace_viewport_grid_layout_editor__checkbox-icon.intermediate svg, .main_ui_workspace_viewport_grid_layout_editor__input-checkbox label span.intermediate svg, .main_ui_workspace_viewport_grid_layout_editor__checkbox-icon.checked svg, .main_ui_workspace_viewport_grid_layout_editor__input-checkbox label span.checked svg, .main_ui_workspace_viewport_grid_layout_editor__input-element span svg,
.main_ui_workspace_viewport_grid_layout_editor__input-element label svg, .main_ui_workspace_viewport_grid_layout_editor__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_viewport_grid_layout_editor__button-icon-small, .main_ui_workspace_viewport_grid_layout_editor__dropdown-element-base span svg, .main_ui_workspace_viewport_grid_layout_editor__attr-title button svg, .main_ui_workspace_viewport_grid_layout_editor__checkbox-icon.intermediate svg, .main_ui_workspace_viewport_grid_layout_editor__input-checkbox label span.intermediate svg, .main_ui_workspace_viewport_grid_layout_editor__checkbox-icon.checked svg, .main_ui_workspace_viewport_grid_layout_editor__input-checkbox label span.checked svg, .main_ui_workspace_viewport_grid_layout_editor__input-element span svg,
.main_ui_workspace_viewport_grid_layout_editor__input-element label svg, .main_ui_workspace_viewport_grid_layout_editor__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_viewport_grid_layout_editor__input-base, .main_ui_workspace_viewport_grid_layout_editor__input-with-label input, .main_ui_workspace_viewport_grid_layout_editor__input-element-label input, .main_ui_workspace_viewport_grid_layout_editor__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_grid_layout_editor__input-base[disabled], .main_ui_workspace_viewport_grid_layout_editor__input-with-label input[disabled], .main_ui_workspace_viewport_grid_layout_editor__input-element-label input[disabled], .main_ui_workspace_viewport_grid_layout_editor__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_viewport_grid_layout_editor__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_viewport_grid_layout_editor__input-label, .main_ui_workspace_viewport_grid_layout_editor__input-element span,
.main_ui_workspace_viewport_grid_layout_editor__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_viewport_grid_layout_editor__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element span svg,
.main_ui_workspace_viewport_grid_layout_editor__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element:focus, .main_ui_workspace_viewport_grid_layout_editor__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element:focus span, .main_ui_workspace_viewport_grid_layout_editor__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element:focus input, .main_ui_workspace_viewport_grid_layout_editor__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element:focus:hover, .main_ui_workspace_viewport_grid_layout_editor__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element:focus:hover span, .main_ui_workspace_viewport_grid_layout_editor__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element:focus:hover input, .main_ui_workspace_viewport_grid_layout_editor__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_viewport_grid_layout_editor__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_viewport_grid_layout_editor__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_viewport_grid_layout_editor__input-element-label:focus-within input, .main_ui_workspace_viewport_grid_layout_editor__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_viewport_grid_layout_editor__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_viewport_grid_layout_editor__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_grid_layout_editor__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_grid_layout_editor__input-with-label input:focus-within, .main_ui_workspace_viewport_grid_layout_editor__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_viewport_grid_layout_editor__input-with-label input:focus-within input, .main_ui_workspace_viewport_grid_layout_editor__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_grid_layout_editor__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_viewport_grid_layout_editor__modal-overlay-base {
  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);
}

.main_ui_workspace_viewport_grid_layout_editor__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_viewport_grid_layout_editor__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_viewport_grid_layout_editor__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_viewport_grid_layout_editor__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_viewport_grid_layout_editor__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_viewport_grid_layout_editor__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_viewport_grid_layout_editor__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_viewport_grid_layout_editor__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_viewport_grid_layout_editor__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_viewport_grid_layout_editor__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_viewport_grid_layout_editor__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_viewport_grid_layout_editor__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_viewport_grid_layout_editor__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_viewport_grid_layout_editor__colorpicker-handler {
  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;
}
.main_ui_workspace_viewport_grid_layout_editor__colorpicker-handler:hover, .main_ui_workspace_viewport_grid_layout_editor__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_viewport_grid_layout_editor__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_viewport_grid_layout_editor__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_viewport_grid_layout_editor__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_viewport_grid_layout_editor__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_viewport_grid_layout_editor__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_viewport_grid_layout_editor__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_viewport_grid_layout_editor__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_viewport_grid_layout_editor__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_viewport_grid_layout_editor__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_viewport_grid_layout_editor__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_viewport_grid_layout_editor__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_viewport_grid_layout_editor__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_viewport_grid_layout_editor__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_viewport_grid_layout_editor__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_viewport_grid_layout_editor__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_viewport_grid_layout_editor__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_viewport_grid_layout_editor__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_viewport_grid_layout_editor__grid-track-marker .main_ui_workspace_viewport_grid_layout_editor__marker-shape {
  fill: var(--grid-editor-marker-color);
}
.main_ui_workspace_viewport_grid_layout_editor__grid-track-marker .main_ui_workspace_viewport_grid_layout_editor__marker-text {
  fill: var(--app-white);
  font-size: calc(0.75rem / var(--zoom));
  font-family: worksans;
}

.main_ui_workspace_viewport_grid_layout_editor__grid-editor-wrapper {
  cursor: grab;
  width: 100%;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.main_ui_workspace_viewport_grid_layout_editor__grid-editor-header-hover {
  fill: var(--grid-editor-marker-color);
}

.main_ui_workspace_viewport_grid_layout_editor__grid-editor-label {
  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;
}
.main_ui_workspace_viewport_grid_layout_editor__grid-editor-label:focus {
  outline: none;
}

.main_ui_workspace_viewport_grid_layout_editor__grid-editor-button {
  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));
}
.main_ui_workspace_viewport_grid_layout_editor__grid-editor-button svg {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem / var(--zoom));
  height: auto;
  stroke: var(--grid-editor-marker-color);
}

.main_ui_workspace_viewport_grid_layout_editor__grid-frame {
  fill: var(--grid-editor-marker-color);
  fill-opacity: 0.1;
}

.main_ui_workspace_viewport_grid_layout_editor__grid-plus-button {
  cursor: pointer;
  opacity: 0.5;
}
.main_ui_workspace_viewport_grid_layout_editor__grid-plus-button .main_ui_workspace_viewport_grid_layout_editor__grid-plus-shape {
  fill: var(--grid-editor-plus-btn-background);
  stroke: var(--grid-editor-plus-btn-background);
  stroke-width: calc(1px / var(--zoom));
}
.main_ui_workspace_viewport_grid_layout_editor__grid-plus-button .main_ui_workspace_viewport_grid_layout_editor__grid-plus-icon {
  stroke: var(--grid-editor-plus-btn-foreground);
}
.main_ui_workspace_viewport_grid_layout_editor__grid-plus-button:hover {
  opacity: 1;
}

.main_ui_workspace_viewport_grid_layout_editor__grid-cell-outline {
  fill: transparent;
  stroke: var(--grid-editor-line-color);
  stroke-opacity: 0.5;
  stroke-width: calc(1 / var(--zoom));
}
.main_ui_workspace_viewport_grid_layout_editor__grid-cell-outline.main_ui_workspace_viewport_grid_layout_editor__hover, .main_ui_workspace_viewport_grid_layout_editor__grid-cell-outline.main_ui_workspace_viewport_grid_layout_editor__selected {
  stroke-opacity: 1;
  stroke-width: calc(2 / var(--zoom));
}

.main_ui_workspace_viewport_grid_layout_editor__grid-actions {
  pointer-events: none;
  position: absolute;
  top: 2.75rem;
  left: 50%;
  z-index: 20;
}

.main_ui_workspace_viewport_grid_layout_editor__grid-actions-container {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background: var(--panel-background-color);
  border-radius: 0.75rem;
  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;
}

.main_ui_workspace_viewport_grid_layout_editor__grid-actions-title {
  flex: 1;
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
  padding-left: 0.5rem;
}

.main_ui_workspace_viewport_grid_layout_editor__locate-btn {
  text-transform: uppercase;
  padding: 0.5rem 1.25rem;
  font-size: 0.688rem;
}

.main_ui_workspace_viewport_grid_layout_editor__done-btn {
  text-transform: uppercase;
  padding: 0.5rem 1.25rem;
  font-size: 0.688rem;
}
@keyframes main_ui_workspace_viewport_path_actions__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_viewport_path_actions__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_viewport_path_actions__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_viewport_path_actions__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_viewport_path_actions__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_viewport_path_actions__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_viewport_path_actions__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_viewport_path_actions__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_viewport_path_actions__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_viewport_path_actions__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_viewport_path_actions__new-scrollbar ::placeholder,
.main_ui_workspace_viewport_path_actions__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_viewport_path_actions__button-primary, .main_ui_workspace_viewport_path_actions__modal-danger-btn, .main_ui_workspace_viewport_path_actions__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_viewport_path_actions__button-primary:focus-visible, .main_ui_workspace_viewport_path_actions__modal-danger-btn:focus-visible, .main_ui_workspace_viewport_path_actions__modal-accept-btn: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);
}
.main_ui_workspace_viewport_path_actions__button-primary:focus-visible svg, .main_ui_workspace_viewport_path_actions__modal-danger-btn:focus-visible svg, .main_ui_workspace_viewport_path_actions__modal-accept-btn:focus-visible svg,
.main_ui_workspace_viewport_path_actions__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_viewport_path_actions__button-primary svg, .main_ui_workspace_viewport_path_actions__modal-danger-btn svg, .main_ui_workspace_viewport_path_actions__modal-accept-btn svg,
.main_ui_workspace_viewport_path_actions__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_viewport_path_actions__button-primary:hover, .main_ui_workspace_viewport_path_actions__modal-danger-btn:hover, .main_ui_workspace_viewport_path_actions__modal-accept-btn: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;
}
.main_ui_workspace_viewport_path_actions__button-primary:hover svg, .main_ui_workspace_viewport_path_actions__modal-danger-btn:hover svg, .main_ui_workspace_viewport_path_actions__modal-accept-btn:hover svg,
.main_ui_workspace_viewport_path_actions__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_viewport_path_actions__button-primary:active, .main_ui_workspace_viewport_path_actions__modal-danger-btn:active, .main_ui_workspace_viewport_path_actions__modal-accept-btn: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;
}
.main_ui_workspace_viewport_path_actions__button-primary:active svg, .main_ui_workspace_viewport_path_actions__modal-danger-btn:active svg, .main_ui_workspace_viewport_path_actions__modal-accept-btn:active svg,
.main_ui_workspace_viewport_path_actions__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_viewport_path_actions__button-primary.disabled, .main_ui_workspace_viewport_path_actions__modal-danger-btn.disabled, .main_ui_workspace_viewport_path_actions__modal-accept-btn.disabled, .main_ui_workspace_viewport_path_actions__button-primary[disabled], [disabled].main_ui_workspace_viewport_path_actions__modal-danger-btn, [disabled].main_ui_workspace_viewport_path_actions__modal-accept-btn, .main_ui_workspace_viewport_path_actions__button-primary:disabled, .main_ui_workspace_viewport_path_actions__modal-danger-btn:disabled, .main_ui_workspace_viewport_path_actions__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_viewport_path_actions__button-secondary, .main_ui_workspace_viewport_path_actions__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_viewport_path_actions__button-secondary:focus-visible, .main_ui_workspace_viewport_path_actions__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_viewport_path_actions__button-secondary:focus-visible svg, .main_ui_workspace_viewport_path_actions__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_viewport_path_actions__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_viewport_path_actions__button-secondary svg, .main_ui_workspace_viewport_path_actions__modal-cancel-btn svg,
.main_ui_workspace_viewport_path_actions__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_viewport_path_actions__button-secondary:hover, .main_ui_workspace_viewport_path_actions__modal-cancel-btn: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;
}
.main_ui_workspace_viewport_path_actions__button-secondary:hover svg, .main_ui_workspace_viewport_path_actions__modal-cancel-btn:hover svg,
.main_ui_workspace_viewport_path_actions__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_viewport_path_actions__button-secondary:active, .main_ui_workspace_viewport_path_actions__modal-cancel-btn: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);
}
.main_ui_workspace_viewport_path_actions__button-secondary:active svg, .main_ui_workspace_viewport_path_actions__modal-cancel-btn:active svg,
.main_ui_workspace_viewport_path_actions__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_viewport_path_actions__button-secondary.disabled, .main_ui_workspace_viewport_path_actions__modal-cancel-btn.disabled, .main_ui_workspace_viewport_path_actions__button-secondary[disabled], [disabled].main_ui_workspace_viewport_path_actions__modal-cancel-btn, .main_ui_workspace_viewport_path_actions__button-secondary:disabled, .main_ui_workspace_viewport_path_actions__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_viewport_path_actions__button-tertiary, .main_ui_workspace_viewport_path_actions__topbar-btn, .main_ui_workspace_viewport_path_actions__attr-title button, .main_ui_workspace_viewport_path_actions__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_viewport_path_actions__button-tertiary:focus-visible, .main_ui_workspace_viewport_path_actions__topbar-btn:focus-visible, .main_ui_workspace_viewport_path_actions__attr-title button:focus-visible, .main_ui_workspace_viewport_path_actions__modal-close-btn-base: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);
}
.main_ui_workspace_viewport_path_actions__button-tertiary:focus-visible svg, .main_ui_workspace_viewport_path_actions__topbar-btn:focus-visible svg, .main_ui_workspace_viewport_path_actions__attr-title button:focus-visible svg, .main_ui_workspace_viewport_path_actions__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_viewport_path_actions__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_viewport_path_actions__button-tertiary svg, .main_ui_workspace_viewport_path_actions__topbar-btn svg, .main_ui_workspace_viewport_path_actions__attr-title button svg, .main_ui_workspace_viewport_path_actions__modal-close-btn-base svg,
.main_ui_workspace_viewport_path_actions__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_viewport_path_actions__button-tertiary:hover, .main_ui_workspace_viewport_path_actions__topbar-btn:hover, .main_ui_workspace_viewport_path_actions__attr-title button:hover, .main_ui_workspace_viewport_path_actions__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_viewport_path_actions__button-tertiary:hover svg, .main_ui_workspace_viewport_path_actions__topbar-btn:hover svg, .main_ui_workspace_viewport_path_actions__attr-title button:hover svg, .main_ui_workspace_viewport_path_actions__modal-close-btn-base:hover svg,
.main_ui_workspace_viewport_path_actions__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_viewport_path_actions__button-tertiary:active, .main_ui_workspace_viewport_path_actions__topbar-btn:active, .main_ui_workspace_viewport_path_actions__attr-title button:active, .main_ui_workspace_viewport_path_actions__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_viewport_path_actions__button-tertiary:active svg, .main_ui_workspace_viewport_path_actions__topbar-btn:active svg, .main_ui_workspace_viewport_path_actions__attr-title button:active svg, .main_ui_workspace_viewport_path_actions__modal-close-btn-base:active svg,
.main_ui_workspace_viewport_path_actions__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_viewport_path_actions__button-tertiary.disabled, .main_ui_workspace_viewport_path_actions__topbar-btn.disabled, .main_ui_workspace_viewport_path_actions__attr-title button.disabled, .main_ui_workspace_viewport_path_actions__modal-close-btn-base.disabled, .main_ui_workspace_viewport_path_actions__button-tertiary[disabled], [disabled].main_ui_workspace_viewport_path_actions__topbar-btn, .main_ui_workspace_viewport_path_actions__attr-title button[disabled], [disabled].main_ui_workspace_viewport_path_actions__modal-close-btn-base, .main_ui_workspace_viewport_path_actions__button-tertiary:disabled, .main_ui_workspace_viewport_path_actions__topbar-btn:disabled, .main_ui_workspace_viewport_path_actions__attr-title button:disabled, .main_ui_workspace_viewport_path_actions__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_viewport_path_actions__button-tertiary.disabled svg, .main_ui_workspace_viewport_path_actions__topbar-btn.disabled svg, .main_ui_workspace_viewport_path_actions__attr-title button.disabled svg, .main_ui_workspace_viewport_path_actions__modal-close-btn-base.disabled svg,
.main_ui_workspace_viewport_path_actions__button-tertiary.disabled span svg, .main_ui_workspace_viewport_path_actions__button-tertiary[disabled] svg, [disabled].main_ui_workspace_viewport_path_actions__topbar-btn svg, .main_ui_workspace_viewport_path_actions__attr-title button[disabled] svg, [disabled].main_ui_workspace_viewport_path_actions__modal-close-btn-base svg,
.main_ui_workspace_viewport_path_actions__button-tertiary[disabled] span svg, .main_ui_workspace_viewport_path_actions__button-tertiary:disabled svg, .main_ui_workspace_viewport_path_actions__topbar-btn:disabled svg, .main_ui_workspace_viewport_path_actions__attr-title button:disabled svg, .main_ui_workspace_viewport_path_actions__modal-close-btn-base:disabled svg,
.main_ui_workspace_viewport_path_actions__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_viewport_path_actions__button-icon-selected {
  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);
}
.main_ui_workspace_viewport_path_actions__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_viewport_path_actions__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_viewport_path_actions__button-radio: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);
}
.main_ui_workspace_viewport_path_actions__button-radio:focus-visible svg,
.main_ui_workspace_viewport_path_actions__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_viewport_path_actions__button-radio svg,
.main_ui_workspace_viewport_path_actions__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_viewport_path_actions__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_viewport_path_actions__button-radio:hover svg,
.main_ui_workspace_viewport_path_actions__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_viewport_path_actions__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_viewport_path_actions__button-radio:active svg,
.main_ui_workspace_viewport_path_actions__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_viewport_path_actions__button-warning {
  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);
}

.main_ui_workspace_viewport_path_actions__button-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;
}

.main_ui_workspace_viewport_path_actions__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_viewport_path_actions__button-tag: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);
}
.main_ui_workspace_viewport_path_actions__button-tag:focus-visible svg,
.main_ui_workspace_viewport_path_actions__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_viewport_path_actions__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_viewport_path_actions__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_viewport_path_actions__button-icon, .main_ui_workspace_viewport_path_actions__topbar-btn .main_ui_workspace_viewport_path_actions__pathbar-icon, .main_ui_workspace_viewport_path_actions__empty-icon svg, .main_ui_workspace_viewport_path_actions__modal-close-btn-base svg, .main_ui_workspace_viewport_path_actions__button-icon-small, .main_ui_workspace_viewport_path_actions__dropdown-element-base span svg, .main_ui_workspace_viewport_path_actions__attr-title button svg, .main_ui_workspace_viewport_path_actions__checkbox-icon.intermediate svg, .main_ui_workspace_viewport_path_actions__input-checkbox label span.intermediate svg, .main_ui_workspace_viewport_path_actions__checkbox-icon.checked svg, .main_ui_workspace_viewport_path_actions__input-checkbox label span.checked svg, .main_ui_workspace_viewport_path_actions__input-element span svg,
.main_ui_workspace_viewport_path_actions__input-element label svg, .main_ui_workspace_viewport_path_actions__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_viewport_path_actions__button-icon-small, .main_ui_workspace_viewport_path_actions__dropdown-element-base span svg, .main_ui_workspace_viewport_path_actions__attr-title button svg, .main_ui_workspace_viewport_path_actions__checkbox-icon.intermediate svg, .main_ui_workspace_viewport_path_actions__input-checkbox label span.intermediate svg, .main_ui_workspace_viewport_path_actions__checkbox-icon.checked svg, .main_ui_workspace_viewport_path_actions__input-checkbox label span.checked svg, .main_ui_workspace_viewport_path_actions__input-element span svg,
.main_ui_workspace_viewport_path_actions__input-element label svg, .main_ui_workspace_viewport_path_actions__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_viewport_path_actions__input-base, .main_ui_workspace_viewport_path_actions__input-with-label input, .main_ui_workspace_viewport_path_actions__input-element-label input, .main_ui_workspace_viewport_path_actions__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_path_actions__input-base[disabled], .main_ui_workspace_viewport_path_actions__input-with-label input[disabled], .main_ui_workspace_viewport_path_actions__input-element-label input[disabled], .main_ui_workspace_viewport_path_actions__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_viewport_path_actions__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_viewport_path_actions__input-label, .main_ui_workspace_viewport_path_actions__input-element span,
.main_ui_workspace_viewport_path_actions__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_viewport_path_actions__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_viewport_path_actions__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_viewport_path_actions__input-element span svg,
.main_ui_workspace_viewport_path_actions__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_viewport_path_actions__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_path_actions__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_path_actions__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_viewport_path_actions__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_viewport_path_actions__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_viewport_path_actions__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_viewport_path_actions__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_path_actions__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_path_actions__input-element:focus, .main_ui_workspace_viewport_path_actions__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_viewport_path_actions__input-element:focus span, .main_ui_workspace_viewport_path_actions__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_path_actions__input-element:focus input, .main_ui_workspace_viewport_path_actions__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_path_actions__input-element:focus:hover, .main_ui_workspace_viewport_path_actions__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_viewport_path_actions__input-element:focus:hover span, .main_ui_workspace_viewport_path_actions__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_path_actions__input-element:focus:hover input, .main_ui_workspace_viewport_path_actions__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_viewport_path_actions__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_viewport_path_actions__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_viewport_path_actions__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_path_actions__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_path_actions__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_viewport_path_actions__input-element-label:focus-within input, .main_ui_workspace_viewport_path_actions__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_viewport_path_actions__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_viewport_path_actions__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_path_actions__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_path_actions__input-with-label input:focus-within, .main_ui_workspace_viewport_path_actions__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_viewport_path_actions__input-with-label input:focus-within input, .main_ui_workspace_viewport_path_actions__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_path_actions__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_viewport_path_actions__modal-overlay-base {
  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);
}

.main_ui_workspace_viewport_path_actions__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_viewport_path_actions__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_viewport_path_actions__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_viewport_path_actions__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_viewport_path_actions__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_viewport_path_actions__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_viewport_path_actions__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_viewport_path_actions__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_viewport_path_actions__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_viewport_path_actions__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_viewport_path_actions__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_viewport_path_actions__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_viewport_path_actions__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_viewport_path_actions__colorpicker-handler {
  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;
}
.main_ui_workspace_viewport_path_actions__colorpicker-handler:hover, .main_ui_workspace_viewport_path_actions__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_viewport_path_actions__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_viewport_path_actions__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_viewport_path_actions__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_viewport_path_actions__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_viewport_path_actions__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_viewport_path_actions__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_viewport_path_actions__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_viewport_path_actions__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_viewport_path_actions__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_viewport_path_actions__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_viewport_path_actions__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_viewport_path_actions__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_viewport_path_actions__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_viewport_path_actions__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_viewport_path_actions__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_viewport_path_actions__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_viewport_path_actions__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_viewport_path_actions__sub-actions {
  cursor: initial;
  pointer-events: initial;
  position: absolute;
  top: 0.75rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  height: 3.5rem;
  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;
}

.main_ui_workspace_viewport_path_actions__sub-actions-group {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.main_ui_workspace_viewport_path_actions__topbar-btn {
  --pathbar-icon-color: var(--color-foreground-secondary);
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  background-color: transparent;
  border-radius: 0.5rem;
  border: none;
  margin: 0 0.125rem;
}
.main_ui_workspace_viewport_path_actions__topbar-btn.main_ui_workspace_viewport_path_actions__is-toggled {
  --pathbar-icon-color: var(--button-radio-foreground-color-active);
  background-color: var(--button-radio-background-color-active);
}
.main_ui_workspace_viewport_path_actions__topbar-btn .main_ui_workspace_viewport_path_actions__pathbar-icon {
  stroke: var(--pathbar-icon-color);
}
.main_ui_workspace_viewport_pixel_overlay__pixel-overlay {
  left: 0;
  pointer-events: initial;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@keyframes main_ui_workspace_viewport_presence__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_viewport_presence__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_viewport_presence__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_viewport_presence__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_viewport_presence__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_viewport_presence__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_viewport_presence__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_viewport_presence__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_viewport_presence__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_viewport_presence__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_viewport_presence__new-scrollbar ::placeholder,
.main_ui_workspace_viewport_presence__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_viewport_presence__button-primary, .main_ui_workspace_viewport_presence__modal-danger-btn, .main_ui_workspace_viewport_presence__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_viewport_presence__button-primary:focus-visible, .main_ui_workspace_viewport_presence__modal-danger-btn:focus-visible, .main_ui_workspace_viewport_presence__modal-accept-btn: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);
}
.main_ui_workspace_viewport_presence__button-primary:focus-visible svg, .main_ui_workspace_viewport_presence__modal-danger-btn:focus-visible svg, .main_ui_workspace_viewport_presence__modal-accept-btn:focus-visible svg,
.main_ui_workspace_viewport_presence__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_viewport_presence__button-primary svg, .main_ui_workspace_viewport_presence__modal-danger-btn svg, .main_ui_workspace_viewport_presence__modal-accept-btn svg,
.main_ui_workspace_viewport_presence__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_viewport_presence__button-primary:hover, .main_ui_workspace_viewport_presence__modal-danger-btn:hover, .main_ui_workspace_viewport_presence__modal-accept-btn: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;
}
.main_ui_workspace_viewport_presence__button-primary:hover svg, .main_ui_workspace_viewport_presence__modal-danger-btn:hover svg, .main_ui_workspace_viewport_presence__modal-accept-btn:hover svg,
.main_ui_workspace_viewport_presence__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_viewport_presence__button-primary:active, .main_ui_workspace_viewport_presence__modal-danger-btn:active, .main_ui_workspace_viewport_presence__modal-accept-btn: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;
}
.main_ui_workspace_viewport_presence__button-primary:active svg, .main_ui_workspace_viewport_presence__modal-danger-btn:active svg, .main_ui_workspace_viewport_presence__modal-accept-btn:active svg,
.main_ui_workspace_viewport_presence__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_viewport_presence__button-primary.disabled, .main_ui_workspace_viewport_presence__modal-danger-btn.disabled, .main_ui_workspace_viewport_presence__modal-accept-btn.disabled, .main_ui_workspace_viewport_presence__button-primary[disabled], [disabled].main_ui_workspace_viewport_presence__modal-danger-btn, [disabled].main_ui_workspace_viewport_presence__modal-accept-btn, .main_ui_workspace_viewport_presence__button-primary:disabled, .main_ui_workspace_viewport_presence__modal-danger-btn:disabled, .main_ui_workspace_viewport_presence__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_viewport_presence__button-secondary, .main_ui_workspace_viewport_presence__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_viewport_presence__button-secondary:focus-visible, .main_ui_workspace_viewport_presence__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_viewport_presence__button-secondary:focus-visible svg, .main_ui_workspace_viewport_presence__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_viewport_presence__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_viewport_presence__button-secondary svg, .main_ui_workspace_viewport_presence__modal-cancel-btn svg,
.main_ui_workspace_viewport_presence__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_viewport_presence__button-secondary:hover, .main_ui_workspace_viewport_presence__modal-cancel-btn: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;
}
.main_ui_workspace_viewport_presence__button-secondary:hover svg, .main_ui_workspace_viewport_presence__modal-cancel-btn:hover svg,
.main_ui_workspace_viewport_presence__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_viewport_presence__button-secondary:active, .main_ui_workspace_viewport_presence__modal-cancel-btn: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);
}
.main_ui_workspace_viewport_presence__button-secondary:active svg, .main_ui_workspace_viewport_presence__modal-cancel-btn:active svg,
.main_ui_workspace_viewport_presence__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_viewport_presence__button-secondary.disabled, .main_ui_workspace_viewport_presence__modal-cancel-btn.disabled, .main_ui_workspace_viewport_presence__button-secondary[disabled], [disabled].main_ui_workspace_viewport_presence__modal-cancel-btn, .main_ui_workspace_viewport_presence__button-secondary:disabled, .main_ui_workspace_viewport_presence__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_viewport_presence__button-tertiary, .main_ui_workspace_viewport_presence__attr-title button, .main_ui_workspace_viewport_presence__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_viewport_presence__button-tertiary:focus-visible, .main_ui_workspace_viewport_presence__attr-title button:focus-visible, .main_ui_workspace_viewport_presence__modal-close-btn-base: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);
}
.main_ui_workspace_viewport_presence__button-tertiary:focus-visible svg, .main_ui_workspace_viewport_presence__attr-title button:focus-visible svg, .main_ui_workspace_viewport_presence__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_viewport_presence__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_viewport_presence__button-tertiary svg, .main_ui_workspace_viewport_presence__attr-title button svg, .main_ui_workspace_viewport_presence__modal-close-btn-base svg,
.main_ui_workspace_viewport_presence__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_viewport_presence__button-tertiary:hover, .main_ui_workspace_viewport_presence__attr-title button:hover, .main_ui_workspace_viewport_presence__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_viewport_presence__button-tertiary:hover svg, .main_ui_workspace_viewport_presence__attr-title button:hover svg, .main_ui_workspace_viewport_presence__modal-close-btn-base:hover svg,
.main_ui_workspace_viewport_presence__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_viewport_presence__button-tertiary:active, .main_ui_workspace_viewport_presence__attr-title button:active, .main_ui_workspace_viewport_presence__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_viewport_presence__button-tertiary:active svg, .main_ui_workspace_viewport_presence__attr-title button:active svg, .main_ui_workspace_viewport_presence__modal-close-btn-base:active svg,
.main_ui_workspace_viewport_presence__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_viewport_presence__button-tertiary.disabled, .main_ui_workspace_viewport_presence__attr-title button.disabled, .main_ui_workspace_viewport_presence__modal-close-btn-base.disabled, .main_ui_workspace_viewport_presence__button-tertiary[disabled], .main_ui_workspace_viewport_presence__attr-title button[disabled], [disabled].main_ui_workspace_viewport_presence__modal-close-btn-base, .main_ui_workspace_viewport_presence__button-tertiary:disabled, .main_ui_workspace_viewport_presence__attr-title button:disabled, .main_ui_workspace_viewport_presence__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_viewport_presence__button-tertiary.disabled svg, .main_ui_workspace_viewport_presence__attr-title button.disabled svg, .main_ui_workspace_viewport_presence__modal-close-btn-base.disabled svg,
.main_ui_workspace_viewport_presence__button-tertiary.disabled span svg, .main_ui_workspace_viewport_presence__button-tertiary[disabled] svg, .main_ui_workspace_viewport_presence__attr-title button[disabled] svg, [disabled].main_ui_workspace_viewport_presence__modal-close-btn-base svg,
.main_ui_workspace_viewport_presence__button-tertiary[disabled] span svg, .main_ui_workspace_viewport_presence__button-tertiary:disabled svg, .main_ui_workspace_viewport_presence__attr-title button:disabled svg, .main_ui_workspace_viewport_presence__modal-close-btn-base:disabled svg,
.main_ui_workspace_viewport_presence__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_viewport_presence__button-icon-selected {
  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);
}
.main_ui_workspace_viewport_presence__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_viewport_presence__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_viewport_presence__button-radio: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);
}
.main_ui_workspace_viewport_presence__button-radio:focus-visible svg,
.main_ui_workspace_viewport_presence__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_viewport_presence__button-radio svg,
.main_ui_workspace_viewport_presence__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_viewport_presence__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_viewport_presence__button-radio:hover svg,
.main_ui_workspace_viewport_presence__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_viewport_presence__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_viewport_presence__button-radio:active svg,
.main_ui_workspace_viewport_presence__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_viewport_presence__button-warning {
  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);
}

.main_ui_workspace_viewport_presence__button-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;
}

.main_ui_workspace_viewport_presence__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_viewport_presence__button-tag: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);
}
.main_ui_workspace_viewport_presence__button-tag:focus-visible svg,
.main_ui_workspace_viewport_presence__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_viewport_presence__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_viewport_presence__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_viewport_presence__button-icon, .main_ui_workspace_viewport_presence__empty-icon svg, .main_ui_workspace_viewport_presence__modal-close-btn-base svg, .main_ui_workspace_viewport_presence__button-icon-small, .main_ui_workspace_viewport_presence__dropdown-element-base span svg, .main_ui_workspace_viewport_presence__attr-title button svg, .main_ui_workspace_viewport_presence__checkbox-icon.intermediate svg, .main_ui_workspace_viewport_presence__input-checkbox label span.intermediate svg, .main_ui_workspace_viewport_presence__checkbox-icon.checked svg, .main_ui_workspace_viewport_presence__input-checkbox label span.checked svg, .main_ui_workspace_viewport_presence__input-element span svg,
.main_ui_workspace_viewport_presence__input-element label svg, .main_ui_workspace_viewport_presence__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_viewport_presence__button-icon-small, .main_ui_workspace_viewport_presence__dropdown-element-base span svg, .main_ui_workspace_viewport_presence__attr-title button svg, .main_ui_workspace_viewport_presence__checkbox-icon.intermediate svg, .main_ui_workspace_viewport_presence__input-checkbox label span.intermediate svg, .main_ui_workspace_viewport_presence__checkbox-icon.checked svg, .main_ui_workspace_viewport_presence__input-checkbox label span.checked svg, .main_ui_workspace_viewport_presence__input-element span svg,
.main_ui_workspace_viewport_presence__input-element label svg, .main_ui_workspace_viewport_presence__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_viewport_presence__input-base, .main_ui_workspace_viewport_presence__input-with-label input, .main_ui_workspace_viewport_presence__input-element-label input, .main_ui_workspace_viewport_presence__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_presence__input-base[disabled], .main_ui_workspace_viewport_presence__input-with-label input[disabled], .main_ui_workspace_viewport_presence__input-element-label input[disabled], .main_ui_workspace_viewport_presence__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_viewport_presence__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_viewport_presence__input-label, .main_ui_workspace_viewport_presence__input-element span,
.main_ui_workspace_viewport_presence__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_viewport_presence__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_viewport_presence__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_viewport_presence__input-element span svg,
.main_ui_workspace_viewport_presence__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_viewport_presence__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_presence__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_presence__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_viewport_presence__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_viewport_presence__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_viewport_presence__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_viewport_presence__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_presence__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_presence__input-element:focus, .main_ui_workspace_viewport_presence__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_viewport_presence__input-element:focus span, .main_ui_workspace_viewport_presence__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_presence__input-element:focus input, .main_ui_workspace_viewport_presence__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_presence__input-element:focus:hover, .main_ui_workspace_viewport_presence__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_viewport_presence__input-element:focus:hover span, .main_ui_workspace_viewport_presence__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_presence__input-element:focus:hover input, .main_ui_workspace_viewport_presence__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_viewport_presence__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_viewport_presence__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_viewport_presence__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_presence__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_presence__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_viewport_presence__input-element-label:focus-within input, .main_ui_workspace_viewport_presence__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_viewport_presence__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_viewport_presence__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_presence__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_presence__input-with-label input:focus-within, .main_ui_workspace_viewport_presence__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_viewport_presence__input-with-label input:focus-within input, .main_ui_workspace_viewport_presence__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_presence__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_viewport_presence__modal-overlay-base {
  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);
}

.main_ui_workspace_viewport_presence__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_viewport_presence__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_viewport_presence__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_viewport_presence__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_viewport_presence__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_viewport_presence__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_viewport_presence__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_viewport_presence__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_viewport_presence__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_viewport_presence__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_viewport_presence__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_viewport_presence__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_viewport_presence__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_viewport_presence__colorpicker-handler {
  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;
}
.main_ui_workspace_viewport_presence__colorpicker-handler:hover, .main_ui_workspace_viewport_presence__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_viewport_presence__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_viewport_presence__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_viewport_presence__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_viewport_presence__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_viewport_presence__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_viewport_presence__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_viewport_presence__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_viewport_presence__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_viewport_presence__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_viewport_presence__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_viewport_presence__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_viewport_presence__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_viewport_presence__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_viewport_presence__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_viewport_presence__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_viewport_presence__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_viewport_presence__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_viewport_presence__profile-name {
  width: -moz-fit-content;
  width: fit-content;
  font-family: worksans;
  padding: 2px 12px;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  height: 20px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.main_ui_workspace_viewport_presence__multiuser-cursor {
  z-index: 10000;
  pointer-events: none;
}
@keyframes main_ui_workspace_viewport_top_bar__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_viewport_top_bar__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_viewport_top_bar__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_viewport_top_bar__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_viewport_top_bar__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_viewport_top_bar__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_viewport_top_bar__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_viewport_top_bar__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_viewport_top_bar__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_viewport_top_bar__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_viewport_top_bar__new-scrollbar ::placeholder,
.main_ui_workspace_viewport_top_bar__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_viewport_top_bar__button-primary, .main_ui_workspace_viewport_top_bar__done-btn, .main_ui_workspace_viewport_top_bar__modal-danger-btn, .main_ui_workspace_viewport_top_bar__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_viewport_top_bar__button-primary:focus-visible, .main_ui_workspace_viewport_top_bar__done-btn:focus-visible, .main_ui_workspace_viewport_top_bar__modal-danger-btn:focus-visible, .main_ui_workspace_viewport_top_bar__modal-accept-btn: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);
}
.main_ui_workspace_viewport_top_bar__button-primary:focus-visible svg, .main_ui_workspace_viewport_top_bar__done-btn:focus-visible svg, .main_ui_workspace_viewport_top_bar__modal-danger-btn:focus-visible svg, .main_ui_workspace_viewport_top_bar__modal-accept-btn:focus-visible svg,
.main_ui_workspace_viewport_top_bar__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_viewport_top_bar__button-primary svg, .main_ui_workspace_viewport_top_bar__done-btn svg, .main_ui_workspace_viewport_top_bar__modal-danger-btn svg, .main_ui_workspace_viewport_top_bar__modal-accept-btn svg,
.main_ui_workspace_viewport_top_bar__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_viewport_top_bar__button-primary:hover, .main_ui_workspace_viewport_top_bar__done-btn:hover, .main_ui_workspace_viewport_top_bar__modal-danger-btn:hover, .main_ui_workspace_viewport_top_bar__modal-accept-btn: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;
}
.main_ui_workspace_viewport_top_bar__button-primary:hover svg, .main_ui_workspace_viewport_top_bar__done-btn:hover svg, .main_ui_workspace_viewport_top_bar__modal-danger-btn:hover svg, .main_ui_workspace_viewport_top_bar__modal-accept-btn:hover svg,
.main_ui_workspace_viewport_top_bar__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_viewport_top_bar__button-primary:active, .main_ui_workspace_viewport_top_bar__done-btn:active, .main_ui_workspace_viewport_top_bar__modal-danger-btn:active, .main_ui_workspace_viewport_top_bar__modal-accept-btn: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;
}
.main_ui_workspace_viewport_top_bar__button-primary:active svg, .main_ui_workspace_viewport_top_bar__done-btn:active svg, .main_ui_workspace_viewport_top_bar__modal-danger-btn:active svg, .main_ui_workspace_viewport_top_bar__modal-accept-btn:active svg,
.main_ui_workspace_viewport_top_bar__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_viewport_top_bar__button-primary.disabled, .main_ui_workspace_viewport_top_bar__done-btn.disabled, .main_ui_workspace_viewport_top_bar__modal-danger-btn.disabled, .main_ui_workspace_viewport_top_bar__modal-accept-btn.disabled, .main_ui_workspace_viewport_top_bar__button-primary[disabled], [disabled].main_ui_workspace_viewport_top_bar__done-btn, [disabled].main_ui_workspace_viewport_top_bar__modal-danger-btn, [disabled].main_ui_workspace_viewport_top_bar__modal-accept-btn, .main_ui_workspace_viewport_top_bar__button-primary:disabled, .main_ui_workspace_viewport_top_bar__done-btn:disabled, .main_ui_workspace_viewport_top_bar__modal-danger-btn:disabled, .main_ui_workspace_viewport_top_bar__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_viewport_top_bar__button-secondary, .main_ui_workspace_viewport_top_bar__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_viewport_top_bar__button-secondary:focus-visible, .main_ui_workspace_viewport_top_bar__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_viewport_top_bar__button-secondary:focus-visible svg, .main_ui_workspace_viewport_top_bar__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_viewport_top_bar__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_viewport_top_bar__button-secondary svg, .main_ui_workspace_viewport_top_bar__modal-cancel-btn svg,
.main_ui_workspace_viewport_top_bar__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_viewport_top_bar__button-secondary:hover, .main_ui_workspace_viewport_top_bar__modal-cancel-btn: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;
}
.main_ui_workspace_viewport_top_bar__button-secondary:hover svg, .main_ui_workspace_viewport_top_bar__modal-cancel-btn:hover svg,
.main_ui_workspace_viewport_top_bar__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_viewport_top_bar__button-secondary:active, .main_ui_workspace_viewport_top_bar__modal-cancel-btn: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);
}
.main_ui_workspace_viewport_top_bar__button-secondary:active svg, .main_ui_workspace_viewport_top_bar__modal-cancel-btn:active svg,
.main_ui_workspace_viewport_top_bar__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_viewport_top_bar__button-secondary.disabled, .main_ui_workspace_viewport_top_bar__modal-cancel-btn.disabled, .main_ui_workspace_viewport_top_bar__button-secondary[disabled], [disabled].main_ui_workspace_viewport_top_bar__modal-cancel-btn, .main_ui_workspace_viewport_top_bar__button-secondary:disabled, .main_ui_workspace_viewport_top_bar__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_viewport_top_bar__button-tertiary, .main_ui_workspace_viewport_top_bar__attr-title button, .main_ui_workspace_viewport_top_bar__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_viewport_top_bar__button-tertiary:focus-visible, .main_ui_workspace_viewport_top_bar__attr-title button:focus-visible, .main_ui_workspace_viewport_top_bar__modal-close-btn-base: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);
}
.main_ui_workspace_viewport_top_bar__button-tertiary:focus-visible svg, .main_ui_workspace_viewport_top_bar__attr-title button:focus-visible svg, .main_ui_workspace_viewport_top_bar__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_viewport_top_bar__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_viewport_top_bar__button-tertiary svg, .main_ui_workspace_viewport_top_bar__attr-title button svg, .main_ui_workspace_viewport_top_bar__modal-close-btn-base svg,
.main_ui_workspace_viewport_top_bar__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_viewport_top_bar__button-tertiary:hover, .main_ui_workspace_viewport_top_bar__attr-title button:hover, .main_ui_workspace_viewport_top_bar__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_viewport_top_bar__button-tertiary:hover svg, .main_ui_workspace_viewport_top_bar__attr-title button:hover svg, .main_ui_workspace_viewport_top_bar__modal-close-btn-base:hover svg,
.main_ui_workspace_viewport_top_bar__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_viewport_top_bar__button-tertiary:active, .main_ui_workspace_viewport_top_bar__attr-title button:active, .main_ui_workspace_viewport_top_bar__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_viewport_top_bar__button-tertiary:active svg, .main_ui_workspace_viewport_top_bar__attr-title button:active svg, .main_ui_workspace_viewport_top_bar__modal-close-btn-base:active svg,
.main_ui_workspace_viewport_top_bar__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_viewport_top_bar__button-tertiary.disabled, .main_ui_workspace_viewport_top_bar__attr-title button.disabled, .main_ui_workspace_viewport_top_bar__modal-close-btn-base.disabled, .main_ui_workspace_viewport_top_bar__button-tertiary[disabled], .main_ui_workspace_viewport_top_bar__attr-title button[disabled], [disabled].main_ui_workspace_viewport_top_bar__modal-close-btn-base, .main_ui_workspace_viewport_top_bar__button-tertiary:disabled, .main_ui_workspace_viewport_top_bar__attr-title button:disabled, .main_ui_workspace_viewport_top_bar__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_viewport_top_bar__button-tertiary.disabled svg, .main_ui_workspace_viewport_top_bar__attr-title button.disabled svg, .main_ui_workspace_viewport_top_bar__modal-close-btn-base.disabled svg,
.main_ui_workspace_viewport_top_bar__button-tertiary.disabled span svg, .main_ui_workspace_viewport_top_bar__button-tertiary[disabled] svg, .main_ui_workspace_viewport_top_bar__attr-title button[disabled] svg, [disabled].main_ui_workspace_viewport_top_bar__modal-close-btn-base svg,
.main_ui_workspace_viewport_top_bar__button-tertiary[disabled] span svg, .main_ui_workspace_viewport_top_bar__button-tertiary:disabled svg, .main_ui_workspace_viewport_top_bar__attr-title button:disabled svg, .main_ui_workspace_viewport_top_bar__modal-close-btn-base:disabled svg,
.main_ui_workspace_viewport_top_bar__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_viewport_top_bar__button-icon-selected {
  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);
}
.main_ui_workspace_viewport_top_bar__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_viewport_top_bar__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_viewport_top_bar__button-radio: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);
}
.main_ui_workspace_viewport_top_bar__button-radio:focus-visible svg,
.main_ui_workspace_viewport_top_bar__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_viewport_top_bar__button-radio svg,
.main_ui_workspace_viewport_top_bar__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_viewport_top_bar__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_viewport_top_bar__button-radio:hover svg,
.main_ui_workspace_viewport_top_bar__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_viewport_top_bar__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_viewport_top_bar__button-radio:active svg,
.main_ui_workspace_viewport_top_bar__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_viewport_top_bar__button-warning {
  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);
}

.main_ui_workspace_viewport_top_bar__button-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;
}

.main_ui_workspace_viewport_top_bar__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_viewport_top_bar__button-tag: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);
}
.main_ui_workspace_viewport_top_bar__button-tag:focus-visible svg,
.main_ui_workspace_viewport_top_bar__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_viewport_top_bar__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_viewport_top_bar__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_viewport_top_bar__button-icon, .main_ui_workspace_viewport_top_bar__empty-icon svg, .main_ui_workspace_viewport_top_bar__modal-close-btn-base svg, .main_ui_workspace_viewport_top_bar__button-icon-small, .main_ui_workspace_viewport_top_bar__dropdown-element-base span svg, .main_ui_workspace_viewport_top_bar__attr-title button svg, .main_ui_workspace_viewport_top_bar__checkbox-icon.intermediate svg, .main_ui_workspace_viewport_top_bar__input-checkbox label span.intermediate svg, .main_ui_workspace_viewport_top_bar__checkbox-icon.checked svg, .main_ui_workspace_viewport_top_bar__input-checkbox label span.checked svg, .main_ui_workspace_viewport_top_bar__input-element span svg,
.main_ui_workspace_viewport_top_bar__input-element label svg, .main_ui_workspace_viewport_top_bar__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_viewport_top_bar__button-icon-small, .main_ui_workspace_viewport_top_bar__dropdown-element-base span svg, .main_ui_workspace_viewport_top_bar__attr-title button svg, .main_ui_workspace_viewport_top_bar__checkbox-icon.intermediate svg, .main_ui_workspace_viewport_top_bar__input-checkbox label span.intermediate svg, .main_ui_workspace_viewport_top_bar__checkbox-icon.checked svg, .main_ui_workspace_viewport_top_bar__input-checkbox label span.checked svg, .main_ui_workspace_viewport_top_bar__input-element span svg,
.main_ui_workspace_viewport_top_bar__input-element label svg, .main_ui_workspace_viewport_top_bar__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_viewport_top_bar__input-base, .main_ui_workspace_viewport_top_bar__input-with-label input, .main_ui_workspace_viewport_top_bar__input-element-label input, .main_ui_workspace_viewport_top_bar__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_top_bar__input-base[disabled], .main_ui_workspace_viewport_top_bar__input-with-label input[disabled], .main_ui_workspace_viewport_top_bar__input-element-label input[disabled], .main_ui_workspace_viewport_top_bar__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_viewport_top_bar__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_viewport_top_bar__input-label, .main_ui_workspace_viewport_top_bar__input-element span,
.main_ui_workspace_viewport_top_bar__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_viewport_top_bar__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_viewport_top_bar__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_viewport_top_bar__input-element span svg,
.main_ui_workspace_viewport_top_bar__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_viewport_top_bar__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_top_bar__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_top_bar__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_viewport_top_bar__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_viewport_top_bar__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_viewport_top_bar__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_viewport_top_bar__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_top_bar__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_top_bar__input-element:focus, .main_ui_workspace_viewport_top_bar__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_viewport_top_bar__input-element:focus span, .main_ui_workspace_viewport_top_bar__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_top_bar__input-element:focus input, .main_ui_workspace_viewport_top_bar__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_top_bar__input-element:focus:hover, .main_ui_workspace_viewport_top_bar__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_viewport_top_bar__input-element:focus:hover span, .main_ui_workspace_viewport_top_bar__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_top_bar__input-element:focus:hover input, .main_ui_workspace_viewport_top_bar__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_viewport_top_bar__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_viewport_top_bar__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_viewport_top_bar__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_top_bar__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_top_bar__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_viewport_top_bar__input-element-label:focus-within input, .main_ui_workspace_viewport_top_bar__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_viewport_top_bar__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_viewport_top_bar__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_top_bar__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_top_bar__input-with-label input:focus-within, .main_ui_workspace_viewport_top_bar__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_viewport_top_bar__input-with-label input:focus-within input, .main_ui_workspace_viewport_top_bar__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_top_bar__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_viewport_top_bar__modal-overlay-base {
  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);
}

.main_ui_workspace_viewport_top_bar__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_viewport_top_bar__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_viewport_top_bar__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_viewport_top_bar__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_viewport_top_bar__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_viewport_top_bar__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_viewport_top_bar__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_viewport_top_bar__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_viewport_top_bar__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_viewport_top_bar__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_viewport_top_bar__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_viewport_top_bar__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_viewport_top_bar__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_viewport_top_bar__colorpicker-handler {
  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;
}
.main_ui_workspace_viewport_top_bar__colorpicker-handler:hover, .main_ui_workspace_viewport_top_bar__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_viewport_top_bar__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_viewport_top_bar__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_viewport_top_bar__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_viewport_top_bar__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_viewport_top_bar__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_viewport_top_bar__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_viewport_top_bar__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_viewport_top_bar__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_viewport_top_bar__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_viewport_top_bar__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_viewport_top_bar__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_viewport_top_bar__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_viewport_top_bar__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_viewport_top_bar__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_viewport_top_bar__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_viewport_top_bar__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_viewport_top_bar__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_viewport_top_bar__viewport-actions,
.main_ui_workspace_viewport_top_bar__viewport-actions-path {
  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;
}

.main_ui_workspace_viewport_top_bar__viewport-actions-path {
  z-index: 3;
}

.main_ui_workspace_viewport_top_bar__viewport-actions-container {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background: var(--panel-background-color);
  border-radius: 0.75rem;
  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);
}

.main_ui_workspace_viewport_top_bar__viewport-actions-title {
  flex: 1;
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
  padding-left: 0.5rem;
}

.main_ui_workspace_viewport_top_bar__done-btn {
  text-transform: uppercase;
  padding: 0.5rem 1.25rem;
  font-size: 0.688rem;
}

.main_ui_workspace_viewport_top_bar__viewport-actions-no-rulers {
  --actions-toolbar-position-y: 0px;
}
@keyframes main_ui_workspace_viewport_widgets__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_viewport_widgets__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_viewport_widgets__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_viewport_widgets__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_viewport_widgets__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_viewport_widgets__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_viewport_widgets__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_viewport_widgets__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_viewport_widgets__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_viewport_widgets__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_viewport_widgets__new-scrollbar ::placeholder,
.main_ui_workspace_viewport_widgets__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_viewport_widgets__button-primary, .main_ui_workspace_viewport_widgets__modal-danger-btn, .main_ui_workspace_viewport_widgets__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_viewport_widgets__button-primary:focus-visible, .main_ui_workspace_viewport_widgets__modal-danger-btn:focus-visible, .main_ui_workspace_viewport_widgets__modal-accept-btn: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);
}
.main_ui_workspace_viewport_widgets__button-primary:focus-visible svg, .main_ui_workspace_viewport_widgets__modal-danger-btn:focus-visible svg, .main_ui_workspace_viewport_widgets__modal-accept-btn:focus-visible svg,
.main_ui_workspace_viewport_widgets__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_viewport_widgets__button-primary svg, .main_ui_workspace_viewport_widgets__modal-danger-btn svg, .main_ui_workspace_viewport_widgets__modal-accept-btn svg,
.main_ui_workspace_viewport_widgets__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_viewport_widgets__button-primary:hover, .main_ui_workspace_viewport_widgets__modal-danger-btn:hover, .main_ui_workspace_viewport_widgets__modal-accept-btn: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;
}
.main_ui_workspace_viewport_widgets__button-primary:hover svg, .main_ui_workspace_viewport_widgets__modal-danger-btn:hover svg, .main_ui_workspace_viewport_widgets__modal-accept-btn:hover svg,
.main_ui_workspace_viewport_widgets__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_viewport_widgets__button-primary:active, .main_ui_workspace_viewport_widgets__modal-danger-btn:active, .main_ui_workspace_viewport_widgets__modal-accept-btn: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;
}
.main_ui_workspace_viewport_widgets__button-primary:active svg, .main_ui_workspace_viewport_widgets__modal-danger-btn:active svg, .main_ui_workspace_viewport_widgets__modal-accept-btn:active svg,
.main_ui_workspace_viewport_widgets__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_viewport_widgets__button-primary.disabled, .main_ui_workspace_viewport_widgets__modal-danger-btn.disabled, .main_ui_workspace_viewport_widgets__modal-accept-btn.disabled, .main_ui_workspace_viewport_widgets__button-primary[disabled], [disabled].main_ui_workspace_viewport_widgets__modal-danger-btn, [disabled].main_ui_workspace_viewport_widgets__modal-accept-btn, .main_ui_workspace_viewport_widgets__button-primary:disabled, .main_ui_workspace_viewport_widgets__modal-danger-btn:disabled, .main_ui_workspace_viewport_widgets__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_viewport_widgets__button-secondary, .main_ui_workspace_viewport_widgets__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_viewport_widgets__button-secondary:focus-visible, .main_ui_workspace_viewport_widgets__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_viewport_widgets__button-secondary:focus-visible svg, .main_ui_workspace_viewport_widgets__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_viewport_widgets__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_viewport_widgets__button-secondary svg, .main_ui_workspace_viewport_widgets__modal-cancel-btn svg,
.main_ui_workspace_viewport_widgets__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_viewport_widgets__button-secondary:hover, .main_ui_workspace_viewport_widgets__modal-cancel-btn: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;
}
.main_ui_workspace_viewport_widgets__button-secondary:hover svg, .main_ui_workspace_viewport_widgets__modal-cancel-btn:hover svg,
.main_ui_workspace_viewport_widgets__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_viewport_widgets__button-secondary:active, .main_ui_workspace_viewport_widgets__modal-cancel-btn: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);
}
.main_ui_workspace_viewport_widgets__button-secondary:active svg, .main_ui_workspace_viewport_widgets__modal-cancel-btn:active svg,
.main_ui_workspace_viewport_widgets__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_viewport_widgets__button-secondary.disabled, .main_ui_workspace_viewport_widgets__modal-cancel-btn.disabled, .main_ui_workspace_viewport_widgets__button-secondary[disabled], [disabled].main_ui_workspace_viewport_widgets__modal-cancel-btn, .main_ui_workspace_viewport_widgets__button-secondary:disabled, .main_ui_workspace_viewport_widgets__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_viewport_widgets__button-tertiary, .main_ui_workspace_viewport_widgets__attr-title button, .main_ui_workspace_viewport_widgets__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_viewport_widgets__button-tertiary:focus-visible, .main_ui_workspace_viewport_widgets__attr-title button:focus-visible, .main_ui_workspace_viewport_widgets__modal-close-btn-base: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);
}
.main_ui_workspace_viewport_widgets__button-tertiary:focus-visible svg, .main_ui_workspace_viewport_widgets__attr-title button:focus-visible svg, .main_ui_workspace_viewport_widgets__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_viewport_widgets__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_viewport_widgets__button-tertiary svg, .main_ui_workspace_viewport_widgets__attr-title button svg, .main_ui_workspace_viewport_widgets__modal-close-btn-base svg,
.main_ui_workspace_viewport_widgets__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_viewport_widgets__button-tertiary:hover, .main_ui_workspace_viewport_widgets__attr-title button:hover, .main_ui_workspace_viewport_widgets__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_viewport_widgets__button-tertiary:hover svg, .main_ui_workspace_viewport_widgets__attr-title button:hover svg, .main_ui_workspace_viewport_widgets__modal-close-btn-base:hover svg,
.main_ui_workspace_viewport_widgets__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_viewport_widgets__button-tertiary:active, .main_ui_workspace_viewport_widgets__attr-title button:active, .main_ui_workspace_viewport_widgets__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_viewport_widgets__button-tertiary:active svg, .main_ui_workspace_viewport_widgets__attr-title button:active svg, .main_ui_workspace_viewport_widgets__modal-close-btn-base:active svg,
.main_ui_workspace_viewport_widgets__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_viewport_widgets__button-tertiary.disabled, .main_ui_workspace_viewport_widgets__attr-title button.disabled, .main_ui_workspace_viewport_widgets__modal-close-btn-base.disabled, .main_ui_workspace_viewport_widgets__button-tertiary[disabled], .main_ui_workspace_viewport_widgets__attr-title button[disabled], [disabled].main_ui_workspace_viewport_widgets__modal-close-btn-base, .main_ui_workspace_viewport_widgets__button-tertiary:disabled, .main_ui_workspace_viewport_widgets__attr-title button:disabled, .main_ui_workspace_viewport_widgets__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_viewport_widgets__button-tertiary.disabled svg, .main_ui_workspace_viewport_widgets__attr-title button.disabled svg, .main_ui_workspace_viewport_widgets__modal-close-btn-base.disabled svg,
.main_ui_workspace_viewport_widgets__button-tertiary.disabled span svg, .main_ui_workspace_viewport_widgets__button-tertiary[disabled] svg, .main_ui_workspace_viewport_widgets__attr-title button[disabled] svg, [disabled].main_ui_workspace_viewport_widgets__modal-close-btn-base svg,
.main_ui_workspace_viewport_widgets__button-tertiary[disabled] span svg, .main_ui_workspace_viewport_widgets__button-tertiary:disabled svg, .main_ui_workspace_viewport_widgets__attr-title button:disabled svg, .main_ui_workspace_viewport_widgets__modal-close-btn-base:disabled svg,
.main_ui_workspace_viewport_widgets__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_viewport_widgets__button-icon-selected {
  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);
}
.main_ui_workspace_viewport_widgets__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_viewport_widgets__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_viewport_widgets__button-radio: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);
}
.main_ui_workspace_viewport_widgets__button-radio:focus-visible svg,
.main_ui_workspace_viewport_widgets__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_viewport_widgets__button-radio svg,
.main_ui_workspace_viewport_widgets__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_viewport_widgets__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_viewport_widgets__button-radio:hover svg,
.main_ui_workspace_viewport_widgets__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_viewport_widgets__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_viewport_widgets__button-radio:active svg,
.main_ui_workspace_viewport_widgets__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_viewport_widgets__button-warning {
  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);
}

.main_ui_workspace_viewport_widgets__button-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;
}

.main_ui_workspace_viewport_widgets__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_viewport_widgets__button-tag: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);
}
.main_ui_workspace_viewport_widgets__button-tag:focus-visible svg,
.main_ui_workspace_viewport_widgets__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_viewport_widgets__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_viewport_widgets__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_viewport_widgets__button-icon, .main_ui_workspace_viewport_widgets__flow-badge .main_ui_workspace_viewport_widgets__content svg, .main_ui_workspace_viewport_widgets__empty-icon svg, .main_ui_workspace_viewport_widgets__modal-close-btn-base svg, .main_ui_workspace_viewport_widgets__button-icon-small, .main_ui_workspace_viewport_widgets__dropdown-element-base span svg, .main_ui_workspace_viewport_widgets__attr-title button svg, .main_ui_workspace_viewport_widgets__checkbox-icon.intermediate svg, .main_ui_workspace_viewport_widgets__input-checkbox label span.intermediate svg, .main_ui_workspace_viewport_widgets__checkbox-icon.checked svg, .main_ui_workspace_viewport_widgets__input-checkbox label span.checked svg, .main_ui_workspace_viewport_widgets__input-element span svg,
.main_ui_workspace_viewport_widgets__input-element label svg, .main_ui_workspace_viewport_widgets__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_viewport_widgets__button-icon-small, .main_ui_workspace_viewport_widgets__dropdown-element-base span svg, .main_ui_workspace_viewport_widgets__attr-title button svg, .main_ui_workspace_viewport_widgets__checkbox-icon.intermediate svg, .main_ui_workspace_viewport_widgets__input-checkbox label span.intermediate svg, .main_ui_workspace_viewport_widgets__checkbox-icon.checked svg, .main_ui_workspace_viewport_widgets__input-checkbox label span.checked svg, .main_ui_workspace_viewport_widgets__input-element span svg,
.main_ui_workspace_viewport_widgets__input-element label svg, .main_ui_workspace_viewport_widgets__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_viewport_widgets__input-base, .main_ui_workspace_viewport_widgets__input-with-label input, .main_ui_workspace_viewport_widgets__input-element-label input, .main_ui_workspace_viewport_widgets__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_widgets__input-base[disabled], .main_ui_workspace_viewport_widgets__input-with-label input[disabled], .main_ui_workspace_viewport_widgets__input-element-label input[disabled], .main_ui_workspace_viewport_widgets__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_viewport_widgets__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_viewport_widgets__input-label, .main_ui_workspace_viewport_widgets__input-element span,
.main_ui_workspace_viewport_widgets__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_viewport_widgets__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_viewport_widgets__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_viewport_widgets__input-element span svg,
.main_ui_workspace_viewport_widgets__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_viewport_widgets__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_widgets__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_widgets__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_viewport_widgets__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_viewport_widgets__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_viewport_widgets__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_viewport_widgets__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_widgets__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_widgets__input-element:focus, .main_ui_workspace_viewport_widgets__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_viewport_widgets__input-element:focus span, .main_ui_workspace_viewport_widgets__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_widgets__input-element:focus input, .main_ui_workspace_viewport_widgets__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_widgets__input-element:focus:hover, .main_ui_workspace_viewport_widgets__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_viewport_widgets__input-element:focus:hover span, .main_ui_workspace_viewport_widgets__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_viewport_widgets__input-element:focus:hover input, .main_ui_workspace_viewport_widgets__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_viewport_widgets__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_viewport_widgets__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_viewport_widgets__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_widgets__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_viewport_widgets__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_viewport_widgets__input-element-label:focus-within input, .main_ui_workspace_viewport_widgets__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_viewport_widgets__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_viewport_widgets__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_widgets__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_widgets__input-with-label input:focus-within, .main_ui_workspace_viewport_widgets__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_viewport_widgets__input-with-label input:focus-within input, .main_ui_workspace_viewport_widgets__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_viewport_widgets__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_viewport_widgets__modal-overlay-base {
  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);
}

.main_ui_workspace_viewport_widgets__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_viewport_widgets__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_viewport_widgets__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_viewport_widgets__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_viewport_widgets__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_viewport_widgets__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_viewport_widgets__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_viewport_widgets__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_viewport_widgets__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_viewport_widgets__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_viewport_widgets__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_viewport_widgets__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_viewport_widgets__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_viewport_widgets__colorpicker-handler {
  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;
}
.main_ui_workspace_viewport_widgets__colorpicker-handler:hover, .main_ui_workspace_viewport_widgets__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_viewport_widgets__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_viewport_widgets__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_viewport_widgets__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_viewport_widgets__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_viewport_widgets__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_viewport_widgets__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_viewport_widgets__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_viewport_widgets__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_viewport_widgets__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_viewport_widgets__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_viewport_widgets__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_viewport_widgets__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_viewport_widgets__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_viewport_widgets__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_viewport_widgets__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_viewport_widgets__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_viewport_widgets__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_viewport_widgets__flow-element {
  display: flex;
  align-items: center;
}
.main_ui_workspace_viewport_widgets__flow-element .main_ui_workspace_viewport_widgets__flow-name {
  cursor: pointer;
}
.main_ui_workspace_viewport_widgets__flow-element input.main_ui_workspace_viewport_widgets__element-name {
  background: transparent;
}

.main_ui_workspace_viewport_widgets__flow-badge {
  cursor: pointer;
  display: flex;
}
.main_ui_workspace_viewport_widgets__flow-badge .main_ui_workspace_viewport_widgets__content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.5rem;
  border-radius: 0.375rem;
  background-color: var(--flow-tag-background-color);
}
.main_ui_workspace_viewport_widgets__flow-badge .main_ui_workspace_viewport_widgets__content svg {
  height: 1.5rem;
  width: 0.75rem;
  stroke: var(--icon-foreground);
  margin: 0 0.5rem;
}
.main_ui_workspace_viewport_widgets__flow-badge .main_ui_workspace_viewport_widgets__content span {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  color: var(--flow-tag-foreground-color);
}
.main_ui_workspace_viewport_widgets__flow-badge.main_ui_workspace_viewport_widgets__selected .main_ui_workspace_viewport_widgets__content, .main_ui_workspace_viewport_widgets__flow-badge:hover .main_ui_workspace_viewport_widgets__content {
  background-color: var(--flow-tag-background-color-hover);
}
.main_ui_workspace_viewport_widgets__flow-badge.main_ui_workspace_viewport_widgets__selected .main_ui_workspace_viewport_widgets__content svg, .main_ui_workspace_viewport_widgets__flow-badge:hover .main_ui_workspace_viewport_widgets__content svg {
  stroke: var(--flow-tag-foreground-color-hover);
}
.main_ui_workspace_viewport_widgets__flow-badge.main_ui_workspace_viewport_widgets__selected .main_ui_workspace_viewport_widgets__content span, .main_ui_workspace_viewport_widgets__flow-badge:hover .main_ui_workspace_viewport_widgets__content span {
  color: var(--flow-tag-foreground-color-hover);
}

.main_ui_workspace_viewport_widgets__workspace-frame-label-wrapper {
  pointer-events: none;
}

.main_ui_workspace_viewport_widgets__workspace-frame-label {
  font-size: 0.75rem;
  color: black;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: -moz-fit-content;
  max-width: fit-content;
  pointer-events: all;
}

.main_ui_workspace_viewport_widgets__element-name-input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border: none;
  background: none;
  outline: none;
  flex-grow: 1;
  height: 20px;
  margin: 0;
  padding-left: 0.375rem;
  border: 1px solid var(--input-border-color-focus);
  color: var(--layer-row-foreground-color);
  width: 100%;
  max-width: initial;
}
@keyframes main_ui_workspace_tokens_context_menu__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_tokens_context_menu__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_tokens_context_menu__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_tokens_context_menu__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_tokens_context_menu__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_tokens_context_menu__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_tokens_context_menu__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_tokens_context_menu__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_tokens_context_menu__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_context_menu__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_context_menu__new-scrollbar ::placeholder,
.main_ui_workspace_tokens_context_menu__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_tokens_context_menu__button-primary, .main_ui_workspace_tokens_context_menu__modal-danger-btn, .main_ui_workspace_tokens_context_menu__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_tokens_context_menu__button-primary:focus-visible, .main_ui_workspace_tokens_context_menu__modal-danger-btn:focus-visible, .main_ui_workspace_tokens_context_menu__modal-accept-btn: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);
}
.main_ui_workspace_tokens_context_menu__button-primary:focus-visible svg, .main_ui_workspace_tokens_context_menu__modal-danger-btn:focus-visible svg, .main_ui_workspace_tokens_context_menu__modal-accept-btn:focus-visible svg,
.main_ui_workspace_tokens_context_menu__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_tokens_context_menu__button-primary svg, .main_ui_workspace_tokens_context_menu__modal-danger-btn svg, .main_ui_workspace_tokens_context_menu__modal-accept-btn svg,
.main_ui_workspace_tokens_context_menu__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_tokens_context_menu__button-primary:hover, .main_ui_workspace_tokens_context_menu__modal-danger-btn:hover, .main_ui_workspace_tokens_context_menu__modal-accept-btn: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;
}
.main_ui_workspace_tokens_context_menu__button-primary:hover svg, .main_ui_workspace_tokens_context_menu__modal-danger-btn:hover svg, .main_ui_workspace_tokens_context_menu__modal-accept-btn:hover svg,
.main_ui_workspace_tokens_context_menu__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_tokens_context_menu__button-primary:active, .main_ui_workspace_tokens_context_menu__modal-danger-btn:active, .main_ui_workspace_tokens_context_menu__modal-accept-btn: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;
}
.main_ui_workspace_tokens_context_menu__button-primary:active svg, .main_ui_workspace_tokens_context_menu__modal-danger-btn:active svg, .main_ui_workspace_tokens_context_menu__modal-accept-btn:active svg,
.main_ui_workspace_tokens_context_menu__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_tokens_context_menu__button-primary.disabled, .main_ui_workspace_tokens_context_menu__modal-danger-btn.disabled, .main_ui_workspace_tokens_context_menu__modal-accept-btn.disabled, .main_ui_workspace_tokens_context_menu__button-primary[disabled], [disabled].main_ui_workspace_tokens_context_menu__modal-danger-btn, [disabled].main_ui_workspace_tokens_context_menu__modal-accept-btn, .main_ui_workspace_tokens_context_menu__button-primary:disabled, .main_ui_workspace_tokens_context_menu__modal-danger-btn:disabled, .main_ui_workspace_tokens_context_menu__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_context_menu__button-secondary, .main_ui_workspace_tokens_context_menu__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_context_menu__button-secondary:focus-visible, .main_ui_workspace_tokens_context_menu__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_context_menu__button-secondary:focus-visible svg, .main_ui_workspace_tokens_context_menu__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_tokens_context_menu__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_context_menu__button-secondary svg, .main_ui_workspace_tokens_context_menu__modal-cancel-btn svg,
.main_ui_workspace_tokens_context_menu__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_context_menu__button-secondary:hover, .main_ui_workspace_tokens_context_menu__modal-cancel-btn: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;
}
.main_ui_workspace_tokens_context_menu__button-secondary:hover svg, .main_ui_workspace_tokens_context_menu__modal-cancel-btn:hover svg,
.main_ui_workspace_tokens_context_menu__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_tokens_context_menu__button-secondary:active, .main_ui_workspace_tokens_context_menu__modal-cancel-btn: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);
}
.main_ui_workspace_tokens_context_menu__button-secondary:active svg, .main_ui_workspace_tokens_context_menu__modal-cancel-btn:active svg,
.main_ui_workspace_tokens_context_menu__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_tokens_context_menu__button-secondary.disabled, .main_ui_workspace_tokens_context_menu__modal-cancel-btn.disabled, .main_ui_workspace_tokens_context_menu__button-secondary[disabled], [disabled].main_ui_workspace_tokens_context_menu__modal-cancel-btn, .main_ui_workspace_tokens_context_menu__button-secondary:disabled, .main_ui_workspace_tokens_context_menu__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_context_menu__button-tertiary, .main_ui_workspace_tokens_context_menu__attr-title button, .main_ui_workspace_tokens_context_menu__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_tokens_context_menu__button-tertiary:focus-visible, .main_ui_workspace_tokens_context_menu__attr-title button:focus-visible, .main_ui_workspace_tokens_context_menu__modal-close-btn-base: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);
}
.main_ui_workspace_tokens_context_menu__button-tertiary:focus-visible svg, .main_ui_workspace_tokens_context_menu__attr-title button:focus-visible svg, .main_ui_workspace_tokens_context_menu__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_tokens_context_menu__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_tokens_context_menu__button-tertiary svg, .main_ui_workspace_tokens_context_menu__attr-title button svg, .main_ui_workspace_tokens_context_menu__modal-close-btn-base svg,
.main_ui_workspace_tokens_context_menu__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_tokens_context_menu__button-tertiary:hover, .main_ui_workspace_tokens_context_menu__attr-title button:hover, .main_ui_workspace_tokens_context_menu__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_tokens_context_menu__button-tertiary:hover svg, .main_ui_workspace_tokens_context_menu__attr-title button:hover svg, .main_ui_workspace_tokens_context_menu__modal-close-btn-base:hover svg,
.main_ui_workspace_tokens_context_menu__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_tokens_context_menu__button-tertiary:active, .main_ui_workspace_tokens_context_menu__attr-title button:active, .main_ui_workspace_tokens_context_menu__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_context_menu__button-tertiary:active svg, .main_ui_workspace_tokens_context_menu__attr-title button:active svg, .main_ui_workspace_tokens_context_menu__modal-close-btn-base:active svg,
.main_ui_workspace_tokens_context_menu__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_context_menu__button-tertiary.disabled, .main_ui_workspace_tokens_context_menu__attr-title button.disabled, .main_ui_workspace_tokens_context_menu__modal-close-btn-base.disabled, .main_ui_workspace_tokens_context_menu__button-tertiary[disabled], .main_ui_workspace_tokens_context_menu__attr-title button[disabled], [disabled].main_ui_workspace_tokens_context_menu__modal-close-btn-base, .main_ui_workspace_tokens_context_menu__button-tertiary:disabled, .main_ui_workspace_tokens_context_menu__attr-title button:disabled, .main_ui_workspace_tokens_context_menu__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_tokens_context_menu__button-tertiary.disabled svg, .main_ui_workspace_tokens_context_menu__attr-title button.disabled svg, .main_ui_workspace_tokens_context_menu__modal-close-btn-base.disabled svg,
.main_ui_workspace_tokens_context_menu__button-tertiary.disabled span svg, .main_ui_workspace_tokens_context_menu__button-tertiary[disabled] svg, .main_ui_workspace_tokens_context_menu__attr-title button[disabled] svg, [disabled].main_ui_workspace_tokens_context_menu__modal-close-btn-base svg,
.main_ui_workspace_tokens_context_menu__button-tertiary[disabled] span svg, .main_ui_workspace_tokens_context_menu__button-tertiary:disabled svg, .main_ui_workspace_tokens_context_menu__attr-title button:disabled svg, .main_ui_workspace_tokens_context_menu__modal-close-btn-base:disabled svg,
.main_ui_workspace_tokens_context_menu__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_tokens_context_menu__button-icon-selected {
  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);
}
.main_ui_workspace_tokens_context_menu__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_tokens_context_menu__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_tokens_context_menu__button-radio: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);
}
.main_ui_workspace_tokens_context_menu__button-radio:focus-visible svg,
.main_ui_workspace_tokens_context_menu__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_tokens_context_menu__button-radio svg,
.main_ui_workspace_tokens_context_menu__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_tokens_context_menu__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_tokens_context_menu__button-radio:hover svg,
.main_ui_workspace_tokens_context_menu__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_tokens_context_menu__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_tokens_context_menu__button-radio:active svg,
.main_ui_workspace_tokens_context_menu__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_tokens_context_menu__button-warning {
  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);
}

.main_ui_workspace_tokens_context_menu__button-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;
}

.main_ui_workspace_tokens_context_menu__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_tokens_context_menu__button-tag: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);
}
.main_ui_workspace_tokens_context_menu__button-tag:focus-visible svg,
.main_ui_workspace_tokens_context_menu__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_tokens_context_menu__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_tokens_context_menu__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_tokens_context_menu__button-icon, .main_ui_workspace_tokens_context_menu__empty-icon svg, .main_ui_workspace_tokens_context_menu__modal-close-btn-base svg, .main_ui_workspace_tokens_context_menu__button-icon-small, .main_ui_workspace_tokens_context_menu__dropdown-element-base span svg, .main_ui_workspace_tokens_context_menu__attr-title button svg, .main_ui_workspace_tokens_context_menu__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_context_menu__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_context_menu__checkbox-icon.checked svg, .main_ui_workspace_tokens_context_menu__input-checkbox label span.checked svg, .main_ui_workspace_tokens_context_menu__input-element span svg,
.main_ui_workspace_tokens_context_menu__input-element label svg, .main_ui_workspace_tokens_context_menu__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_tokens_context_menu__button-icon-small, .main_ui_workspace_tokens_context_menu__dropdown-element-base span svg, .main_ui_workspace_tokens_context_menu__attr-title button svg, .main_ui_workspace_tokens_context_menu__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_context_menu__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_context_menu__checkbox-icon.checked svg, .main_ui_workspace_tokens_context_menu__input-checkbox label span.checked svg, .main_ui_workspace_tokens_context_menu__input-element span svg,
.main_ui_workspace_tokens_context_menu__input-element label svg, .main_ui_workspace_tokens_context_menu__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_tokens_context_menu__input-base, .main_ui_workspace_tokens_context_menu__input-with-label input, .main_ui_workspace_tokens_context_menu__input-element-label input, .main_ui_workspace_tokens_context_menu__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_context_menu__input-base[disabled], .main_ui_workspace_tokens_context_menu__input-with-label input[disabled], .main_ui_workspace_tokens_context_menu__input-element-label input[disabled], .main_ui_workspace_tokens_context_menu__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_tokens_context_menu__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_tokens_context_menu__input-label, .main_ui_workspace_tokens_context_menu__input-element span,
.main_ui_workspace_tokens_context_menu__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_tokens_context_menu__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_tokens_context_menu__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_context_menu__input-element span svg,
.main_ui_workspace_tokens_context_menu__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_tokens_context_menu__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_context_menu__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_context_menu__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_context_menu__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_context_menu__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_context_menu__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_tokens_context_menu__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_context_menu__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_context_menu__input-element:focus, .main_ui_workspace_tokens_context_menu__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_context_menu__input-element:focus span, .main_ui_workspace_tokens_context_menu__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_context_menu__input-element:focus input, .main_ui_workspace_tokens_context_menu__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_context_menu__input-element:focus:hover, .main_ui_workspace_tokens_context_menu__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_context_menu__input-element:focus:hover span, .main_ui_workspace_tokens_context_menu__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_context_menu__input-element:focus:hover input, .main_ui_workspace_tokens_context_menu__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_tokens_context_menu__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_tokens_context_menu__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_tokens_context_menu__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_context_menu__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_context_menu__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_context_menu__input-element-label:focus-within input, .main_ui_workspace_tokens_context_menu__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_tokens_context_menu__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_tokens_context_menu__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_context_menu__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_context_menu__input-with-label input:focus-within, .main_ui_workspace_tokens_context_menu__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_context_menu__input-with-label input:focus-within input, .main_ui_workspace_tokens_context_menu__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_context_menu__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_tokens_context_menu__modal-overlay-base {
  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);
}

.main_ui_workspace_tokens_context_menu__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_tokens_context_menu__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_tokens_context_menu__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_tokens_context_menu__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_tokens_context_menu__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_context_menu__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_context_menu__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_tokens_context_menu__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_tokens_context_menu__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_tokens_context_menu__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_tokens_context_menu__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_tokens_context_menu__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_tokens_context_menu__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_tokens_context_menu__colorpicker-handler {
  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;
}
.main_ui_workspace_tokens_context_menu__colorpicker-handler:hover, .main_ui_workspace_tokens_context_menu__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_tokens_context_menu__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_tokens_context_menu__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_tokens_context_menu__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_tokens_context_menu__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_tokens_context_menu__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_tokens_context_menu__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_tokens_context_menu__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_tokens_context_menu__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_tokens_context_menu__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_tokens_context_menu__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_tokens_context_menu__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_tokens_context_menu__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_tokens_context_menu__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_tokens_context_menu__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_tokens_context_menu__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_tokens_context_menu__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_tokens_context_menu__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_tokens_context_menu__token-context-menu {
  position: absolute;
  z-index: 4;
}

.main_ui_workspace_tokens_context_menu__token-context-menu[data-direction=up] {
  bottom: var(--bottom);
}

.main_ui_workspace_tokens_context_menu__token-context-menu[data-direction=down] {
  top: var(--top);
}

.main_ui_workspace_tokens_context_menu__context-list,
.main_ui_workspace_tokens_context_menu__token-context-submenu {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: grid;
  width: 15rem;
  padding: 0.25rem;
  border-radius: 0.5rem;
  border: 0.125rem solid var(--color-background-quaternary);
  background-color: var(--color-background-tertiary);
  max-height: 100vh;
  overflow-y: auto;
}

.main_ui_workspace_tokens_context_menu__token-context-submenu {
  display: none;
}

.main_ui_workspace_tokens_context_menu__token-context-submenu-top {
  bottom: 80px;
}

.main_ui_workspace_tokens_context_menu__token-context-submenu {
  position: absolute;
  padding: 0.25rem;
  margin-left: 0.375rem;
}

.main_ui_workspace_tokens_context_menu__separator {
  margin: 0.375rem;
  border-block-start: 1px solid var(--panel-border-color);
}

.main_ui_workspace_tokens_context_menu__context-menu-item {
  --context-menu-item-bg-color: none;
  --context-menu-item-fg-color: var(--color-foreground-primary);
  --context-menu-item-border-color: none;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  height: 2rem;
  width: 100%;
  padding: 0.5rem;
  border-radius: 0.5rem;
  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;
}
.main_ui_workspace_tokens_context_menu__context-menu-item:hover {
  --context-menu-item-bg-color: var(--color-background-quaternary);
}
.main_ui_workspace_tokens_context_menu__context-menu-item:focus {
  --context-menu-item-bg-color: var(--menu-background-color-focus);
  --context-menu-item-border-color: var(--color-background-tertiary);
}
.main_ui_workspace_tokens_context_menu__context-menu-item[aria-selected=true] {
  --context-menu-item-bg-color: var(--color-background-quaternary);
}

.main_ui_workspace_tokens_context_menu__context-menu-item-hint-wrapper {
  position: relative;
}

.main_ui_workspace_tokens_context_menu__context-menu-item-selected .main_ui_workspace_tokens_context_menu__icon-wrapper {
  color: var(--color-accent-primary);
}

.main_ui_workspace_tokens_context_menu__context-menu-item-unselected {
  color: var(--color-foreground-secondary);
}
.main_ui_workspace_tokens_context_menu__context-menu-item-unselected .main_ui_workspace_tokens_context_menu__icon-wrapper {
  color: var(--color-background-quaternary);
}
.main_ui_workspace_tokens_context_menu__context-menu-item-unselected:hover {
  color: var(--color-foreground-primary);
}
.main_ui_workspace_tokens_context_menu__context-menu-item-unselected:hover .main_ui_workspace_tokens_context_menu__icon-wrapper {
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_tokens_context_menu__context-menu-item-hint {
  position: absolute;
  background-color: var(--color-background-primary);
  border-radius: 0.375rem;
  padding: 0.25rem;
  inset-inline-end: 0.25rem;
  inset-block-start: 0.25rem;
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_tokens_context_menu__item-text {
  flex-grow: 1;
}

.main_ui_workspace_tokens_context_menu__item-with-icon-space {
  padding-left: 1.25rem;
}

.main_ui_workspace_tokens_context_menu__icon-wrapper {
  margin-right: 0.25rem;
}
@keyframes main_ui_workspace_tokens_form__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_tokens_form__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_tokens_form__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_tokens_form__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_tokens_form__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_tokens_form__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_tokens_form__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_tokens_form__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_tokens_form__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_form__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_form__new-scrollbar ::placeholder,
.main_ui_workspace_tokens_form__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_tokens_form__button-primary, .main_ui_workspace_tokens_form__modal-danger-btn, .main_ui_workspace_tokens_form__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_tokens_form__button-primary:focus-visible, .main_ui_workspace_tokens_form__modal-danger-btn:focus-visible, .main_ui_workspace_tokens_form__modal-accept-btn: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);
}
.main_ui_workspace_tokens_form__button-primary:focus-visible svg, .main_ui_workspace_tokens_form__modal-danger-btn:focus-visible svg, .main_ui_workspace_tokens_form__modal-accept-btn:focus-visible svg,
.main_ui_workspace_tokens_form__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_tokens_form__button-primary svg, .main_ui_workspace_tokens_form__modal-danger-btn svg, .main_ui_workspace_tokens_form__modal-accept-btn svg,
.main_ui_workspace_tokens_form__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_tokens_form__button-primary:hover, .main_ui_workspace_tokens_form__modal-danger-btn:hover, .main_ui_workspace_tokens_form__modal-accept-btn: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;
}
.main_ui_workspace_tokens_form__button-primary:hover svg, .main_ui_workspace_tokens_form__modal-danger-btn:hover svg, .main_ui_workspace_tokens_form__modal-accept-btn:hover svg,
.main_ui_workspace_tokens_form__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_tokens_form__button-primary:active, .main_ui_workspace_tokens_form__modal-danger-btn:active, .main_ui_workspace_tokens_form__modal-accept-btn: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;
}
.main_ui_workspace_tokens_form__button-primary:active svg, .main_ui_workspace_tokens_form__modal-danger-btn:active svg, .main_ui_workspace_tokens_form__modal-accept-btn:active svg,
.main_ui_workspace_tokens_form__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_tokens_form__button-primary.disabled, .main_ui_workspace_tokens_form__modal-danger-btn.disabled, .main_ui_workspace_tokens_form__modal-accept-btn.disabled, .main_ui_workspace_tokens_form__button-primary[disabled], [disabled].main_ui_workspace_tokens_form__modal-danger-btn, [disabled].main_ui_workspace_tokens_form__modal-accept-btn, .main_ui_workspace_tokens_form__button-primary:disabled, .main_ui_workspace_tokens_form__modal-danger-btn:disabled, .main_ui_workspace_tokens_form__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_form__button-secondary, .main_ui_workspace_tokens_form__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_form__button-secondary:focus-visible, .main_ui_workspace_tokens_form__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_form__button-secondary:focus-visible svg, .main_ui_workspace_tokens_form__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_tokens_form__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_form__button-secondary svg, .main_ui_workspace_tokens_form__modal-cancel-btn svg,
.main_ui_workspace_tokens_form__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_form__button-secondary:hover, .main_ui_workspace_tokens_form__modal-cancel-btn: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;
}
.main_ui_workspace_tokens_form__button-secondary:hover svg, .main_ui_workspace_tokens_form__modal-cancel-btn:hover svg,
.main_ui_workspace_tokens_form__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_tokens_form__button-secondary:active, .main_ui_workspace_tokens_form__modal-cancel-btn: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);
}
.main_ui_workspace_tokens_form__button-secondary:active svg, .main_ui_workspace_tokens_form__modal-cancel-btn:active svg,
.main_ui_workspace_tokens_form__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_tokens_form__button-secondary.disabled, .main_ui_workspace_tokens_form__modal-cancel-btn.disabled, .main_ui_workspace_tokens_form__button-secondary[disabled], [disabled].main_ui_workspace_tokens_form__modal-cancel-btn, .main_ui_workspace_tokens_form__button-secondary:disabled, .main_ui_workspace_tokens_form__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_form__button-tertiary, .main_ui_workspace_tokens_form__attr-title button, .main_ui_workspace_tokens_form__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_tokens_form__button-tertiary:focus-visible, .main_ui_workspace_tokens_form__attr-title button:focus-visible, .main_ui_workspace_tokens_form__modal-close-btn-base: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);
}
.main_ui_workspace_tokens_form__button-tertiary:focus-visible svg, .main_ui_workspace_tokens_form__attr-title button:focus-visible svg, .main_ui_workspace_tokens_form__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_tokens_form__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_tokens_form__button-tertiary svg, .main_ui_workspace_tokens_form__attr-title button svg, .main_ui_workspace_tokens_form__modal-close-btn-base svg,
.main_ui_workspace_tokens_form__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_tokens_form__button-tertiary:hover, .main_ui_workspace_tokens_form__attr-title button:hover, .main_ui_workspace_tokens_form__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_tokens_form__button-tertiary:hover svg, .main_ui_workspace_tokens_form__attr-title button:hover svg, .main_ui_workspace_tokens_form__modal-close-btn-base:hover svg,
.main_ui_workspace_tokens_form__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_tokens_form__button-tertiary:active, .main_ui_workspace_tokens_form__attr-title button:active, .main_ui_workspace_tokens_form__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_form__button-tertiary:active svg, .main_ui_workspace_tokens_form__attr-title button:active svg, .main_ui_workspace_tokens_form__modal-close-btn-base:active svg,
.main_ui_workspace_tokens_form__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_form__button-tertiary.disabled, .main_ui_workspace_tokens_form__attr-title button.disabled, .main_ui_workspace_tokens_form__modal-close-btn-base.disabled, .main_ui_workspace_tokens_form__button-tertiary[disabled], .main_ui_workspace_tokens_form__attr-title button[disabled], [disabled].main_ui_workspace_tokens_form__modal-close-btn-base, .main_ui_workspace_tokens_form__button-tertiary:disabled, .main_ui_workspace_tokens_form__attr-title button:disabled, .main_ui_workspace_tokens_form__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_tokens_form__button-tertiary.disabled svg, .main_ui_workspace_tokens_form__attr-title button.disabled svg, .main_ui_workspace_tokens_form__modal-close-btn-base.disabled svg,
.main_ui_workspace_tokens_form__button-tertiary.disabled span svg, .main_ui_workspace_tokens_form__button-tertiary[disabled] svg, .main_ui_workspace_tokens_form__attr-title button[disabled] svg, [disabled].main_ui_workspace_tokens_form__modal-close-btn-base svg,
.main_ui_workspace_tokens_form__button-tertiary[disabled] span svg, .main_ui_workspace_tokens_form__button-tertiary:disabled svg, .main_ui_workspace_tokens_form__attr-title button:disabled svg, .main_ui_workspace_tokens_form__modal-close-btn-base:disabled svg,
.main_ui_workspace_tokens_form__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_tokens_form__button-icon-selected {
  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);
}
.main_ui_workspace_tokens_form__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_tokens_form__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_tokens_form__button-radio: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);
}
.main_ui_workspace_tokens_form__button-radio:focus-visible svg,
.main_ui_workspace_tokens_form__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_tokens_form__button-radio svg,
.main_ui_workspace_tokens_form__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_tokens_form__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_tokens_form__button-radio:hover svg,
.main_ui_workspace_tokens_form__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_tokens_form__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_tokens_form__button-radio:active svg,
.main_ui_workspace_tokens_form__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_tokens_form__button-warning {
  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);
}

.main_ui_workspace_tokens_form__button-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;
}

.main_ui_workspace_tokens_form__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_tokens_form__button-tag: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);
}
.main_ui_workspace_tokens_form__button-tag:focus-visible svg,
.main_ui_workspace_tokens_form__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_tokens_form__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_tokens_form__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_tokens_form__button-icon, .main_ui_workspace_tokens_form__empty-icon svg, .main_ui_workspace_tokens_form__modal-close-btn-base svg, .main_ui_workspace_tokens_form__button-icon-small, .main_ui_workspace_tokens_form__dropdown-element-base span svg, .main_ui_workspace_tokens_form__attr-title button svg, .main_ui_workspace_tokens_form__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_form__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_form__checkbox-icon.checked svg, .main_ui_workspace_tokens_form__input-checkbox label span.checked svg, .main_ui_workspace_tokens_form__input-element span svg,
.main_ui_workspace_tokens_form__input-element label svg, .main_ui_workspace_tokens_form__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_tokens_form__button-icon-small, .main_ui_workspace_tokens_form__dropdown-element-base span svg, .main_ui_workspace_tokens_form__attr-title button svg, .main_ui_workspace_tokens_form__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_form__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_form__checkbox-icon.checked svg, .main_ui_workspace_tokens_form__input-checkbox label span.checked svg, .main_ui_workspace_tokens_form__input-element span svg,
.main_ui_workspace_tokens_form__input-element label svg, .main_ui_workspace_tokens_form__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_tokens_form__input-base, .main_ui_workspace_tokens_form__input-with-label input, .main_ui_workspace_tokens_form__input-element-label input, .main_ui_workspace_tokens_form__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_form__input-base[disabled], .main_ui_workspace_tokens_form__input-with-label input[disabled], .main_ui_workspace_tokens_form__input-element-label input[disabled], .main_ui_workspace_tokens_form__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_tokens_form__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_tokens_form__input-label, .main_ui_workspace_tokens_form__input-element span,
.main_ui_workspace_tokens_form__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_tokens_form__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_tokens_form__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_form__input-element span svg,
.main_ui_workspace_tokens_form__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_tokens_form__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_form__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_form__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_form__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_form__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_form__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_tokens_form__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_form__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_form__input-element:focus, .main_ui_workspace_tokens_form__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_form__input-element:focus span, .main_ui_workspace_tokens_form__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_form__input-element:focus input, .main_ui_workspace_tokens_form__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_form__input-element:focus:hover, .main_ui_workspace_tokens_form__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_form__input-element:focus:hover span, .main_ui_workspace_tokens_form__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_form__input-element:focus:hover input, .main_ui_workspace_tokens_form__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_tokens_form__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_tokens_form__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_tokens_form__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_form__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_form__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_form__input-element-label:focus-within input, .main_ui_workspace_tokens_form__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_tokens_form__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_tokens_form__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_form__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_form__input-with-label input:focus-within, .main_ui_workspace_tokens_form__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_form__input-with-label input:focus-within input, .main_ui_workspace_tokens_form__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_form__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_tokens_form__modal-overlay-base {
  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);
}

.main_ui_workspace_tokens_form__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_tokens_form__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_tokens_form__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_tokens_form__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_tokens_form__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_form__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_form__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_tokens_form__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_tokens_form__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_tokens_form__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_tokens_form__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_tokens_form__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_tokens_form__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_tokens_form__colorpicker-handler {
  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;
}
.main_ui_workspace_tokens_form__colorpicker-handler:hover, .main_ui_workspace_tokens_form__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_tokens_form__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_tokens_form__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_tokens_form__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_tokens_form__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_tokens_form__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_tokens_form__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_tokens_form__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_tokens_form__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_tokens_form__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_tokens_form__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_tokens_form__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_tokens_form__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_tokens_form__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_tokens_form__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_tokens_form__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_tokens_form__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_tokens_form__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_tokens_form__form-wrapper {
  width: 24rem;
}

.main_ui_workspace_tokens_form__button-row {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: end;
  gap: 0.75rem;
  padding-block-start: 0.5rem;
}

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

.main_ui_workspace_tokens_form__delete-btn {
  justify-self: start;
}

.main_ui_workspace_tokens_form__token-rows {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.main_ui_workspace_tokens_form__input-row {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_workspace_tokens_form__warning-name-change-notification-wrapper {
  margin-block-start: 1rem;
}

.main_ui_workspace_tokens_form__error {
  padding: 0.25rem 0.375rem;
  margin-bottom: 0;
  color: var(--status-color-error-500);
}

.main_ui_workspace_tokens_form__resolved-value {
  --input-hint-color: var(--color-foreground-primary);
  margin-bottom: 0;
  padding: 0.25rem 0.375rem;
  color: var(--input-hint-color);
  white-space: pre-wrap;
}

.main_ui_workspace_tokens_form__resolved-value-placeholder {
  --input-hint-color: var(--color-foreground-secondary);
}

.main_ui_workspace_tokens_form__resolved-value-error {
  --input-hint-color: var(--status-color-error-500);
}

.main_ui_workspace_tokens_form__resolved-value-warning {
  --input-hint-color: var(--status-color-warning-500);
}

.main_ui_workspace_tokens_form__form-modal-title {
  color: var(--color-foreground-primary);
}
@keyframes main_ui_workspace_tokens_modals__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_tokens_modals__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_tokens_modals__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_tokens_modals__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_tokens_modals__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_tokens_modals__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_tokens_modals__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_tokens_modals__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_tokens_modals__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_modals__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_modals__new-scrollbar ::placeholder,
.main_ui_workspace_tokens_modals__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_tokens_modals__button-primary, .main_ui_workspace_tokens_modals__modal-danger-btn, .main_ui_workspace_tokens_modals__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_tokens_modals__button-primary:focus-visible, .main_ui_workspace_tokens_modals__modal-danger-btn:focus-visible, .main_ui_workspace_tokens_modals__modal-accept-btn: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);
}
.main_ui_workspace_tokens_modals__button-primary:focus-visible svg, .main_ui_workspace_tokens_modals__modal-danger-btn:focus-visible svg, .main_ui_workspace_tokens_modals__modal-accept-btn:focus-visible svg,
.main_ui_workspace_tokens_modals__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_tokens_modals__button-primary svg, .main_ui_workspace_tokens_modals__modal-danger-btn svg, .main_ui_workspace_tokens_modals__modal-accept-btn svg,
.main_ui_workspace_tokens_modals__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_tokens_modals__button-primary:hover, .main_ui_workspace_tokens_modals__modal-danger-btn:hover, .main_ui_workspace_tokens_modals__modal-accept-btn: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;
}
.main_ui_workspace_tokens_modals__button-primary:hover svg, .main_ui_workspace_tokens_modals__modal-danger-btn:hover svg, .main_ui_workspace_tokens_modals__modal-accept-btn:hover svg,
.main_ui_workspace_tokens_modals__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_tokens_modals__button-primary:active, .main_ui_workspace_tokens_modals__modal-danger-btn:active, .main_ui_workspace_tokens_modals__modal-accept-btn: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;
}
.main_ui_workspace_tokens_modals__button-primary:active svg, .main_ui_workspace_tokens_modals__modal-danger-btn:active svg, .main_ui_workspace_tokens_modals__modal-accept-btn:active svg,
.main_ui_workspace_tokens_modals__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_tokens_modals__button-primary.disabled, .main_ui_workspace_tokens_modals__modal-danger-btn.disabled, .main_ui_workspace_tokens_modals__modal-accept-btn.disabled, .main_ui_workspace_tokens_modals__button-primary[disabled], [disabled].main_ui_workspace_tokens_modals__modal-danger-btn, [disabled].main_ui_workspace_tokens_modals__modal-accept-btn, .main_ui_workspace_tokens_modals__button-primary:disabled, .main_ui_workspace_tokens_modals__modal-danger-btn:disabled, .main_ui_workspace_tokens_modals__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_modals__button-secondary, .main_ui_workspace_tokens_modals__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_modals__button-secondary:focus-visible, .main_ui_workspace_tokens_modals__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_modals__button-secondary:focus-visible svg, .main_ui_workspace_tokens_modals__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_tokens_modals__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_modals__button-secondary svg, .main_ui_workspace_tokens_modals__modal-cancel-btn svg,
.main_ui_workspace_tokens_modals__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_modals__button-secondary:hover, .main_ui_workspace_tokens_modals__modal-cancel-btn: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;
}
.main_ui_workspace_tokens_modals__button-secondary:hover svg, .main_ui_workspace_tokens_modals__modal-cancel-btn:hover svg,
.main_ui_workspace_tokens_modals__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_tokens_modals__button-secondary:active, .main_ui_workspace_tokens_modals__modal-cancel-btn: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);
}
.main_ui_workspace_tokens_modals__button-secondary:active svg, .main_ui_workspace_tokens_modals__modal-cancel-btn:active svg,
.main_ui_workspace_tokens_modals__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_tokens_modals__button-secondary.disabled, .main_ui_workspace_tokens_modals__modal-cancel-btn.disabled, .main_ui_workspace_tokens_modals__button-secondary[disabled], [disabled].main_ui_workspace_tokens_modals__modal-cancel-btn, .main_ui_workspace_tokens_modals__button-secondary:disabled, .main_ui_workspace_tokens_modals__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_modals__button-tertiary, .main_ui_workspace_tokens_modals__attr-title button, .main_ui_workspace_tokens_modals__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_tokens_modals__button-tertiary:focus-visible, .main_ui_workspace_tokens_modals__attr-title button:focus-visible, .main_ui_workspace_tokens_modals__modal-close-btn-base: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);
}
.main_ui_workspace_tokens_modals__button-tertiary:focus-visible svg, .main_ui_workspace_tokens_modals__attr-title button:focus-visible svg, .main_ui_workspace_tokens_modals__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_tokens_modals__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_tokens_modals__button-tertiary svg, .main_ui_workspace_tokens_modals__attr-title button svg, .main_ui_workspace_tokens_modals__modal-close-btn-base svg,
.main_ui_workspace_tokens_modals__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_tokens_modals__button-tertiary:hover, .main_ui_workspace_tokens_modals__attr-title button:hover, .main_ui_workspace_tokens_modals__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_tokens_modals__button-tertiary:hover svg, .main_ui_workspace_tokens_modals__attr-title button:hover svg, .main_ui_workspace_tokens_modals__modal-close-btn-base:hover svg,
.main_ui_workspace_tokens_modals__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_tokens_modals__button-tertiary:active, .main_ui_workspace_tokens_modals__attr-title button:active, .main_ui_workspace_tokens_modals__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_modals__button-tertiary:active svg, .main_ui_workspace_tokens_modals__attr-title button:active svg, .main_ui_workspace_tokens_modals__modal-close-btn-base:active svg,
.main_ui_workspace_tokens_modals__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_modals__button-tertiary.disabled, .main_ui_workspace_tokens_modals__attr-title button.disabled, .main_ui_workspace_tokens_modals__modal-close-btn-base.disabled, .main_ui_workspace_tokens_modals__button-tertiary[disabled], .main_ui_workspace_tokens_modals__attr-title button[disabled], [disabled].main_ui_workspace_tokens_modals__modal-close-btn-base, .main_ui_workspace_tokens_modals__button-tertiary:disabled, .main_ui_workspace_tokens_modals__attr-title button:disabled, .main_ui_workspace_tokens_modals__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_tokens_modals__button-tertiary.disabled svg, .main_ui_workspace_tokens_modals__attr-title button.disabled svg, .main_ui_workspace_tokens_modals__modal-close-btn-base.disabled svg,
.main_ui_workspace_tokens_modals__button-tertiary.disabled span svg, .main_ui_workspace_tokens_modals__button-tertiary[disabled] svg, .main_ui_workspace_tokens_modals__attr-title button[disabled] svg, [disabled].main_ui_workspace_tokens_modals__modal-close-btn-base svg,
.main_ui_workspace_tokens_modals__button-tertiary[disabled] span svg, .main_ui_workspace_tokens_modals__button-tertiary:disabled svg, .main_ui_workspace_tokens_modals__attr-title button:disabled svg, .main_ui_workspace_tokens_modals__modal-close-btn-base:disabled svg,
.main_ui_workspace_tokens_modals__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_tokens_modals__button-icon-selected {
  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);
}
.main_ui_workspace_tokens_modals__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_tokens_modals__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_tokens_modals__button-radio: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);
}
.main_ui_workspace_tokens_modals__button-radio:focus-visible svg,
.main_ui_workspace_tokens_modals__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_tokens_modals__button-radio svg,
.main_ui_workspace_tokens_modals__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_tokens_modals__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_tokens_modals__button-radio:hover svg,
.main_ui_workspace_tokens_modals__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_tokens_modals__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_tokens_modals__button-radio:active svg,
.main_ui_workspace_tokens_modals__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_tokens_modals__button-warning {
  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);
}

.main_ui_workspace_tokens_modals__button-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;
}

.main_ui_workspace_tokens_modals__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_tokens_modals__button-tag: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);
}
.main_ui_workspace_tokens_modals__button-tag:focus-visible svg,
.main_ui_workspace_tokens_modals__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_tokens_modals__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_tokens_modals__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_tokens_modals__button-icon, .main_ui_workspace_tokens_modals__empty-icon svg, .main_ui_workspace_tokens_modals__modal-close-btn-base svg, .main_ui_workspace_tokens_modals__button-icon-small, .main_ui_workspace_tokens_modals__dropdown-element-base span svg, .main_ui_workspace_tokens_modals__attr-title button svg, .main_ui_workspace_tokens_modals__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_modals__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_modals__checkbox-icon.checked svg, .main_ui_workspace_tokens_modals__input-checkbox label span.checked svg, .main_ui_workspace_tokens_modals__input-element span svg,
.main_ui_workspace_tokens_modals__input-element label svg, .main_ui_workspace_tokens_modals__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_tokens_modals__button-icon-small, .main_ui_workspace_tokens_modals__dropdown-element-base span svg, .main_ui_workspace_tokens_modals__attr-title button svg, .main_ui_workspace_tokens_modals__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_modals__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_modals__checkbox-icon.checked svg, .main_ui_workspace_tokens_modals__input-checkbox label span.checked svg, .main_ui_workspace_tokens_modals__input-element span svg,
.main_ui_workspace_tokens_modals__input-element label svg, .main_ui_workspace_tokens_modals__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_tokens_modals__input-base, .main_ui_workspace_tokens_modals__input-with-label input, .main_ui_workspace_tokens_modals__input-element-label input, .main_ui_workspace_tokens_modals__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_modals__input-base[disabled], .main_ui_workspace_tokens_modals__input-with-label input[disabled], .main_ui_workspace_tokens_modals__input-element-label input[disabled], .main_ui_workspace_tokens_modals__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_tokens_modals__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_tokens_modals__input-label, .main_ui_workspace_tokens_modals__input-element span,
.main_ui_workspace_tokens_modals__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_tokens_modals__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_tokens_modals__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_modals__input-element span svg,
.main_ui_workspace_tokens_modals__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_tokens_modals__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_modals__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_modals__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_modals__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_modals__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_modals__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_tokens_modals__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_modals__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_modals__input-element:focus, .main_ui_workspace_tokens_modals__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_modals__input-element:focus span, .main_ui_workspace_tokens_modals__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_modals__input-element:focus input, .main_ui_workspace_tokens_modals__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_modals__input-element:focus:hover, .main_ui_workspace_tokens_modals__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_modals__input-element:focus:hover span, .main_ui_workspace_tokens_modals__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_modals__input-element:focus:hover input, .main_ui_workspace_tokens_modals__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_tokens_modals__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_tokens_modals__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_tokens_modals__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_modals__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_modals__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_modals__input-element-label:focus-within input, .main_ui_workspace_tokens_modals__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_tokens_modals__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_tokens_modals__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_modals__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_modals__input-with-label input:focus-within, .main_ui_workspace_tokens_modals__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_modals__input-with-label input:focus-within input, .main_ui_workspace_tokens_modals__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_modals__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_tokens_modals__modal-overlay-base {
  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);
}

.main_ui_workspace_tokens_modals__modal-container-base, .main_ui_workspace_tokens_modals__token-modal-wrapper {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_tokens_modals__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_tokens_modals__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_tokens_modals__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_tokens_modals__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_modals__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_modals__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_tokens_modals__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_tokens_modals__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_tokens_modals__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_tokens_modals__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_tokens_modals__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_tokens_modals__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_tokens_modals__colorpicker-handler {
  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;
}
.main_ui_workspace_tokens_modals__colorpicker-handler:hover, .main_ui_workspace_tokens_modals__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_tokens_modals__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_tokens_modals__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_tokens_modals__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_tokens_modals__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_tokens_modals__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_tokens_modals__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_tokens_modals__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_tokens_modals__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_tokens_modals__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_tokens_modals__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_tokens_modals__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_tokens_modals__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_tokens_modals__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_tokens_modals__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_tokens_modals__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_tokens_modals__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_tokens_modals__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_tokens_modals__token-modal-wrapper {
  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;
}
.main_ui_workspace_tokens_modals__token-modal-wrapper.main_ui_workspace_tokens_modals__token-modal-large {
  min-block-size: 38rem;
}

.main_ui_workspace_tokens_modals__close-btn {
  position: absolute;
  top: 0.375rem;
  right: 0.375rem;
}
@keyframes main_ui_workspace_tokens_sets__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_tokens_sets__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_tokens_sets__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_tokens_sets__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_tokens_sets__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_tokens_sets__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_tokens_sets__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_tokens_sets__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_tokens_sets__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_sets__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_sets__new-scrollbar ::placeholder,
.main_ui_workspace_tokens_sets__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_tokens_sets__button-primary, .main_ui_workspace_tokens_sets__modal-danger-btn, .main_ui_workspace_tokens_sets__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_tokens_sets__button-primary:focus-visible, .main_ui_workspace_tokens_sets__modal-danger-btn:focus-visible, .main_ui_workspace_tokens_sets__modal-accept-btn: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);
}
.main_ui_workspace_tokens_sets__button-primary:focus-visible svg, .main_ui_workspace_tokens_sets__modal-danger-btn:focus-visible svg, .main_ui_workspace_tokens_sets__modal-accept-btn:focus-visible svg,
.main_ui_workspace_tokens_sets__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_tokens_sets__button-primary svg, .main_ui_workspace_tokens_sets__modal-danger-btn svg, .main_ui_workspace_tokens_sets__modal-accept-btn svg,
.main_ui_workspace_tokens_sets__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_tokens_sets__button-primary:hover, .main_ui_workspace_tokens_sets__modal-danger-btn:hover, .main_ui_workspace_tokens_sets__modal-accept-btn: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;
}
.main_ui_workspace_tokens_sets__button-primary:hover svg, .main_ui_workspace_tokens_sets__modal-danger-btn:hover svg, .main_ui_workspace_tokens_sets__modal-accept-btn:hover svg,
.main_ui_workspace_tokens_sets__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_tokens_sets__button-primary:active, .main_ui_workspace_tokens_sets__modal-danger-btn:active, .main_ui_workspace_tokens_sets__modal-accept-btn: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;
}
.main_ui_workspace_tokens_sets__button-primary:active svg, .main_ui_workspace_tokens_sets__modal-danger-btn:active svg, .main_ui_workspace_tokens_sets__modal-accept-btn:active svg,
.main_ui_workspace_tokens_sets__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_tokens_sets__button-primary.disabled, .main_ui_workspace_tokens_sets__modal-danger-btn.disabled, .main_ui_workspace_tokens_sets__modal-accept-btn.disabled, .main_ui_workspace_tokens_sets__button-primary[disabled], [disabled].main_ui_workspace_tokens_sets__modal-danger-btn, [disabled].main_ui_workspace_tokens_sets__modal-accept-btn, .main_ui_workspace_tokens_sets__button-primary:disabled, .main_ui_workspace_tokens_sets__modal-danger-btn:disabled, .main_ui_workspace_tokens_sets__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_sets__button-secondary, .main_ui_workspace_tokens_sets__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_sets__button-secondary:focus-visible, .main_ui_workspace_tokens_sets__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_sets__button-secondary:focus-visible svg, .main_ui_workspace_tokens_sets__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_tokens_sets__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_sets__button-secondary svg, .main_ui_workspace_tokens_sets__modal-cancel-btn svg,
.main_ui_workspace_tokens_sets__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_sets__button-secondary:hover, .main_ui_workspace_tokens_sets__modal-cancel-btn: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;
}
.main_ui_workspace_tokens_sets__button-secondary:hover svg, .main_ui_workspace_tokens_sets__modal-cancel-btn:hover svg,
.main_ui_workspace_tokens_sets__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_tokens_sets__button-secondary:active, .main_ui_workspace_tokens_sets__modal-cancel-btn: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);
}
.main_ui_workspace_tokens_sets__button-secondary:active svg, .main_ui_workspace_tokens_sets__modal-cancel-btn:active svg,
.main_ui_workspace_tokens_sets__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_tokens_sets__button-secondary.disabled, .main_ui_workspace_tokens_sets__modal-cancel-btn.disabled, .main_ui_workspace_tokens_sets__button-secondary[disabled], [disabled].main_ui_workspace_tokens_sets__modal-cancel-btn, .main_ui_workspace_tokens_sets__button-secondary:disabled, .main_ui_workspace_tokens_sets__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_sets__button-tertiary, .main_ui_workspace_tokens_sets__attr-title button, .main_ui_workspace_tokens_sets__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_tokens_sets__button-tertiary:focus-visible, .main_ui_workspace_tokens_sets__attr-title button:focus-visible, .main_ui_workspace_tokens_sets__modal-close-btn-base: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);
}
.main_ui_workspace_tokens_sets__button-tertiary:focus-visible svg, .main_ui_workspace_tokens_sets__attr-title button:focus-visible svg, .main_ui_workspace_tokens_sets__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_tokens_sets__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_tokens_sets__button-tertiary svg, .main_ui_workspace_tokens_sets__attr-title button svg, .main_ui_workspace_tokens_sets__modal-close-btn-base svg,
.main_ui_workspace_tokens_sets__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_tokens_sets__button-tertiary:hover, .main_ui_workspace_tokens_sets__attr-title button:hover, .main_ui_workspace_tokens_sets__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_tokens_sets__button-tertiary:hover svg, .main_ui_workspace_tokens_sets__attr-title button:hover svg, .main_ui_workspace_tokens_sets__modal-close-btn-base:hover svg,
.main_ui_workspace_tokens_sets__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_tokens_sets__button-tertiary:active, .main_ui_workspace_tokens_sets__attr-title button:active, .main_ui_workspace_tokens_sets__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_sets__button-tertiary:active svg, .main_ui_workspace_tokens_sets__attr-title button:active svg, .main_ui_workspace_tokens_sets__modal-close-btn-base:active svg,
.main_ui_workspace_tokens_sets__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_sets__button-tertiary.disabled, .main_ui_workspace_tokens_sets__attr-title button.disabled, .main_ui_workspace_tokens_sets__modal-close-btn-base.disabled, .main_ui_workspace_tokens_sets__button-tertiary[disabled], .main_ui_workspace_tokens_sets__attr-title button[disabled], [disabled].main_ui_workspace_tokens_sets__modal-close-btn-base, .main_ui_workspace_tokens_sets__button-tertiary:disabled, .main_ui_workspace_tokens_sets__attr-title button:disabled, .main_ui_workspace_tokens_sets__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_tokens_sets__button-tertiary.disabled svg, .main_ui_workspace_tokens_sets__attr-title button.disabled svg, .main_ui_workspace_tokens_sets__modal-close-btn-base.disabled svg,
.main_ui_workspace_tokens_sets__button-tertiary.disabled span svg, .main_ui_workspace_tokens_sets__button-tertiary[disabled] svg, .main_ui_workspace_tokens_sets__attr-title button[disabled] svg, [disabled].main_ui_workspace_tokens_sets__modal-close-btn-base svg,
.main_ui_workspace_tokens_sets__button-tertiary[disabled] span svg, .main_ui_workspace_tokens_sets__button-tertiary:disabled svg, .main_ui_workspace_tokens_sets__attr-title button:disabled svg, .main_ui_workspace_tokens_sets__modal-close-btn-base:disabled svg,
.main_ui_workspace_tokens_sets__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_tokens_sets__button-icon-selected {
  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);
}
.main_ui_workspace_tokens_sets__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_tokens_sets__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_tokens_sets__button-radio: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);
}
.main_ui_workspace_tokens_sets__button-radio:focus-visible svg,
.main_ui_workspace_tokens_sets__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_tokens_sets__button-radio svg,
.main_ui_workspace_tokens_sets__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_tokens_sets__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_tokens_sets__button-radio:hover svg,
.main_ui_workspace_tokens_sets__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_tokens_sets__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_tokens_sets__button-radio:active svg,
.main_ui_workspace_tokens_sets__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_tokens_sets__button-warning {
  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);
}

.main_ui_workspace_tokens_sets__button-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;
}

.main_ui_workspace_tokens_sets__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_tokens_sets__button-tag: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);
}
.main_ui_workspace_tokens_sets__button-tag:focus-visible svg,
.main_ui_workspace_tokens_sets__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_tokens_sets__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_tokens_sets__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_tokens_sets__button-icon, .main_ui_workspace_tokens_sets__empty-icon svg, .main_ui_workspace_tokens_sets__modal-close-btn-base svg, .main_ui_workspace_tokens_sets__button-icon-small, .main_ui_workspace_tokens_sets__dropdown-element-base span svg, .main_ui_workspace_tokens_sets__attr-title button svg, .main_ui_workspace_tokens_sets__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_sets__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_sets__checkbox-icon.checked svg, .main_ui_workspace_tokens_sets__input-checkbox label span.checked svg, .main_ui_workspace_tokens_sets__input-element span svg,
.main_ui_workspace_tokens_sets__input-element label svg, .main_ui_workspace_tokens_sets__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_tokens_sets__button-icon-small, .main_ui_workspace_tokens_sets__dropdown-element-base span svg, .main_ui_workspace_tokens_sets__attr-title button svg, .main_ui_workspace_tokens_sets__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_sets__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_sets__checkbox-icon.checked svg, .main_ui_workspace_tokens_sets__input-checkbox label span.checked svg, .main_ui_workspace_tokens_sets__input-element span svg,
.main_ui_workspace_tokens_sets__input-element label svg, .main_ui_workspace_tokens_sets__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_tokens_sets__input-base, .main_ui_workspace_tokens_sets__input-with-label input, .main_ui_workspace_tokens_sets__input-element-label input, .main_ui_workspace_tokens_sets__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sets__input-base[disabled], .main_ui_workspace_tokens_sets__input-with-label input[disabled], .main_ui_workspace_tokens_sets__input-element-label input[disabled], .main_ui_workspace_tokens_sets__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_tokens_sets__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_tokens_sets__input-label, .main_ui_workspace_tokens_sets__input-element span,
.main_ui_workspace_tokens_sets__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_tokens_sets__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_tokens_sets__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_sets__input-element span svg,
.main_ui_workspace_tokens_sets__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_tokens_sets__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_sets__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_sets__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_sets__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_sets__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_sets__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_tokens_sets__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sets__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sets__input-element:focus, .main_ui_workspace_tokens_sets__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_sets__input-element:focus span, .main_ui_workspace_tokens_sets__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_sets__input-element:focus input, .main_ui_workspace_tokens_sets__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_sets__input-element:focus:hover, .main_ui_workspace_tokens_sets__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_sets__input-element:focus:hover span, .main_ui_workspace_tokens_sets__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_sets__input-element:focus:hover input, .main_ui_workspace_tokens_sets__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_tokens_sets__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_tokens_sets__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_tokens_sets__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_sets__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_sets__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_sets__input-element-label:focus-within input, .main_ui_workspace_tokens_sets__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_tokens_sets__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_tokens_sets__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sets__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sets__input-with-label input:focus-within, .main_ui_workspace_tokens_sets__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_sets__input-with-label input:focus-within input, .main_ui_workspace_tokens_sets__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sets__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_tokens_sets__modal-overlay-base {
  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);
}

.main_ui_workspace_tokens_sets__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_tokens_sets__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_tokens_sets__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_tokens_sets__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_tokens_sets__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_sets__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_sets__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_tokens_sets__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_tokens_sets__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_tokens_sets__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_tokens_sets__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_tokens_sets__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_tokens_sets__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_tokens_sets__colorpicker-handler {
  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;
}
.main_ui_workspace_tokens_sets__colorpicker-handler:hover, .main_ui_workspace_tokens_sets__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_tokens_sets__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_tokens_sets__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_tokens_sets__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_tokens_sets__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_tokens_sets__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_tokens_sets__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_tokens_sets__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_tokens_sets__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_tokens_sets__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_tokens_sets__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_tokens_sets__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_tokens_sets__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_tokens_sets__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_tokens_sets__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_tokens_sets__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_tokens_sets__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_tokens_sets__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_tokens_sets__sets-list {
  width: 100%;
  margin-bottom: 0;
  overflow-y: auto;
}

.main_ui_workspace_tokens_sets__empty-sets-wrapper {
  padding: 0.75rem;
  padding-inline-start: 1.5rem;
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_tokens_sets__create-set-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--color-accent-primary);
  cursor: pointer;
}

.main_ui_workspace_tokens_sets__set-item-container {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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;
}
.main_ui_workspace_tokens_sets__set-item-container.main_ui_workspace_tokens_sets__dnd-over-bot {
  border-bottom: 0.125rem solid var(--layer-row-foreground-color-hover);
}
.main_ui_workspace_tokens_sets__set-item-container.main_ui_workspace_tokens_sets__dnd-over-top {
  border-top: 0.125rem solid var(--layer-row-foreground-color-hover);
}
.main_ui_workspace_tokens_sets__set-item-container.main_ui_workspace_tokens_sets__dnd-over {
  border: 0.125rem solid var(--layer-row-foreground-color-hover);
}

.main_ui_workspace_tokens_sets__set-item-group {
  cursor: unset;
  padding-left: calc(1.5rem * var(--tree-depth, 0));
  gap: 0;
}

.main_ui_workspace_tokens_sets__set-item-group-collapse-button {
  cursor: pointer;
  width: auto;
  height: 1.75rem;
}

.main_ui_workspace_tokens_sets__set-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  padding-left: 0.125rem;
}

.main_ui_workspace_tokens_sets__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  padding-right: 0.25rem;
}

.main_ui_workspace_tokens_sets__root-icon {
  margin-left: 0.5rem;
}

.main_ui_workspace_tokens_sets__checkbox-style {
  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;
}

.main_ui_workspace_tokens_sets__checkbox-checked-style {
  background-color: var(--input-border-color-active);
  color: var(--color-background-secondary);
}

.main_ui_workspace_tokens_sets__checkbox-disabled {
  border: 1px solid var(--color-background-quaternary);
  background-color: var(--color-background-tertiary);
}

.main_ui_workspace_tokens_sets__checkbox-disabled-checked {
  background-color: var(--color-accent-primary-muted);
  color: var(--color-background-quaternary);
}

.main_ui_workspace_tokens_sets__check-icon {
  color: currentColor;
}

.main_ui_workspace_tokens_sets__set-item-container: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);
}

.main_ui_workspace_tokens_sets__empty-state-message-sets {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0.75rem;
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_tokens_sets__selected-set {
  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);
}

.main_ui_workspace_tokens_sets__collapsabled-icon {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_tokens_sets__collapsabled-icon:hover {
  color: var(--title-foreground-color-hover);
}

.main_ui_workspace_tokens_sets__editing-node {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border: none;
  background: none;
  outline: none;
  border: 1px solid var(--input-border-color-focus);
  border-radius: 0.5rem;
  color: var(--layer-row-foreground-color-focus);
  flex-grow: 1;
  height: 1.75rem;
  margin: 0;
  padding-left: 0.375rem;
}
.main_ui_workspace_tokens_sets__editing-node::-moz-placeholder {
  color: var(--layer-row-foreground-color-placeholder);
}
.main_ui_workspace_tokens_sets__editing-node::placeholder {
  color: var(--layer-row-foreground-color-placeholder);
}
@keyframes main_ui_workspace_tokens_sets_context_menu__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_tokens_sets_context_menu__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_tokens_sets_context_menu__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_tokens_sets_context_menu__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_tokens_sets_context_menu__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_tokens_sets_context_menu__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_tokens_sets_context_menu__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_tokens_sets_context_menu__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_tokens_sets_context_menu__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_sets_context_menu__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_sets_context_menu__new-scrollbar ::placeholder,
.main_ui_workspace_tokens_sets_context_menu__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_tokens_sets_context_menu__button-primary, .main_ui_workspace_tokens_sets_context_menu__modal-danger-btn, .main_ui_workspace_tokens_sets_context_menu__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_tokens_sets_context_menu__button-primary:focus-visible, .main_ui_workspace_tokens_sets_context_menu__modal-danger-btn:focus-visible, .main_ui_workspace_tokens_sets_context_menu__modal-accept-btn: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);
}
.main_ui_workspace_tokens_sets_context_menu__button-primary:focus-visible svg, .main_ui_workspace_tokens_sets_context_menu__modal-danger-btn:focus-visible svg, .main_ui_workspace_tokens_sets_context_menu__modal-accept-btn:focus-visible svg,
.main_ui_workspace_tokens_sets_context_menu__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_tokens_sets_context_menu__button-primary svg, .main_ui_workspace_tokens_sets_context_menu__modal-danger-btn svg, .main_ui_workspace_tokens_sets_context_menu__modal-accept-btn svg,
.main_ui_workspace_tokens_sets_context_menu__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_tokens_sets_context_menu__button-primary:hover, .main_ui_workspace_tokens_sets_context_menu__modal-danger-btn:hover, .main_ui_workspace_tokens_sets_context_menu__modal-accept-btn: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;
}
.main_ui_workspace_tokens_sets_context_menu__button-primary:hover svg, .main_ui_workspace_tokens_sets_context_menu__modal-danger-btn:hover svg, .main_ui_workspace_tokens_sets_context_menu__modal-accept-btn:hover svg,
.main_ui_workspace_tokens_sets_context_menu__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_tokens_sets_context_menu__button-primary:active, .main_ui_workspace_tokens_sets_context_menu__modal-danger-btn:active, .main_ui_workspace_tokens_sets_context_menu__modal-accept-btn: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;
}
.main_ui_workspace_tokens_sets_context_menu__button-primary:active svg, .main_ui_workspace_tokens_sets_context_menu__modal-danger-btn:active svg, .main_ui_workspace_tokens_sets_context_menu__modal-accept-btn:active svg,
.main_ui_workspace_tokens_sets_context_menu__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_tokens_sets_context_menu__button-primary.disabled, .main_ui_workspace_tokens_sets_context_menu__modal-danger-btn.disabled, .main_ui_workspace_tokens_sets_context_menu__modal-accept-btn.disabled, .main_ui_workspace_tokens_sets_context_menu__button-primary[disabled], [disabled].main_ui_workspace_tokens_sets_context_menu__modal-danger-btn, [disabled].main_ui_workspace_tokens_sets_context_menu__modal-accept-btn, .main_ui_workspace_tokens_sets_context_menu__button-primary:disabled, .main_ui_workspace_tokens_sets_context_menu__modal-danger-btn:disabled, .main_ui_workspace_tokens_sets_context_menu__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_sets_context_menu__button-secondary, .main_ui_workspace_tokens_sets_context_menu__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_sets_context_menu__button-secondary:focus-visible, .main_ui_workspace_tokens_sets_context_menu__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_sets_context_menu__button-secondary:focus-visible svg, .main_ui_workspace_tokens_sets_context_menu__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_tokens_sets_context_menu__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_sets_context_menu__button-secondary svg, .main_ui_workspace_tokens_sets_context_menu__modal-cancel-btn svg,
.main_ui_workspace_tokens_sets_context_menu__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_sets_context_menu__button-secondary:hover, .main_ui_workspace_tokens_sets_context_menu__modal-cancel-btn: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;
}
.main_ui_workspace_tokens_sets_context_menu__button-secondary:hover svg, .main_ui_workspace_tokens_sets_context_menu__modal-cancel-btn:hover svg,
.main_ui_workspace_tokens_sets_context_menu__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_tokens_sets_context_menu__button-secondary:active, .main_ui_workspace_tokens_sets_context_menu__modal-cancel-btn: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);
}
.main_ui_workspace_tokens_sets_context_menu__button-secondary:active svg, .main_ui_workspace_tokens_sets_context_menu__modal-cancel-btn:active svg,
.main_ui_workspace_tokens_sets_context_menu__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_tokens_sets_context_menu__button-secondary.disabled, .main_ui_workspace_tokens_sets_context_menu__modal-cancel-btn.disabled, .main_ui_workspace_tokens_sets_context_menu__button-secondary[disabled], [disabled].main_ui_workspace_tokens_sets_context_menu__modal-cancel-btn, .main_ui_workspace_tokens_sets_context_menu__button-secondary:disabled, .main_ui_workspace_tokens_sets_context_menu__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_sets_context_menu__button-tertiary, .main_ui_workspace_tokens_sets_context_menu__attr-title button, .main_ui_workspace_tokens_sets_context_menu__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_tokens_sets_context_menu__button-tertiary:focus-visible, .main_ui_workspace_tokens_sets_context_menu__attr-title button:focus-visible, .main_ui_workspace_tokens_sets_context_menu__modal-close-btn-base: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);
}
.main_ui_workspace_tokens_sets_context_menu__button-tertiary:focus-visible svg, .main_ui_workspace_tokens_sets_context_menu__attr-title button:focus-visible svg, .main_ui_workspace_tokens_sets_context_menu__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_tokens_sets_context_menu__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_tokens_sets_context_menu__button-tertiary svg, .main_ui_workspace_tokens_sets_context_menu__attr-title button svg, .main_ui_workspace_tokens_sets_context_menu__modal-close-btn-base svg,
.main_ui_workspace_tokens_sets_context_menu__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_tokens_sets_context_menu__button-tertiary:hover, .main_ui_workspace_tokens_sets_context_menu__attr-title button:hover, .main_ui_workspace_tokens_sets_context_menu__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_tokens_sets_context_menu__button-tertiary:hover svg, .main_ui_workspace_tokens_sets_context_menu__attr-title button:hover svg, .main_ui_workspace_tokens_sets_context_menu__modal-close-btn-base:hover svg,
.main_ui_workspace_tokens_sets_context_menu__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_tokens_sets_context_menu__button-tertiary:active, .main_ui_workspace_tokens_sets_context_menu__attr-title button:active, .main_ui_workspace_tokens_sets_context_menu__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_sets_context_menu__button-tertiary:active svg, .main_ui_workspace_tokens_sets_context_menu__attr-title button:active svg, .main_ui_workspace_tokens_sets_context_menu__modal-close-btn-base:active svg,
.main_ui_workspace_tokens_sets_context_menu__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_sets_context_menu__button-tertiary.disabled, .main_ui_workspace_tokens_sets_context_menu__attr-title button.disabled, .main_ui_workspace_tokens_sets_context_menu__modal-close-btn-base.disabled, .main_ui_workspace_tokens_sets_context_menu__button-tertiary[disabled], .main_ui_workspace_tokens_sets_context_menu__attr-title button[disabled], [disabled].main_ui_workspace_tokens_sets_context_menu__modal-close-btn-base, .main_ui_workspace_tokens_sets_context_menu__button-tertiary:disabled, .main_ui_workspace_tokens_sets_context_menu__attr-title button:disabled, .main_ui_workspace_tokens_sets_context_menu__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_tokens_sets_context_menu__button-tertiary.disabled svg, .main_ui_workspace_tokens_sets_context_menu__attr-title button.disabled svg, .main_ui_workspace_tokens_sets_context_menu__modal-close-btn-base.disabled svg,
.main_ui_workspace_tokens_sets_context_menu__button-tertiary.disabled span svg, .main_ui_workspace_tokens_sets_context_menu__button-tertiary[disabled] svg, .main_ui_workspace_tokens_sets_context_menu__attr-title button[disabled] svg, [disabled].main_ui_workspace_tokens_sets_context_menu__modal-close-btn-base svg,
.main_ui_workspace_tokens_sets_context_menu__button-tertiary[disabled] span svg, .main_ui_workspace_tokens_sets_context_menu__button-tertiary:disabled svg, .main_ui_workspace_tokens_sets_context_menu__attr-title button:disabled svg, .main_ui_workspace_tokens_sets_context_menu__modal-close-btn-base:disabled svg,
.main_ui_workspace_tokens_sets_context_menu__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_tokens_sets_context_menu__button-icon-selected {
  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);
}
.main_ui_workspace_tokens_sets_context_menu__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_tokens_sets_context_menu__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_tokens_sets_context_menu__button-radio: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);
}
.main_ui_workspace_tokens_sets_context_menu__button-radio:focus-visible svg,
.main_ui_workspace_tokens_sets_context_menu__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_tokens_sets_context_menu__button-radio svg,
.main_ui_workspace_tokens_sets_context_menu__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_tokens_sets_context_menu__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_tokens_sets_context_menu__button-radio:hover svg,
.main_ui_workspace_tokens_sets_context_menu__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_tokens_sets_context_menu__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_tokens_sets_context_menu__button-radio:active svg,
.main_ui_workspace_tokens_sets_context_menu__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_tokens_sets_context_menu__button-warning {
  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);
}

.main_ui_workspace_tokens_sets_context_menu__button-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;
}

.main_ui_workspace_tokens_sets_context_menu__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_tokens_sets_context_menu__button-tag: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);
}
.main_ui_workspace_tokens_sets_context_menu__button-tag:focus-visible svg,
.main_ui_workspace_tokens_sets_context_menu__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_tokens_sets_context_menu__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_tokens_sets_context_menu__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_tokens_sets_context_menu__button-icon, .main_ui_workspace_tokens_sets_context_menu__empty-icon svg, .main_ui_workspace_tokens_sets_context_menu__modal-close-btn-base svg, .main_ui_workspace_tokens_sets_context_menu__button-icon-small, .main_ui_workspace_tokens_sets_context_menu__dropdown-element-base span svg, .main_ui_workspace_tokens_sets_context_menu__attr-title button svg, .main_ui_workspace_tokens_sets_context_menu__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_sets_context_menu__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_sets_context_menu__checkbox-icon.checked svg, .main_ui_workspace_tokens_sets_context_menu__input-checkbox label span.checked svg, .main_ui_workspace_tokens_sets_context_menu__input-element span svg,
.main_ui_workspace_tokens_sets_context_menu__input-element label svg, .main_ui_workspace_tokens_sets_context_menu__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_tokens_sets_context_menu__button-icon-small, .main_ui_workspace_tokens_sets_context_menu__dropdown-element-base span svg, .main_ui_workspace_tokens_sets_context_menu__attr-title button svg, .main_ui_workspace_tokens_sets_context_menu__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_sets_context_menu__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_sets_context_menu__checkbox-icon.checked svg, .main_ui_workspace_tokens_sets_context_menu__input-checkbox label span.checked svg, .main_ui_workspace_tokens_sets_context_menu__input-element span svg,
.main_ui_workspace_tokens_sets_context_menu__input-element label svg, .main_ui_workspace_tokens_sets_context_menu__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_tokens_sets_context_menu__input-base, .main_ui_workspace_tokens_sets_context_menu__input-with-label input, .main_ui_workspace_tokens_sets_context_menu__input-element-label input, .main_ui_workspace_tokens_sets_context_menu__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sets_context_menu__input-base[disabled], .main_ui_workspace_tokens_sets_context_menu__input-with-label input[disabled], .main_ui_workspace_tokens_sets_context_menu__input-element-label input[disabled], .main_ui_workspace_tokens_sets_context_menu__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_tokens_sets_context_menu__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_tokens_sets_context_menu__input-label, .main_ui_workspace_tokens_sets_context_menu__input-element span,
.main_ui_workspace_tokens_sets_context_menu__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_tokens_sets_context_menu__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_tokens_sets_context_menu__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_sets_context_menu__input-element span svg,
.main_ui_workspace_tokens_sets_context_menu__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_tokens_sets_context_menu__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_sets_context_menu__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_sets_context_menu__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_sets_context_menu__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_sets_context_menu__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_sets_context_menu__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_tokens_sets_context_menu__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sets_context_menu__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sets_context_menu__input-element:focus, .main_ui_workspace_tokens_sets_context_menu__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_sets_context_menu__input-element:focus span, .main_ui_workspace_tokens_sets_context_menu__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_sets_context_menu__input-element:focus input, .main_ui_workspace_tokens_sets_context_menu__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_sets_context_menu__input-element:focus:hover, .main_ui_workspace_tokens_sets_context_menu__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_sets_context_menu__input-element:focus:hover span, .main_ui_workspace_tokens_sets_context_menu__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_sets_context_menu__input-element:focus:hover input, .main_ui_workspace_tokens_sets_context_menu__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_tokens_sets_context_menu__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_tokens_sets_context_menu__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_tokens_sets_context_menu__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_sets_context_menu__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_sets_context_menu__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_sets_context_menu__input-element-label:focus-within input, .main_ui_workspace_tokens_sets_context_menu__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_tokens_sets_context_menu__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_tokens_sets_context_menu__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sets_context_menu__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sets_context_menu__input-with-label input:focus-within, .main_ui_workspace_tokens_sets_context_menu__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_sets_context_menu__input-with-label input:focus-within input, .main_ui_workspace_tokens_sets_context_menu__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sets_context_menu__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_tokens_sets_context_menu__modal-overlay-base {
  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);
}

.main_ui_workspace_tokens_sets_context_menu__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_tokens_sets_context_menu__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_tokens_sets_context_menu__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_tokens_sets_context_menu__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_tokens_sets_context_menu__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_sets_context_menu__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_sets_context_menu__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_tokens_sets_context_menu__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_tokens_sets_context_menu__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_tokens_sets_context_menu__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_tokens_sets_context_menu__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_tokens_sets_context_menu__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_tokens_sets_context_menu__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_tokens_sets_context_menu__colorpicker-handler {
  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;
}
.main_ui_workspace_tokens_sets_context_menu__colorpicker-handler:hover, .main_ui_workspace_tokens_sets_context_menu__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_tokens_sets_context_menu__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_tokens_sets_context_menu__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_tokens_sets_context_menu__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_tokens_sets_context_menu__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_tokens_sets_context_menu__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_tokens_sets_context_menu__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_tokens_sets_context_menu__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_tokens_sets_context_menu__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_tokens_sets_context_menu__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_tokens_sets_context_menu__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_tokens_sets_context_menu__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_tokens_sets_context_menu__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_tokens_sets_context_menu__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_tokens_sets_context_menu__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_tokens_sets_context_menu__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_tokens_sets_context_menu__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_tokens_sets_context_menu__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_tokens_sets_context_menu__token-set-context-menu {
  position: absolute;
  z-index: 4;
}

.main_ui_workspace_tokens_sets_context_menu__context-list {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: grid;
  width: 15rem;
  padding: 0.25rem;
  border-radius: 0.5rem;
  border: 0.125rem solid var(--panel-border-color);
  background-color: var(--menu-background-color);
  max-height: 100vh;
  overflow-y: auto;
}

.main_ui_workspace_tokens_sets_context_menu__context-menu-item {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  color: var(--menu-foreground-color);
  display: flex;
  align-items: center;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_tokens_sets_context_menu__context-menu-item:hover {
  background-color: var(--menu-background-color-hover);
}
@keyframes main_ui_workspace_tokens_sidebar__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_tokens_sidebar__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_tokens_sidebar__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_tokens_sidebar__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_tokens_sidebar__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_tokens_sidebar__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_tokens_sidebar__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_tokens_sidebar__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_tokens_sidebar__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_sidebar__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_sidebar__new-scrollbar ::placeholder,
.main_ui_workspace_tokens_sidebar__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_tokens_sidebar__button-primary, .main_ui_workspace_tokens_sidebar__modal-danger-btn, .main_ui_workspace_tokens_sidebar__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_tokens_sidebar__button-primary:focus-visible, .main_ui_workspace_tokens_sidebar__modal-danger-btn:focus-visible, .main_ui_workspace_tokens_sidebar__modal-accept-btn: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);
}
.main_ui_workspace_tokens_sidebar__button-primary:focus-visible svg, .main_ui_workspace_tokens_sidebar__modal-danger-btn:focus-visible svg, .main_ui_workspace_tokens_sidebar__modal-accept-btn:focus-visible svg,
.main_ui_workspace_tokens_sidebar__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_tokens_sidebar__button-primary svg, .main_ui_workspace_tokens_sidebar__modal-danger-btn svg, .main_ui_workspace_tokens_sidebar__modal-accept-btn svg,
.main_ui_workspace_tokens_sidebar__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_tokens_sidebar__button-primary:hover, .main_ui_workspace_tokens_sidebar__modal-danger-btn:hover, .main_ui_workspace_tokens_sidebar__modal-accept-btn: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;
}
.main_ui_workspace_tokens_sidebar__button-primary:hover svg, .main_ui_workspace_tokens_sidebar__modal-danger-btn:hover svg, .main_ui_workspace_tokens_sidebar__modal-accept-btn:hover svg,
.main_ui_workspace_tokens_sidebar__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_tokens_sidebar__button-primary:active, .main_ui_workspace_tokens_sidebar__modal-danger-btn:active, .main_ui_workspace_tokens_sidebar__modal-accept-btn: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;
}
.main_ui_workspace_tokens_sidebar__button-primary:active svg, .main_ui_workspace_tokens_sidebar__modal-danger-btn:active svg, .main_ui_workspace_tokens_sidebar__modal-accept-btn:active svg,
.main_ui_workspace_tokens_sidebar__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_tokens_sidebar__button-primary.disabled, .main_ui_workspace_tokens_sidebar__modal-danger-btn.disabled, .main_ui_workspace_tokens_sidebar__modal-accept-btn.disabled, .main_ui_workspace_tokens_sidebar__button-primary[disabled], [disabled].main_ui_workspace_tokens_sidebar__modal-danger-btn, [disabled].main_ui_workspace_tokens_sidebar__modal-accept-btn, .main_ui_workspace_tokens_sidebar__button-primary:disabled, .main_ui_workspace_tokens_sidebar__modal-danger-btn:disabled, .main_ui_workspace_tokens_sidebar__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_sidebar__button-secondary, .main_ui_workspace_tokens_sidebar__themes-button, .main_ui_workspace_tokens_sidebar__import-export-button, .main_ui_workspace_tokens_sidebar__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_sidebar__button-secondary:focus-visible, .main_ui_workspace_tokens_sidebar__themes-button:focus-visible, .main_ui_workspace_tokens_sidebar__import-export-button:focus-visible, .main_ui_workspace_tokens_sidebar__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_sidebar__button-secondary:focus-visible svg, .main_ui_workspace_tokens_sidebar__themes-button:focus-visible svg, .main_ui_workspace_tokens_sidebar__import-export-button:focus-visible svg, .main_ui_workspace_tokens_sidebar__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_tokens_sidebar__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_sidebar__button-secondary svg, .main_ui_workspace_tokens_sidebar__themes-button svg, .main_ui_workspace_tokens_sidebar__import-export-button svg, .main_ui_workspace_tokens_sidebar__modal-cancel-btn svg,
.main_ui_workspace_tokens_sidebar__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_sidebar__button-secondary:hover, .main_ui_workspace_tokens_sidebar__themes-button:hover, .main_ui_workspace_tokens_sidebar__import-export-button:hover, .main_ui_workspace_tokens_sidebar__modal-cancel-btn: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;
}
.main_ui_workspace_tokens_sidebar__button-secondary:hover svg, .main_ui_workspace_tokens_sidebar__themes-button:hover svg, .main_ui_workspace_tokens_sidebar__import-export-button:hover svg, .main_ui_workspace_tokens_sidebar__modal-cancel-btn:hover svg,
.main_ui_workspace_tokens_sidebar__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_tokens_sidebar__button-secondary:active, .main_ui_workspace_tokens_sidebar__themes-button:active, .main_ui_workspace_tokens_sidebar__import-export-button:active, .main_ui_workspace_tokens_sidebar__modal-cancel-btn: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);
}
.main_ui_workspace_tokens_sidebar__button-secondary:active svg, .main_ui_workspace_tokens_sidebar__themes-button:active svg, .main_ui_workspace_tokens_sidebar__import-export-button:active svg, .main_ui_workspace_tokens_sidebar__modal-cancel-btn:active svg,
.main_ui_workspace_tokens_sidebar__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_tokens_sidebar__button-secondary.disabled, .main_ui_workspace_tokens_sidebar__themes-button.disabled, .main_ui_workspace_tokens_sidebar__import-export-button.disabled, .main_ui_workspace_tokens_sidebar__modal-cancel-btn.disabled, .main_ui_workspace_tokens_sidebar__button-secondary[disabled], [disabled].main_ui_workspace_tokens_sidebar__themes-button, [disabled].main_ui_workspace_tokens_sidebar__import-export-button, [disabled].main_ui_workspace_tokens_sidebar__modal-cancel-btn, .main_ui_workspace_tokens_sidebar__button-secondary:disabled, .main_ui_workspace_tokens_sidebar__themes-button:disabled, .main_ui_workspace_tokens_sidebar__import-export-button:disabled, .main_ui_workspace_tokens_sidebar__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_sidebar__button-tertiary, .main_ui_workspace_tokens_sidebar__attr-title button, .main_ui_workspace_tokens_sidebar__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_tokens_sidebar__button-tertiary:focus-visible, .main_ui_workspace_tokens_sidebar__attr-title button:focus-visible, .main_ui_workspace_tokens_sidebar__modal-close-btn-base: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);
}
.main_ui_workspace_tokens_sidebar__button-tertiary:focus-visible svg, .main_ui_workspace_tokens_sidebar__attr-title button:focus-visible svg, .main_ui_workspace_tokens_sidebar__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_tokens_sidebar__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_tokens_sidebar__button-tertiary svg, .main_ui_workspace_tokens_sidebar__attr-title button svg, .main_ui_workspace_tokens_sidebar__modal-close-btn-base svg,
.main_ui_workspace_tokens_sidebar__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_tokens_sidebar__button-tertiary:hover, .main_ui_workspace_tokens_sidebar__attr-title button:hover, .main_ui_workspace_tokens_sidebar__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_tokens_sidebar__button-tertiary:hover svg, .main_ui_workspace_tokens_sidebar__attr-title button:hover svg, .main_ui_workspace_tokens_sidebar__modal-close-btn-base:hover svg,
.main_ui_workspace_tokens_sidebar__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_tokens_sidebar__button-tertiary:active, .main_ui_workspace_tokens_sidebar__attr-title button:active, .main_ui_workspace_tokens_sidebar__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_sidebar__button-tertiary:active svg, .main_ui_workspace_tokens_sidebar__attr-title button:active svg, .main_ui_workspace_tokens_sidebar__modal-close-btn-base:active svg,
.main_ui_workspace_tokens_sidebar__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_sidebar__button-tertiary.disabled, .main_ui_workspace_tokens_sidebar__attr-title button.disabled, .main_ui_workspace_tokens_sidebar__modal-close-btn-base.disabled, .main_ui_workspace_tokens_sidebar__button-tertiary[disabled], .main_ui_workspace_tokens_sidebar__attr-title button[disabled], [disabled].main_ui_workspace_tokens_sidebar__modal-close-btn-base, .main_ui_workspace_tokens_sidebar__button-tertiary:disabled, .main_ui_workspace_tokens_sidebar__attr-title button:disabled, .main_ui_workspace_tokens_sidebar__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_tokens_sidebar__button-tertiary.disabled svg, .main_ui_workspace_tokens_sidebar__attr-title button.disabled svg, .main_ui_workspace_tokens_sidebar__modal-close-btn-base.disabled svg,
.main_ui_workspace_tokens_sidebar__button-tertiary.disabled span svg, .main_ui_workspace_tokens_sidebar__button-tertiary[disabled] svg, .main_ui_workspace_tokens_sidebar__attr-title button[disabled] svg, [disabled].main_ui_workspace_tokens_sidebar__modal-close-btn-base svg,
.main_ui_workspace_tokens_sidebar__button-tertiary[disabled] span svg, .main_ui_workspace_tokens_sidebar__button-tertiary:disabled svg, .main_ui_workspace_tokens_sidebar__attr-title button:disabled svg, .main_ui_workspace_tokens_sidebar__modal-close-btn-base:disabled svg,
.main_ui_workspace_tokens_sidebar__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_tokens_sidebar__button-icon-selected {
  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);
}
.main_ui_workspace_tokens_sidebar__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_tokens_sidebar__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_tokens_sidebar__button-radio: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);
}
.main_ui_workspace_tokens_sidebar__button-radio:focus-visible svg,
.main_ui_workspace_tokens_sidebar__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_tokens_sidebar__button-radio svg,
.main_ui_workspace_tokens_sidebar__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_tokens_sidebar__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_tokens_sidebar__button-radio:hover svg,
.main_ui_workspace_tokens_sidebar__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_tokens_sidebar__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_tokens_sidebar__button-radio:active svg,
.main_ui_workspace_tokens_sidebar__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_tokens_sidebar__button-warning {
  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);
}

.main_ui_workspace_tokens_sidebar__button-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;
}

.main_ui_workspace_tokens_sidebar__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_tokens_sidebar__button-tag: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);
}
.main_ui_workspace_tokens_sidebar__button-tag:focus-visible svg,
.main_ui_workspace_tokens_sidebar__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_tokens_sidebar__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_tokens_sidebar__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_tokens_sidebar__button-icon, .main_ui_workspace_tokens_sidebar__empty-icon svg, .main_ui_workspace_tokens_sidebar__modal-close-btn-base svg, .main_ui_workspace_tokens_sidebar__button-icon-small, .main_ui_workspace_tokens_sidebar__dropdown-element-base span svg, .main_ui_workspace_tokens_sidebar__attr-title button svg, .main_ui_workspace_tokens_sidebar__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_sidebar__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_sidebar__checkbox-icon.checked svg, .main_ui_workspace_tokens_sidebar__input-checkbox label span.checked svg, .main_ui_workspace_tokens_sidebar__input-element span svg,
.main_ui_workspace_tokens_sidebar__input-element label svg, .main_ui_workspace_tokens_sidebar__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_tokens_sidebar__button-icon-small, .main_ui_workspace_tokens_sidebar__dropdown-element-base span svg, .main_ui_workspace_tokens_sidebar__attr-title button svg, .main_ui_workspace_tokens_sidebar__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_sidebar__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_sidebar__checkbox-icon.checked svg, .main_ui_workspace_tokens_sidebar__input-checkbox label span.checked svg, .main_ui_workspace_tokens_sidebar__input-element span svg,
.main_ui_workspace_tokens_sidebar__input-element label svg, .main_ui_workspace_tokens_sidebar__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_tokens_sidebar__input-base, .main_ui_workspace_tokens_sidebar__input-with-label input, .main_ui_workspace_tokens_sidebar__input-element-label input, .main_ui_workspace_tokens_sidebar__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sidebar__input-base[disabled], .main_ui_workspace_tokens_sidebar__input-with-label input[disabled], .main_ui_workspace_tokens_sidebar__input-element-label input[disabled], .main_ui_workspace_tokens_sidebar__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_tokens_sidebar__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_tokens_sidebar__input-label, .main_ui_workspace_tokens_sidebar__input-element span,
.main_ui_workspace_tokens_sidebar__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_tokens_sidebar__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_tokens_sidebar__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_sidebar__input-element span svg,
.main_ui_workspace_tokens_sidebar__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_tokens_sidebar__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_sidebar__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_sidebar__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_sidebar__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_sidebar__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_sidebar__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_tokens_sidebar__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sidebar__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sidebar__input-element:focus, .main_ui_workspace_tokens_sidebar__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_sidebar__input-element:focus span, .main_ui_workspace_tokens_sidebar__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_sidebar__input-element:focus input, .main_ui_workspace_tokens_sidebar__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_sidebar__input-element:focus:hover, .main_ui_workspace_tokens_sidebar__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_sidebar__input-element:focus:hover span, .main_ui_workspace_tokens_sidebar__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_sidebar__input-element:focus:hover input, .main_ui_workspace_tokens_sidebar__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_tokens_sidebar__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_tokens_sidebar__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_tokens_sidebar__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_sidebar__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_sidebar__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_sidebar__input-element-label:focus-within input, .main_ui_workspace_tokens_sidebar__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_tokens_sidebar__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_tokens_sidebar__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sidebar__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sidebar__input-with-label input:focus-within, .main_ui_workspace_tokens_sidebar__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_sidebar__input-with-label input:focus-within input, .main_ui_workspace_tokens_sidebar__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_sidebar__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_tokens_sidebar__modal-overlay-base {
  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);
}

.main_ui_workspace_tokens_sidebar__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_tokens_sidebar__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_tokens_sidebar__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_tokens_sidebar__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_tokens_sidebar__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_sidebar__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_sidebar__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_tokens_sidebar__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_tokens_sidebar__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_tokens_sidebar__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_tokens_sidebar__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_tokens_sidebar__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_tokens_sidebar__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_tokens_sidebar__colorpicker-handler {
  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;
}
.main_ui_workspace_tokens_sidebar__colorpicker-handler:hover, .main_ui_workspace_tokens_sidebar__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_tokens_sidebar__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_tokens_sidebar__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_tokens_sidebar__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_tokens_sidebar__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_tokens_sidebar__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_tokens_sidebar__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_tokens_sidebar__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_tokens_sidebar__menu-dropdown, .main_ui_workspace_tokens_sidebar__import-export-menu {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_tokens_sidebar__menu-item-base, .main_ui_workspace_tokens_sidebar__import-export-menu-item {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_tokens_sidebar__menu-item-base:hover, .main_ui_workspace_tokens_sidebar__import-export-menu-item:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_tokens_sidebar__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_tokens_sidebar__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_tokens_sidebar__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_tokens_sidebar__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_tokens_sidebar__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_tokens_sidebar__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_tokens_sidebar__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_tokens_sidebar__sidebar-wrapper {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: calc(100vh - 5.75rem);
  overflow: hidden;
}

.main_ui_workspace_tokens_sidebar__sets-section-wrapper {
  position: relative;
  display: flex;
  flex: 1;
  height: var(--resize-height);
  flex-direction: column;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.main_ui_workspace_tokens_sidebar__tokens-section-wrapper {
  height: 100%;
  padding-left: 0.75rem;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.main_ui_workspace_tokens_sidebar__sets-sidebar {
  position: relative;
  padding-block-end: 1rem;
}

.main_ui_workspace_tokens_sidebar__themes-header,
.main_ui_workspace_tokens_sidebar__sets-header-container {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.2;
  font-size: 0.75rem;
  text-transform: uppercase;
  display: block;
  padding: 0.5rem;
  color: var(--title-foreground-color);
  word-break: break-word;
}

.main_ui_workspace_tokens_sidebar__sets-header-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.25rem;
  margin-block-start: 0.5rem;
}

.main_ui_workspace_tokens_sidebar__sets-header {
  flex: 1;
}

.main_ui_workspace_tokens_sidebar__sets-header-status {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  text-transform: none;
  color: var(--color-foreground-secondary);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_workspace_tokens_sidebar__sets-header-status-text {
  font-style: italic;
}

.main_ui_workspace_tokens_sidebar__themes-wrapper {
  padding: 0.75rem 0 0 0.75rem;
}

.main_ui_workspace_tokens_sidebar__empty-theme-wrapper {
  padding: 0.75rem;
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_tokens_sidebar__sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 0.75rem;
  padding-top: 0.75rem;
  color: var(--layer-row-foreground-color);
}

.main_ui_workspace_tokens_sidebar__empty-state-message {
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_tokens_sidebar__token-pills-wrapper {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}

.main_ui_workspace_tokens_sidebar__section-text-icon {
  font-size: 0.75rem;
  width: 1rem;
  height: 1rem;
  display: flex;
  place-content: center;
}

.main_ui_workspace_tokens_sidebar__section-icon {
  margin-right: 0.25rem;
  translate: 0px -1px;
}

.main_ui_workspace_tokens_sidebar__import-export-button-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: end;
  padding: 0.5rem;
  background-color: var(--color-background-primary);
  box-shadow: var(--el-shadow-dark);
}

.main_ui_workspace_tokens_sidebar__import-export-button {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0.375rem 0.5rem;
  text-transform: uppercase;
  gap: 0.5rem;
  background-color: var(--color-background-primary);
  box-shadow: var(--el-shadow-dark);
}

.main_ui_workspace_tokens_sidebar__import-export-menu {
  top: -0.375rem;
  right: 0;
  translate: 0 -100%;
  width: 12rem;
  margin: 0;
}

.main_ui_workspace_tokens_sidebar__import-export-menu-item {
  cursor: pointer;
}
.main_ui_workspace_tokens_sidebar__import-export-menu-item:hover {
  color: var(--menu-foreground-color-hover);
}

.main_ui_workspace_tokens_sidebar__import-export-menu-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.main_ui_workspace_tokens_sidebar__import-menu-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}

.main_ui_workspace_tokens_sidebar__theme-select-wrapper {
  display: grid;
  grid-template-columns: 1fr 0.28fr;
  gap: 0.375rem;
}

.main_ui_workspace_tokens_sidebar__themes-button {
  width: auto;
}

.main_ui_workspace_tokens_sidebar__create-theme-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--color-accent-primary);
  cursor: pointer;
}

.main_ui_workspace_tokens_sidebar__edit-theme-button {
  justify-content: center;
}

.main_ui_workspace_tokens_sidebar__resize-area-horiz {
  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;
}

.main_ui_workspace_tokens_sidebar__resize-handle-horiz {
  border-bottom: 0.125rem solid var(--resize-area-border-color);
  cursor: ns-resize;
}
@keyframes main_ui_workspace_tokens_theme_select__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_tokens_theme_select__new-scrollbar, .main_ui_workspace_tokens_theme_select__dropdown-portal {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_tokens_theme_select__new-scrollbar:hover, .main_ui_workspace_tokens_theme_select__dropdown-portal:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_tokens_theme_select__new-scrollbar ::-webkit-scrollbar, .main_ui_workspace_tokens_theme_select__dropdown-portal ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_tokens_theme_select__new-scrollbar ::-webkit-scrollbar-track, .main_ui_workspace_tokens_theme_select__dropdown-portal ::-webkit-scrollbar-track,
.main_ui_workspace_tokens_theme_select__new-scrollbar ::-webkit-scrollbar-corner,
.main_ui_workspace_tokens_theme_select__dropdown-portal ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_tokens_theme_select__new-scrollbar ::-webkit-scrollbar-thumb, .main_ui_workspace_tokens_theme_select__dropdown-portal ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_tokens_theme_select__new-scrollbar ::-webkit-scrollbar-thumb:hover, .main_ui_workspace_tokens_theme_select__dropdown-portal ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_tokens_theme_select__new-scrollbar ::-moz-selection, .main_ui_workspace_tokens_theme_select__dropdown-portal ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_theme_select__new-scrollbar ::selection, .main_ui_workspace_tokens_theme_select__dropdown-portal ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_theme_select__new-scrollbar ::placeholder, .main_ui_workspace_tokens_theme_select__dropdown-portal ::placeholder,
.main_ui_workspace_tokens_theme_select__new-scrollbar ::-webkit-input-placeholder,
.main_ui_workspace_tokens_theme_select__dropdown-portal ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_tokens_theme_select__button-primary, .main_ui_workspace_tokens_theme_select__modal-danger-btn, .main_ui_workspace_tokens_theme_select__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_tokens_theme_select__button-primary:focus-visible, .main_ui_workspace_tokens_theme_select__modal-danger-btn:focus-visible, .main_ui_workspace_tokens_theme_select__modal-accept-btn: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);
}
.main_ui_workspace_tokens_theme_select__button-primary:focus-visible svg, .main_ui_workspace_tokens_theme_select__modal-danger-btn:focus-visible svg, .main_ui_workspace_tokens_theme_select__modal-accept-btn:focus-visible svg,
.main_ui_workspace_tokens_theme_select__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_tokens_theme_select__button-primary svg, .main_ui_workspace_tokens_theme_select__modal-danger-btn svg, .main_ui_workspace_tokens_theme_select__modal-accept-btn svg,
.main_ui_workspace_tokens_theme_select__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_tokens_theme_select__button-primary:hover, .main_ui_workspace_tokens_theme_select__modal-danger-btn:hover, .main_ui_workspace_tokens_theme_select__modal-accept-btn: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;
}
.main_ui_workspace_tokens_theme_select__button-primary:hover svg, .main_ui_workspace_tokens_theme_select__modal-danger-btn:hover svg, .main_ui_workspace_tokens_theme_select__modal-accept-btn:hover svg,
.main_ui_workspace_tokens_theme_select__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_tokens_theme_select__button-primary:active, .main_ui_workspace_tokens_theme_select__modal-danger-btn:active, .main_ui_workspace_tokens_theme_select__modal-accept-btn: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;
}
.main_ui_workspace_tokens_theme_select__button-primary:active svg, .main_ui_workspace_tokens_theme_select__modal-danger-btn:active svg, .main_ui_workspace_tokens_theme_select__modal-accept-btn:active svg,
.main_ui_workspace_tokens_theme_select__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_tokens_theme_select__button-primary.disabled, .main_ui_workspace_tokens_theme_select__modal-danger-btn.disabled, .main_ui_workspace_tokens_theme_select__modal-accept-btn.disabled, .main_ui_workspace_tokens_theme_select__button-primary[disabled], [disabled].main_ui_workspace_tokens_theme_select__modal-danger-btn, [disabled].main_ui_workspace_tokens_theme_select__modal-accept-btn, .main_ui_workspace_tokens_theme_select__button-primary:disabled, .main_ui_workspace_tokens_theme_select__modal-danger-btn:disabled, .main_ui_workspace_tokens_theme_select__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_theme_select__button-secondary, .main_ui_workspace_tokens_theme_select__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_theme_select__button-secondary:focus-visible, .main_ui_workspace_tokens_theme_select__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_theme_select__button-secondary:focus-visible svg, .main_ui_workspace_tokens_theme_select__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_tokens_theme_select__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_theme_select__button-secondary svg, .main_ui_workspace_tokens_theme_select__modal-cancel-btn svg,
.main_ui_workspace_tokens_theme_select__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_theme_select__button-secondary:hover, .main_ui_workspace_tokens_theme_select__modal-cancel-btn: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;
}
.main_ui_workspace_tokens_theme_select__button-secondary:hover svg, .main_ui_workspace_tokens_theme_select__modal-cancel-btn:hover svg,
.main_ui_workspace_tokens_theme_select__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_tokens_theme_select__button-secondary:active, .main_ui_workspace_tokens_theme_select__modal-cancel-btn: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);
}
.main_ui_workspace_tokens_theme_select__button-secondary:active svg, .main_ui_workspace_tokens_theme_select__modal-cancel-btn:active svg,
.main_ui_workspace_tokens_theme_select__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_tokens_theme_select__button-secondary.disabled, .main_ui_workspace_tokens_theme_select__modal-cancel-btn.disabled, .main_ui_workspace_tokens_theme_select__button-secondary[disabled], [disabled].main_ui_workspace_tokens_theme_select__modal-cancel-btn, .main_ui_workspace_tokens_theme_select__button-secondary:disabled, .main_ui_workspace_tokens_theme_select__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_theme_select__button-tertiary, .main_ui_workspace_tokens_theme_select__attr-title button, .main_ui_workspace_tokens_theme_select__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_tokens_theme_select__button-tertiary:focus-visible, .main_ui_workspace_tokens_theme_select__attr-title button:focus-visible, .main_ui_workspace_tokens_theme_select__modal-close-btn-base: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);
}
.main_ui_workspace_tokens_theme_select__button-tertiary:focus-visible svg, .main_ui_workspace_tokens_theme_select__attr-title button:focus-visible svg, .main_ui_workspace_tokens_theme_select__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_tokens_theme_select__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_tokens_theme_select__button-tertiary svg, .main_ui_workspace_tokens_theme_select__attr-title button svg, .main_ui_workspace_tokens_theme_select__modal-close-btn-base svg,
.main_ui_workspace_tokens_theme_select__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_tokens_theme_select__button-tertiary:hover, .main_ui_workspace_tokens_theme_select__attr-title button:hover, .main_ui_workspace_tokens_theme_select__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_tokens_theme_select__button-tertiary:hover svg, .main_ui_workspace_tokens_theme_select__attr-title button:hover svg, .main_ui_workspace_tokens_theme_select__modal-close-btn-base:hover svg,
.main_ui_workspace_tokens_theme_select__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_tokens_theme_select__button-tertiary:active, .main_ui_workspace_tokens_theme_select__attr-title button:active, .main_ui_workspace_tokens_theme_select__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_theme_select__button-tertiary:active svg, .main_ui_workspace_tokens_theme_select__attr-title button:active svg, .main_ui_workspace_tokens_theme_select__modal-close-btn-base:active svg,
.main_ui_workspace_tokens_theme_select__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_theme_select__button-tertiary.disabled, .main_ui_workspace_tokens_theme_select__attr-title button.disabled, .main_ui_workspace_tokens_theme_select__modal-close-btn-base.disabled, .main_ui_workspace_tokens_theme_select__button-tertiary[disabled], .main_ui_workspace_tokens_theme_select__attr-title button[disabled], [disabled].main_ui_workspace_tokens_theme_select__modal-close-btn-base, .main_ui_workspace_tokens_theme_select__button-tertiary:disabled, .main_ui_workspace_tokens_theme_select__attr-title button:disabled, .main_ui_workspace_tokens_theme_select__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_tokens_theme_select__button-tertiary.disabled svg, .main_ui_workspace_tokens_theme_select__attr-title button.disabled svg, .main_ui_workspace_tokens_theme_select__modal-close-btn-base.disabled svg,
.main_ui_workspace_tokens_theme_select__button-tertiary.disabled span svg, .main_ui_workspace_tokens_theme_select__button-tertiary[disabled] svg, .main_ui_workspace_tokens_theme_select__attr-title button[disabled] svg, [disabled].main_ui_workspace_tokens_theme_select__modal-close-btn-base svg,
.main_ui_workspace_tokens_theme_select__button-tertiary[disabled] span svg, .main_ui_workspace_tokens_theme_select__button-tertiary:disabled svg, .main_ui_workspace_tokens_theme_select__attr-title button:disabled svg, .main_ui_workspace_tokens_theme_select__modal-close-btn-base:disabled svg,
.main_ui_workspace_tokens_theme_select__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_tokens_theme_select__button-icon-selected {
  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);
}
.main_ui_workspace_tokens_theme_select__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_tokens_theme_select__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_tokens_theme_select__button-radio: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);
}
.main_ui_workspace_tokens_theme_select__button-radio:focus-visible svg,
.main_ui_workspace_tokens_theme_select__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_tokens_theme_select__button-radio svg,
.main_ui_workspace_tokens_theme_select__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_tokens_theme_select__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_tokens_theme_select__button-radio:hover svg,
.main_ui_workspace_tokens_theme_select__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_tokens_theme_select__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_tokens_theme_select__button-radio:active svg,
.main_ui_workspace_tokens_theme_select__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_tokens_theme_select__button-warning {
  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);
}

.main_ui_workspace_tokens_theme_select__button-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;
}

.main_ui_workspace_tokens_theme_select__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_tokens_theme_select__button-tag: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);
}
.main_ui_workspace_tokens_theme_select__button-tag:focus-visible svg,
.main_ui_workspace_tokens_theme_select__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_tokens_theme_select__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_tokens_theme_select__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_tokens_theme_select__button-icon, .main_ui_workspace_tokens_theme_select__empty-icon svg, .main_ui_workspace_tokens_theme_select__modal-close-btn-base svg, .main_ui_workspace_tokens_theme_select__button-icon-small, .main_ui_workspace_tokens_theme_select__dropdown-element-base span svg, .main_ui_workspace_tokens_theme_select__checked-element span svg, .main_ui_workspace_tokens_theme_select__checked-element-button span svg, .main_ui_workspace_tokens_theme_select__attr-title button svg, .main_ui_workspace_tokens_theme_select__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_theme_select__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_theme_select__checkbox-icon.checked svg, .main_ui_workspace_tokens_theme_select__input-checkbox label span.checked svg, .main_ui_workspace_tokens_theme_select__input-element span svg,
.main_ui_workspace_tokens_theme_select__input-element label svg, .main_ui_workspace_tokens_theme_select__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_tokens_theme_select__button-icon-small, .main_ui_workspace_tokens_theme_select__dropdown-element-base span svg, .main_ui_workspace_tokens_theme_select__checked-element span svg, .main_ui_workspace_tokens_theme_select__checked-element-button span svg, .main_ui_workspace_tokens_theme_select__attr-title button svg, .main_ui_workspace_tokens_theme_select__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_theme_select__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_theme_select__checkbox-icon.checked svg, .main_ui_workspace_tokens_theme_select__input-checkbox label span.checked svg, .main_ui_workspace_tokens_theme_select__input-element span svg,
.main_ui_workspace_tokens_theme_select__input-element label svg, .main_ui_workspace_tokens_theme_select__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_tokens_theme_select__input-base, .main_ui_workspace_tokens_theme_select__input-with-label input, .main_ui_workspace_tokens_theme_select__input-element-label input, .main_ui_workspace_tokens_theme_select__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_theme_select__input-base[disabled], .main_ui_workspace_tokens_theme_select__input-with-label input[disabled], .main_ui_workspace_tokens_theme_select__input-element-label input[disabled], .main_ui_workspace_tokens_theme_select__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_tokens_theme_select__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_tokens_theme_select__input-label, .main_ui_workspace_tokens_theme_select__input-element span,
.main_ui_workspace_tokens_theme_select__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_tokens_theme_select__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_tokens_theme_select__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_theme_select__input-element span svg,
.main_ui_workspace_tokens_theme_select__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_tokens_theme_select__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_theme_select__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_theme_select__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_theme_select__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_theme_select__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_theme_select__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_tokens_theme_select__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_theme_select__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_theme_select__input-element:focus, .main_ui_workspace_tokens_theme_select__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_theme_select__input-element:focus span, .main_ui_workspace_tokens_theme_select__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_theme_select__input-element:focus input, .main_ui_workspace_tokens_theme_select__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_theme_select__input-element:focus:hover, .main_ui_workspace_tokens_theme_select__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_theme_select__input-element:focus:hover span, .main_ui_workspace_tokens_theme_select__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_theme_select__input-element:focus:hover input, .main_ui_workspace_tokens_theme_select__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_tokens_theme_select__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_tokens_theme_select__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_tokens_theme_select__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_theme_select__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_theme_select__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_theme_select__input-element-label:focus-within input, .main_ui_workspace_tokens_theme_select__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_tokens_theme_select__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_tokens_theme_select__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_theme_select__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_theme_select__input-with-label input:focus-within, .main_ui_workspace_tokens_theme_select__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_theme_select__input-with-label input:focus-within input, .main_ui_workspace_tokens_theme_select__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_theme_select__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_tokens_theme_select__modal-overlay-base {
  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);
}

.main_ui_workspace_tokens_theme_select__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_tokens_theme_select__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_tokens_theme_select__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_tokens_theme_select__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_tokens_theme_select__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_theme_select__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_theme_select__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_tokens_theme_select__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_tokens_theme_select__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_tokens_theme_select__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_tokens_theme_select__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_tokens_theme_select__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_tokens_theme_select__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_tokens_theme_select__colorpicker-handler {
  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;
}
.main_ui_workspace_tokens_theme_select__colorpicker-handler:hover, .main_ui_workspace_tokens_theme_select__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_tokens_theme_select__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_tokens_theme_select__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_tokens_theme_select__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_tokens_theme_select__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_tokens_theme_select__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_tokens_theme_select__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_tokens_theme_select__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_tokens_theme_select__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_tokens_theme_select__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_tokens_theme_select__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_tokens_theme_select__dropdown-element-base, .main_ui_workspace_tokens_theme_select__checked-element, .main_ui_workspace_tokens_theme_select__checked-element-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_tokens_theme_select__dropdown-element-base span, .main_ui_workspace_tokens_theme_select__checked-element span, .main_ui_workspace_tokens_theme_select__checked-element-button span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_tokens_theme_select__dropdown-element-base span svg, .main_ui_workspace_tokens_theme_select__checked-element span svg, .main_ui_workspace_tokens_theme_select__checked-element-button span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_tokens_theme_select__dropdown-element-base:hover, .main_ui_workspace_tokens_theme_select__checked-element:hover, .main_ui_workspace_tokens_theme_select__checked-element-button:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_tokens_theme_select__dropdown-element-base:hover span svg, .main_ui_workspace_tokens_theme_select__checked-element:hover span svg, .main_ui_workspace_tokens_theme_select__checked-element-button:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_tokens_theme_select__dropdown-wrapper, .main_ui_workspace_tokens_theme_select__custom-select-dropdown {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_tokens_theme_select__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_tokens_theme_select__custom-select {
  --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: 0.5rem;
  background-color: var(--custom-select-bg-color);
  border: 1px solid var(--custom-select-border-color);
  color: var(--custom-select-text-color);
  cursor: pointer;
}
.main_ui_workspace_tokens_theme_select__custom-select: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);
}
.main_ui_workspace_tokens_theme_select__custom-select:focus {
  --custom-select-bg-color: var(--menu-background-color-focus);
  --custom-select-border-color: var(--menu-background-focus);
}

.main_ui_workspace_tokens_theme_select__theme-options {
  margin-bottom: 0;
}

.main_ui_workspace_tokens_theme_select__group {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 0.5rem;
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_tokens_theme_select__disabled-select {
  --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;
}

.main_ui_workspace_tokens_theme_select__dropdown-button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_tokens_theme_select__current-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  padding-right: 0.25rem;
}

.main_ui_workspace_tokens_theme_select__separator {
  margin: 0;
  height: 0.125rem;
  border-block-start: 1px solid color-mix(in hsl, var(--color-foreground-secondary) 20%, transparent);
}

.main_ui_workspace_tokens_theme_select__custom-select-dropdown[data-direction=up] {
  bottom: 2rem;
  top: auto;
}

.main_ui_workspace_tokens_theme_select__sub-item {
  padding-left: 1rem;
}

.main_ui_workspace_tokens_theme_select__checked-element-button {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-right: 0;
}

.main_ui_workspace_tokens_theme_select__checked-element.main_ui_workspace_tokens_theme_select__is-selected {
  color: var(--menu-foreground-color);
}
.main_ui_workspace_tokens_theme_select__checked-element.main_ui_workspace_tokens_theme_select__disabled {
  display: none;
}

.main_ui_workspace_tokens_theme_select__check-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--icon-foreground-primary);
  visibility: hidden;
}

.main_ui_workspace_tokens_theme_select__label {
  flex-grow: 1;
  width: 100%;
}

.main_ui_workspace_tokens_theme_select__check-icon-visible {
  visibility: visible;
}

.main_ui_workspace_tokens_theme_select__current-label {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main_ui_workspace_tokens_theme_select__dropdown-portal {
  --menu-max-height: 25rem;
  position: absolute;
}
@keyframes main_ui_workspace_tokens_token_pill__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_tokens_token_pill__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_tokens_token_pill__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_tokens_token_pill__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_tokens_token_pill__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_tokens_token_pill__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_tokens_token_pill__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_tokens_token_pill__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_tokens_token_pill__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_token_pill__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_token_pill__new-scrollbar ::placeholder,
.main_ui_workspace_tokens_token_pill__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_tokens_token_pill__button-primary, .main_ui_workspace_tokens_token_pill__modal-danger-btn, .main_ui_workspace_tokens_token_pill__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_tokens_token_pill__button-primary:focus-visible, .main_ui_workspace_tokens_token_pill__modal-danger-btn:focus-visible, .main_ui_workspace_tokens_token_pill__modal-accept-btn: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);
}
.main_ui_workspace_tokens_token_pill__button-primary:focus-visible svg, .main_ui_workspace_tokens_token_pill__modal-danger-btn:focus-visible svg, .main_ui_workspace_tokens_token_pill__modal-accept-btn:focus-visible svg,
.main_ui_workspace_tokens_token_pill__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_tokens_token_pill__button-primary svg, .main_ui_workspace_tokens_token_pill__modal-danger-btn svg, .main_ui_workspace_tokens_token_pill__modal-accept-btn svg,
.main_ui_workspace_tokens_token_pill__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_tokens_token_pill__button-primary:hover, .main_ui_workspace_tokens_token_pill__modal-danger-btn:hover, .main_ui_workspace_tokens_token_pill__modal-accept-btn: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;
}
.main_ui_workspace_tokens_token_pill__button-primary:hover svg, .main_ui_workspace_tokens_token_pill__modal-danger-btn:hover svg, .main_ui_workspace_tokens_token_pill__modal-accept-btn:hover svg,
.main_ui_workspace_tokens_token_pill__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_tokens_token_pill__button-primary:active, .main_ui_workspace_tokens_token_pill__modal-danger-btn:active, .main_ui_workspace_tokens_token_pill__modal-accept-btn: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;
}
.main_ui_workspace_tokens_token_pill__button-primary:active svg, .main_ui_workspace_tokens_token_pill__modal-danger-btn:active svg, .main_ui_workspace_tokens_token_pill__modal-accept-btn:active svg,
.main_ui_workspace_tokens_token_pill__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_tokens_token_pill__button-primary.disabled, .main_ui_workspace_tokens_token_pill__modal-danger-btn.disabled, .main_ui_workspace_tokens_token_pill__modal-accept-btn.disabled, .main_ui_workspace_tokens_token_pill__button-primary[disabled], [disabled].main_ui_workspace_tokens_token_pill__modal-danger-btn, [disabled].main_ui_workspace_tokens_token_pill__modal-accept-btn, .main_ui_workspace_tokens_token_pill__button-primary:disabled, .main_ui_workspace_tokens_token_pill__modal-danger-btn:disabled, .main_ui_workspace_tokens_token_pill__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_token_pill__button-secondary, .main_ui_workspace_tokens_token_pill__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_token_pill__button-secondary:focus-visible, .main_ui_workspace_tokens_token_pill__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_token_pill__button-secondary:focus-visible svg, .main_ui_workspace_tokens_token_pill__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_tokens_token_pill__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_token_pill__button-secondary svg, .main_ui_workspace_tokens_token_pill__modal-cancel-btn svg,
.main_ui_workspace_tokens_token_pill__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_token_pill__button-secondary:hover, .main_ui_workspace_tokens_token_pill__modal-cancel-btn: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;
}
.main_ui_workspace_tokens_token_pill__button-secondary:hover svg, .main_ui_workspace_tokens_token_pill__modal-cancel-btn:hover svg,
.main_ui_workspace_tokens_token_pill__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_tokens_token_pill__button-secondary:active, .main_ui_workspace_tokens_token_pill__modal-cancel-btn: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);
}
.main_ui_workspace_tokens_token_pill__button-secondary:active svg, .main_ui_workspace_tokens_token_pill__modal-cancel-btn:active svg,
.main_ui_workspace_tokens_token_pill__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_tokens_token_pill__button-secondary.disabled, .main_ui_workspace_tokens_token_pill__modal-cancel-btn.disabled, .main_ui_workspace_tokens_token_pill__button-secondary[disabled], [disabled].main_ui_workspace_tokens_token_pill__modal-cancel-btn, .main_ui_workspace_tokens_token_pill__button-secondary:disabled, .main_ui_workspace_tokens_token_pill__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_token_pill__button-tertiary, .main_ui_workspace_tokens_token_pill__attr-title button, .main_ui_workspace_tokens_token_pill__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_tokens_token_pill__button-tertiary:focus-visible, .main_ui_workspace_tokens_token_pill__attr-title button:focus-visible, .main_ui_workspace_tokens_token_pill__modal-close-btn-base: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);
}
.main_ui_workspace_tokens_token_pill__button-tertiary:focus-visible svg, .main_ui_workspace_tokens_token_pill__attr-title button:focus-visible svg, .main_ui_workspace_tokens_token_pill__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_tokens_token_pill__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_tokens_token_pill__button-tertiary svg, .main_ui_workspace_tokens_token_pill__attr-title button svg, .main_ui_workspace_tokens_token_pill__modal-close-btn-base svg,
.main_ui_workspace_tokens_token_pill__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_tokens_token_pill__button-tertiary:hover, .main_ui_workspace_tokens_token_pill__attr-title button:hover, .main_ui_workspace_tokens_token_pill__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_tokens_token_pill__button-tertiary:hover svg, .main_ui_workspace_tokens_token_pill__attr-title button:hover svg, .main_ui_workspace_tokens_token_pill__modal-close-btn-base:hover svg,
.main_ui_workspace_tokens_token_pill__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_tokens_token_pill__button-tertiary:active, .main_ui_workspace_tokens_token_pill__attr-title button:active, .main_ui_workspace_tokens_token_pill__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_token_pill__button-tertiary:active svg, .main_ui_workspace_tokens_token_pill__attr-title button:active svg, .main_ui_workspace_tokens_token_pill__modal-close-btn-base:active svg,
.main_ui_workspace_tokens_token_pill__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_token_pill__button-tertiary.disabled, .main_ui_workspace_tokens_token_pill__attr-title button.disabled, .main_ui_workspace_tokens_token_pill__modal-close-btn-base.disabled, .main_ui_workspace_tokens_token_pill__button-tertiary[disabled], .main_ui_workspace_tokens_token_pill__attr-title button[disabled], [disabled].main_ui_workspace_tokens_token_pill__modal-close-btn-base, .main_ui_workspace_tokens_token_pill__button-tertiary:disabled, .main_ui_workspace_tokens_token_pill__attr-title button:disabled, .main_ui_workspace_tokens_token_pill__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_tokens_token_pill__button-tertiary.disabled svg, .main_ui_workspace_tokens_token_pill__attr-title button.disabled svg, .main_ui_workspace_tokens_token_pill__modal-close-btn-base.disabled svg,
.main_ui_workspace_tokens_token_pill__button-tertiary.disabled span svg, .main_ui_workspace_tokens_token_pill__button-tertiary[disabled] svg, .main_ui_workspace_tokens_token_pill__attr-title button[disabled] svg, [disabled].main_ui_workspace_tokens_token_pill__modal-close-btn-base svg,
.main_ui_workspace_tokens_token_pill__button-tertiary[disabled] span svg, .main_ui_workspace_tokens_token_pill__button-tertiary:disabled svg, .main_ui_workspace_tokens_token_pill__attr-title button:disabled svg, .main_ui_workspace_tokens_token_pill__modal-close-btn-base:disabled svg,
.main_ui_workspace_tokens_token_pill__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_tokens_token_pill__button-icon-selected {
  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);
}
.main_ui_workspace_tokens_token_pill__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_tokens_token_pill__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_tokens_token_pill__button-radio: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);
}
.main_ui_workspace_tokens_token_pill__button-radio:focus-visible svg,
.main_ui_workspace_tokens_token_pill__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_tokens_token_pill__button-radio svg,
.main_ui_workspace_tokens_token_pill__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_tokens_token_pill__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_tokens_token_pill__button-radio:hover svg,
.main_ui_workspace_tokens_token_pill__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_tokens_token_pill__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_tokens_token_pill__button-radio:active svg,
.main_ui_workspace_tokens_token_pill__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_tokens_token_pill__button-warning {
  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);
}

.main_ui_workspace_tokens_token_pill__button-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;
}

.main_ui_workspace_tokens_token_pill__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_tokens_token_pill__button-tag: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);
}
.main_ui_workspace_tokens_token_pill__button-tag:focus-visible svg,
.main_ui_workspace_tokens_token_pill__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_tokens_token_pill__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_tokens_token_pill__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_tokens_token_pill__button-icon, .main_ui_workspace_tokens_token_pill__empty-icon svg, .main_ui_workspace_tokens_token_pill__modal-close-btn-base svg, .main_ui_workspace_tokens_token_pill__button-icon-small, .main_ui_workspace_tokens_token_pill__dropdown-element-base span svg, .main_ui_workspace_tokens_token_pill__attr-title button svg, .main_ui_workspace_tokens_token_pill__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_token_pill__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_token_pill__checkbox-icon.checked svg, .main_ui_workspace_tokens_token_pill__input-checkbox label span.checked svg, .main_ui_workspace_tokens_token_pill__input-element span svg,
.main_ui_workspace_tokens_token_pill__input-element label svg, .main_ui_workspace_tokens_token_pill__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_tokens_token_pill__button-icon-small, .main_ui_workspace_tokens_token_pill__dropdown-element-base span svg, .main_ui_workspace_tokens_token_pill__attr-title button svg, .main_ui_workspace_tokens_token_pill__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_token_pill__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_token_pill__checkbox-icon.checked svg, .main_ui_workspace_tokens_token_pill__input-checkbox label span.checked svg, .main_ui_workspace_tokens_token_pill__input-element span svg,
.main_ui_workspace_tokens_token_pill__input-element label svg, .main_ui_workspace_tokens_token_pill__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_tokens_token_pill__input-base, .main_ui_workspace_tokens_token_pill__input-with-label input, .main_ui_workspace_tokens_token_pill__input-element-label input, .main_ui_workspace_tokens_token_pill__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_token_pill__input-base[disabled], .main_ui_workspace_tokens_token_pill__input-with-label input[disabled], .main_ui_workspace_tokens_token_pill__input-element-label input[disabled], .main_ui_workspace_tokens_token_pill__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_tokens_token_pill__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_tokens_token_pill__input-label, .main_ui_workspace_tokens_token_pill__input-element span,
.main_ui_workspace_tokens_token_pill__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_tokens_token_pill__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_tokens_token_pill__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_token_pill__input-element span svg,
.main_ui_workspace_tokens_token_pill__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_tokens_token_pill__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_token_pill__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_token_pill__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_token_pill__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_token_pill__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_token_pill__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_tokens_token_pill__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_token_pill__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_token_pill__input-element:focus, .main_ui_workspace_tokens_token_pill__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_token_pill__input-element:focus span, .main_ui_workspace_tokens_token_pill__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_token_pill__input-element:focus input, .main_ui_workspace_tokens_token_pill__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_token_pill__input-element:focus:hover, .main_ui_workspace_tokens_token_pill__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_token_pill__input-element:focus:hover span, .main_ui_workspace_tokens_token_pill__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_token_pill__input-element:focus:hover input, .main_ui_workspace_tokens_token_pill__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_tokens_token_pill__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_tokens_token_pill__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_tokens_token_pill__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_token_pill__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_token_pill__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_token_pill__input-element-label:focus-within input, .main_ui_workspace_tokens_token_pill__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_tokens_token_pill__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_tokens_token_pill__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_token_pill__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_token_pill__input-with-label input:focus-within, .main_ui_workspace_tokens_token_pill__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_token_pill__input-with-label input:focus-within input, .main_ui_workspace_tokens_token_pill__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_token_pill__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_tokens_token_pill__modal-overlay-base {
  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);
}

.main_ui_workspace_tokens_token_pill__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_tokens_token_pill__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_tokens_token_pill__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_tokens_token_pill__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_tokens_token_pill__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_token_pill__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_token_pill__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_tokens_token_pill__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_tokens_token_pill__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_tokens_token_pill__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_tokens_token_pill__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_tokens_token_pill__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_tokens_token_pill__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_tokens_token_pill__colorpicker-handler {
  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;
}
.main_ui_workspace_tokens_token_pill__colorpicker-handler:hover, .main_ui_workspace_tokens_token_pill__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_tokens_token_pill__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_tokens_token_pill__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_tokens_token_pill__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_tokens_token_pill__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_tokens_token_pill__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_tokens_token_pill__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_tokens_token_pill__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_tokens_token_pill__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_tokens_token_pill__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_tokens_token_pill__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_tokens_token_pill__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_tokens_token_pill__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_tokens_token_pill__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_tokens_token_pill__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_tokens_token_pill__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_tokens_token_pill__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_tokens_token_pill__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_tokens_token_pill__token-pill {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.2;
  font-size: 0.75rem;
  border: none;
  background: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.375rem;
  border: 1px solid var(--token-pill-border);
  outline: 0.125rem solid var(--token-pill-outline);
  height: 1.5rem;
  border-radius: 0.5rem;
  padding: 0.125rem 0.5rem 0.125rem 0.25rem;
  color: var(--token-pill-foreground);
  background: var(--token-pill-background);
}

.main_ui_workspace_tokens_token_pill__name-wrapper {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.2;
  font-size: 0.75rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main_ui_workspace_tokens_token_pill__divided-name-wrapper {
  height: 1rem;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
}

.main_ui_workspace_tokens_token_pill__first-name-wrapper {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.2;
  font-size: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.main_ui_workspace_tokens_token_pill__last-name-wrapper {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.2;
  font-size: 0.75rem;
  flex-shrink: 0;
}

.main_ui_workspace_tokens_token_pill__token-pill-icon {
  color: var(--token-pill-accent);
}

.main_ui_workspace_tokens_token_pill__token-pill-default {
  --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);
}
.main_ui_workspace_tokens_token_pill__token-pill-default: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);
}
.main_ui_workspace_tokens_token_pill__token-pill-default:focus-visible {
  --token-pill-outline: var(--color-background-primary);
  --token-pill-border: var(--color-accent-primary);
  outline-offset: -3px;
}

.main_ui_workspace_tokens_token_pill__token-pill-applied {
  --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);
}
.main_ui_workspace_tokens_token_pill__token-pill-applied: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);
}
.main_ui_workspace_tokens_token_pill__token-pill-applied: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);
}

.main_ui_workspace_tokens_token_pill__token-pill-invalid {
  --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);
}
.main_ui_workspace_tokens_token_pill__token-pill-invalid:hover, .main_ui_workspace_tokens_token_pill__token-pill-invalid:focus-visible {
  --token-pill-background: var(--color-background-tertiary);
  --token-pill-accent: var(--color-foreground-error);
}
.main_ui_workspace_tokens_token_pill__token-pill-invalid:hover {
  --token-pill-foreground: var(--color-foreground-primary);
  --token-pill-outline: none;
  --token-pill-border: var(--color-foreground-error);
}
.main_ui_workspace_tokens_token_pill__token-pill-invalid:focus-visible {
  --token-pill-foreground: var(--color-foreground-error);
  --token-pill-border: var(--color-accent-primary);
  --token-pill-outline: var(--color-foreground-error);
}

.main_ui_workspace_tokens_token_pill__token-pill-invalid-applied {
  --token-pill-border: var(--color-foreground-error);
}
.main_ui_workspace_tokens_token_pill__token-pill-invalid-applied:hover, .main_ui_workspace_tokens_token_pill__token-pill-invalid-applied:focus-visible {
  --token-pill-border: var(--color-foreground-error);
}

.main_ui_workspace_tokens_token_pill__token-pill-viewer {
  --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);
}

.main_ui_workspace_tokens_token_pill__token-pill-applied-viewer {
  --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);
}

.main_ui_workspace_tokens_token_pill__token-pill-invalid-viewer {
  --token-pill-border: var(--color-token-background);
  --token-pill-foreground: var(--color-foreground-error);
  --token-pill-accent: var(--color-foreground-error);
}
.main_ui_workspace_tokens_token_pill__token-pill-invalid-viewer:hover, .main_ui_workspace_tokens_token_pill__token-pill-invalid-viewer:focus-visible {
  --token-pill-border: var(--color-token-background);
  --token-pill-foreground: var(--color-foreground-error);
  --token-pill-accent: var(--color-foreground-error);
}

.main_ui_workspace_tokens_token_pill__token-pill-invalid-applied-viewer {
  --token-pill-border: var(--color-accent-error);
  --token-pill-foreground: var(--color-foreground-error);
  --token-pill-accent: var(--color-foreground-error);
}
.main_ui_workspace_tokens_token_pill__token-pill-invalid-applied-viewer:hover, .main_ui_workspace_tokens_token_pill__token-pill-invalid-applied-viewer:focus-visible {
  --token-pill-border: var(--color-accent-error);
  --token-pill-foreground: var(--color-foreground-error);
  --token-pill-accent: var(--color-foreground-error);
}
@keyframes main_ui_workspace_tokens_modals_themes__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_tokens_modals_themes__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_tokens_modals_themes__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_tokens_modals_themes__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_tokens_modals_themes__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_tokens_modals_themes__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_tokens_modals_themes__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_tokens_modals_themes__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_tokens_modals_themes__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_modals_themes__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_modals_themes__new-scrollbar ::placeholder,
.main_ui_workspace_tokens_modals_themes__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_tokens_modals_themes__button-primary, .main_ui_workspace_tokens_modals_themes__modal-danger-btn, .main_ui_workspace_tokens_modals_themes__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_tokens_modals_themes__button-primary:focus-visible, .main_ui_workspace_tokens_modals_themes__modal-danger-btn:focus-visible, .main_ui_workspace_tokens_modals_themes__modal-accept-btn: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);
}
.main_ui_workspace_tokens_modals_themes__button-primary:focus-visible svg, .main_ui_workspace_tokens_modals_themes__modal-danger-btn:focus-visible svg, .main_ui_workspace_tokens_modals_themes__modal-accept-btn:focus-visible svg,
.main_ui_workspace_tokens_modals_themes__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_tokens_modals_themes__button-primary svg, .main_ui_workspace_tokens_modals_themes__modal-danger-btn svg, .main_ui_workspace_tokens_modals_themes__modal-accept-btn svg,
.main_ui_workspace_tokens_modals_themes__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_tokens_modals_themes__button-primary:hover, .main_ui_workspace_tokens_modals_themes__modal-danger-btn:hover, .main_ui_workspace_tokens_modals_themes__modal-accept-btn: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;
}
.main_ui_workspace_tokens_modals_themes__button-primary:hover svg, .main_ui_workspace_tokens_modals_themes__modal-danger-btn:hover svg, .main_ui_workspace_tokens_modals_themes__modal-accept-btn:hover svg,
.main_ui_workspace_tokens_modals_themes__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_tokens_modals_themes__button-primary:active, .main_ui_workspace_tokens_modals_themes__modal-danger-btn:active, .main_ui_workspace_tokens_modals_themes__modal-accept-btn: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;
}
.main_ui_workspace_tokens_modals_themes__button-primary:active svg, .main_ui_workspace_tokens_modals_themes__modal-danger-btn:active svg, .main_ui_workspace_tokens_modals_themes__modal-accept-btn:active svg,
.main_ui_workspace_tokens_modals_themes__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_tokens_modals_themes__button-primary.disabled, .main_ui_workspace_tokens_modals_themes__modal-danger-btn.disabled, .main_ui_workspace_tokens_modals_themes__modal-accept-btn.disabled, .main_ui_workspace_tokens_modals_themes__button-primary[disabled], [disabled].main_ui_workspace_tokens_modals_themes__modal-danger-btn, [disabled].main_ui_workspace_tokens_modals_themes__modal-accept-btn, .main_ui_workspace_tokens_modals_themes__button-primary:disabled, .main_ui_workspace_tokens_modals_themes__modal-danger-btn:disabled, .main_ui_workspace_tokens_modals_themes__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_modals_themes__button-secondary, .main_ui_workspace_tokens_modals_themes__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_modals_themes__button-secondary:focus-visible, .main_ui_workspace_tokens_modals_themes__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_modals_themes__button-secondary:focus-visible svg, .main_ui_workspace_tokens_modals_themes__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_tokens_modals_themes__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_modals_themes__button-secondary svg, .main_ui_workspace_tokens_modals_themes__modal-cancel-btn svg,
.main_ui_workspace_tokens_modals_themes__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_modals_themes__button-secondary:hover, .main_ui_workspace_tokens_modals_themes__modal-cancel-btn: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;
}
.main_ui_workspace_tokens_modals_themes__button-secondary:hover svg, .main_ui_workspace_tokens_modals_themes__modal-cancel-btn:hover svg,
.main_ui_workspace_tokens_modals_themes__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_tokens_modals_themes__button-secondary:active, .main_ui_workspace_tokens_modals_themes__modal-cancel-btn: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);
}
.main_ui_workspace_tokens_modals_themes__button-secondary:active svg, .main_ui_workspace_tokens_modals_themes__modal-cancel-btn:active svg,
.main_ui_workspace_tokens_modals_themes__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_tokens_modals_themes__button-secondary.disabled, .main_ui_workspace_tokens_modals_themes__modal-cancel-btn.disabled, .main_ui_workspace_tokens_modals_themes__button-secondary[disabled], [disabled].main_ui_workspace_tokens_modals_themes__modal-cancel-btn, .main_ui_workspace_tokens_modals_themes__button-secondary:disabled, .main_ui_workspace_tokens_modals_themes__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_modals_themes__button-tertiary, .main_ui_workspace_tokens_modals_themes__attr-title button, .main_ui_workspace_tokens_modals_themes__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_tokens_modals_themes__button-tertiary:focus-visible, .main_ui_workspace_tokens_modals_themes__attr-title button:focus-visible, .main_ui_workspace_tokens_modals_themes__modal-close-btn-base: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);
}
.main_ui_workspace_tokens_modals_themes__button-tertiary:focus-visible svg, .main_ui_workspace_tokens_modals_themes__attr-title button:focus-visible svg, .main_ui_workspace_tokens_modals_themes__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_tokens_modals_themes__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_tokens_modals_themes__button-tertiary svg, .main_ui_workspace_tokens_modals_themes__attr-title button svg, .main_ui_workspace_tokens_modals_themes__modal-close-btn-base svg,
.main_ui_workspace_tokens_modals_themes__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_tokens_modals_themes__button-tertiary:hover, .main_ui_workspace_tokens_modals_themes__attr-title button:hover, .main_ui_workspace_tokens_modals_themes__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_tokens_modals_themes__button-tertiary:hover svg, .main_ui_workspace_tokens_modals_themes__attr-title button:hover svg, .main_ui_workspace_tokens_modals_themes__modal-close-btn-base:hover svg,
.main_ui_workspace_tokens_modals_themes__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_tokens_modals_themes__button-tertiary:active, .main_ui_workspace_tokens_modals_themes__attr-title button:active, .main_ui_workspace_tokens_modals_themes__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_modals_themes__button-tertiary:active svg, .main_ui_workspace_tokens_modals_themes__attr-title button:active svg, .main_ui_workspace_tokens_modals_themes__modal-close-btn-base:active svg,
.main_ui_workspace_tokens_modals_themes__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_modals_themes__button-tertiary.disabled, .main_ui_workspace_tokens_modals_themes__attr-title button.disabled, .main_ui_workspace_tokens_modals_themes__modal-close-btn-base.disabled, .main_ui_workspace_tokens_modals_themes__button-tertiary[disabled], .main_ui_workspace_tokens_modals_themes__attr-title button[disabled], [disabled].main_ui_workspace_tokens_modals_themes__modal-close-btn-base, .main_ui_workspace_tokens_modals_themes__button-tertiary:disabled, .main_ui_workspace_tokens_modals_themes__attr-title button:disabled, .main_ui_workspace_tokens_modals_themes__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_tokens_modals_themes__button-tertiary.disabled svg, .main_ui_workspace_tokens_modals_themes__attr-title button.disabled svg, .main_ui_workspace_tokens_modals_themes__modal-close-btn-base.disabled svg,
.main_ui_workspace_tokens_modals_themes__button-tertiary.disabled span svg, .main_ui_workspace_tokens_modals_themes__button-tertiary[disabled] svg, .main_ui_workspace_tokens_modals_themes__attr-title button[disabled] svg, [disabled].main_ui_workspace_tokens_modals_themes__modal-close-btn-base svg,
.main_ui_workspace_tokens_modals_themes__button-tertiary[disabled] span svg, .main_ui_workspace_tokens_modals_themes__button-tertiary:disabled svg, .main_ui_workspace_tokens_modals_themes__attr-title button:disabled svg, .main_ui_workspace_tokens_modals_themes__modal-close-btn-base:disabled svg,
.main_ui_workspace_tokens_modals_themes__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_tokens_modals_themes__button-icon-selected {
  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);
}
.main_ui_workspace_tokens_modals_themes__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_tokens_modals_themes__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_tokens_modals_themes__button-radio: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);
}
.main_ui_workspace_tokens_modals_themes__button-radio:focus-visible svg,
.main_ui_workspace_tokens_modals_themes__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_tokens_modals_themes__button-radio svg,
.main_ui_workspace_tokens_modals_themes__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_tokens_modals_themes__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_tokens_modals_themes__button-radio:hover svg,
.main_ui_workspace_tokens_modals_themes__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_tokens_modals_themes__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_tokens_modals_themes__button-radio:active svg,
.main_ui_workspace_tokens_modals_themes__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_tokens_modals_themes__button-warning {
  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);
}

.main_ui_workspace_tokens_modals_themes__button-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;
}

.main_ui_workspace_tokens_modals_themes__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_tokens_modals_themes__button-tag: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);
}
.main_ui_workspace_tokens_modals_themes__button-tag:focus-visible svg,
.main_ui_workspace_tokens_modals_themes__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_tokens_modals_themes__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_tokens_modals_themes__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_tokens_modals_themes__button-icon, .main_ui_workspace_tokens_modals_themes__empty-icon svg, .main_ui_workspace_tokens_modals_themes__modal-close-btn-base svg, .main_ui_workspace_tokens_modals_themes__button-icon-small, .main_ui_workspace_tokens_modals_themes__dropdown-element-base span svg, .main_ui_workspace_tokens_modals_themes__attr-title button svg, .main_ui_workspace_tokens_modals_themes__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_modals_themes__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_modals_themes__checkbox-icon.checked svg, .main_ui_workspace_tokens_modals_themes__input-checkbox label span.checked svg, .main_ui_workspace_tokens_modals_themes__input-element span svg,
.main_ui_workspace_tokens_modals_themes__input-element label svg, .main_ui_workspace_tokens_modals_themes__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_tokens_modals_themes__button-icon-small, .main_ui_workspace_tokens_modals_themes__dropdown-element-base span svg, .main_ui_workspace_tokens_modals_themes__attr-title button svg, .main_ui_workspace_tokens_modals_themes__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_modals_themes__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_modals_themes__checkbox-icon.checked svg, .main_ui_workspace_tokens_modals_themes__input-checkbox label span.checked svg, .main_ui_workspace_tokens_modals_themes__input-element span svg,
.main_ui_workspace_tokens_modals_themes__input-element label svg, .main_ui_workspace_tokens_modals_themes__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_tokens_modals_themes__input-base, .main_ui_workspace_tokens_modals_themes__input-with-label input, .main_ui_workspace_tokens_modals_themes__input-element-label input, .main_ui_workspace_tokens_modals_themes__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_modals_themes__input-base[disabled], .main_ui_workspace_tokens_modals_themes__input-with-label input[disabled], .main_ui_workspace_tokens_modals_themes__input-element-label input[disabled], .main_ui_workspace_tokens_modals_themes__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_tokens_modals_themes__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_tokens_modals_themes__input-label, .main_ui_workspace_tokens_modals_themes__input-element span,
.main_ui_workspace_tokens_modals_themes__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_tokens_modals_themes__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_tokens_modals_themes__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_modals_themes__input-element span svg,
.main_ui_workspace_tokens_modals_themes__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_tokens_modals_themes__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_modals_themes__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_modals_themes__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_modals_themes__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_modals_themes__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_modals_themes__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_tokens_modals_themes__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_modals_themes__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_modals_themes__input-element:focus, .main_ui_workspace_tokens_modals_themes__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_modals_themes__input-element:focus span, .main_ui_workspace_tokens_modals_themes__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_modals_themes__input-element:focus input, .main_ui_workspace_tokens_modals_themes__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_modals_themes__input-element:focus:hover, .main_ui_workspace_tokens_modals_themes__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_modals_themes__input-element:focus:hover span, .main_ui_workspace_tokens_modals_themes__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_modals_themes__input-element:focus:hover input, .main_ui_workspace_tokens_modals_themes__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_tokens_modals_themes__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_tokens_modals_themes__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_tokens_modals_themes__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_modals_themes__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_modals_themes__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_modals_themes__input-element-label:focus-within input, .main_ui_workspace_tokens_modals_themes__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_tokens_modals_themes__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_tokens_modals_themes__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_modals_themes__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_modals_themes__input-with-label input:focus-within, .main_ui_workspace_tokens_modals_themes__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_modals_themes__input-with-label input:focus-within input, .main_ui_workspace_tokens_modals_themes__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_modals_themes__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_tokens_modals_themes__modal-overlay-base, .main_ui_workspace_tokens_modals_themes__modal-overlay {
  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);
}

.main_ui_workspace_tokens_modals_themes__modal-container-base, .main_ui_workspace_tokens_modals_themes__modal-dialog {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_tokens_modals_themes__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_tokens_modals_themes__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_tokens_modals_themes__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_tokens_modals_themes__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_modals_themes__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_modals_themes__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_tokens_modals_themes__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_tokens_modals_themes__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_tokens_modals_themes__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_tokens_modals_themes__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_tokens_modals_themes__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_tokens_modals_themes__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_tokens_modals_themes__colorpicker-handler {
  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;
}
.main_ui_workspace_tokens_modals_themes__colorpicker-handler:hover, .main_ui_workspace_tokens_modals_themes__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_tokens_modals_themes__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_tokens_modals_themes__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_tokens_modals_themes__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_tokens_modals_themes__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_tokens_modals_themes__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_tokens_modals_themes__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_tokens_modals_themes__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_tokens_modals_themes__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_tokens_modals_themes__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_tokens_modals_themes__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_tokens_modals_themes__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_tokens_modals_themes__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_tokens_modals_themes__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_tokens_modals_themes__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_tokens_modals_themes__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_tokens_modals_themes__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_tokens_modals_themes__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_tokens_modals_themes__modal-dialog {
  width: 100%;
  max-width: 32rem;
  max-height: unset;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.main_ui_workspace_tokens_modals_themes__empty-themes-message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  padding: 4.5rem 0;
}

.main_ui_workspace_tokens_modals_themes__themes-modal-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 43rem;
}

.main_ui_workspace_tokens_modals_themes__edit-theme-form {
  display: flex;
}

.main_ui_workspace_tokens_modals_themes__themes-modal-title {
  color: var(--color-foreground-primary);
}

.main_ui_workspace_tokens_modals_themes__themes-modal-description {
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_tokens_modals_themes__back-btn {
  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;
}
.main_ui_workspace_tokens_modals_themes__back-btn:hover {
  color: var(--color-accent-primary);
}

.main_ui_workspace_tokens_modals_themes__button-footer {
  display: flex;
  margin-left: auto;
  justify-content: flex-end;
  gap: 0.375rem;
}

.main_ui_workspace_tokens_modals_themes__edit-theme-footer {
  display: flex;
  justify-content: space-between;
}

.main_ui_workspace_tokens_modals_themes__empty-themes-wrapper {
  display: flex;
  flex-direction: column;
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_tokens_modals_themes__empty-theme-subtitle {
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_tokens_modals_themes__empty-theme-title {
  color: var(--color-foreground-primary);
}

.main_ui_workspace_tokens_modals_themes__select-sets-message {
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_tokens_modals_themes__create-theme-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.main_ui_workspace_tokens_modals_themes__close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
}

.main_ui_workspace_tokens_modals_themes__theme-group-label {
  color: var(--color-foreground-secondary);
  margin: 0 0 0.75rem 0;
  padding: 0;
}

.main_ui_workspace_tokens_modals_themes__group-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}

.main_ui_workspace_tokens_modals_themes__group-title-icon {
  flex-shrink: 0;
}

.main_ui_workspace_tokens_modals_themes__group-title-name {
  flex-grow: 1;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main_ui_workspace_tokens_modals_themes__theme-group-rows-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
}

.main_ui_workspace_tokens_modals_themes__theme-group-wrapper {
  display: flex;
  flex-direction: column;
  margin-block-start: 0.375rem;
  overflow-y: auto;
  gap: 2rem;
}

.main_ui_workspace_tokens_modals_themes__theme-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.main_ui_workspace_tokens_modals_themes__theme-name-row {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
}

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

.main_ui_workspace_tokens_modals_themes__theme-actions-row {
  align-items: center;
  display: flex;
  gap: 0.375rem;
  flex-shrink: 0;
}

.main_ui_workspace_tokens_modals_themes__sets-count-button {
  padding: 0.375rem;
  padding-left: 0.75rem;
}

.main_ui_workspace_tokens_modals_themes__label-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: lowercase;
}

.main_ui_workspace_tokens_modals_themes__edit-theme-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  inline-size: 100%;
}

.main_ui_workspace_tokens_modals_themes__sets-list-wrapper {
  border: 1px solid color-mix(in hsl, var(--color-foreground-secondary) 30%, transparent);
  border-radius: 0.5rem;
  overflow-y: auto;
  max-height: 28.25rem;
}

.main_ui_workspace_tokens_modals_themes__sets-count-empty-button {
  text-transform: lowercase;
  padding: 0.375rem;
  padding-left: 0.75rem;
}

.main_ui_workspace_tokens_modals_themes__group-input-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_workspace_tokens_modals_themes__edit-theme-inputs-wrapper {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
  gap: 0.75rem;
}

.main_ui_workspace_tokens_modals_themes__label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main_ui_workspace_tokens_modals_themes__main-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  color: var(--color-foreground-primary);
}

.main_ui_workspace_tokens_modals_themes__label-optional {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  margin-inline-start: 1ex;
  color: var(--color-foreground-secondary);
}
.main_ui_workspace_tokens_components_controls_input_token_color_bullet__input-token-color-bullet {
  --bullet-size: var(--sp-l);
  --bullet-default-color: var(--color-foreground-secondary);
  --bullet-radius: var(--br-4);
  margin-inline-end: var(--sp-s);
  cursor: pointer;
}

.main_ui_workspace_tokens_components_controls_input_token_color_bullet__input-token-color-bullet-placeholder {
  width: var(--bullet-size, --sp-l);
  height: var(--bullet-size, --sp-l);
  min-width: var(--bullet-size, --sp-l);
  min-height: var(--bullet-size, --sp-l);
  margin-top: 0;
  background-color: color-mix(in hsl, var(--bullet-default-color) 30%, transparent);
  border-radius: 0.25rem;
  cursor: pointer;
}
@keyframes main_ui_workspace_tokens_components_controls_input_tokens__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_tokens_components_controls_input_tokens__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_tokens_components_controls_input_tokens__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_tokens_components_controls_input_tokens__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_tokens_components_controls_input_tokens__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_tokens_components_controls_input_tokens__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_tokens_components_controls_input_tokens__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_tokens_components_controls_input_tokens__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_tokens_components_controls_input_tokens__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_components_controls_input_tokens__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_tokens_components_controls_input_tokens__new-scrollbar ::placeholder,
.main_ui_workspace_tokens_components_controls_input_tokens__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_tokens_components_controls_input_tokens__button-primary, .main_ui_workspace_tokens_components_controls_input_tokens__modal-danger-btn, .main_ui_workspace_tokens_components_controls_input_tokens__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-primary:focus-visible, .main_ui_workspace_tokens_components_controls_input_tokens__modal-danger-btn:focus-visible, .main_ui_workspace_tokens_components_controls_input_tokens__modal-accept-btn: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);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-primary:focus-visible svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-danger-btn:focus-visible svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-accept-btn:focus-visible svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-primary svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-danger-btn svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-accept-btn svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-primary:hover, .main_ui_workspace_tokens_components_controls_input_tokens__modal-danger-btn:hover, .main_ui_workspace_tokens_components_controls_input_tokens__modal-accept-btn: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;
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-primary:hover svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-danger-btn:hover svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-accept-btn:hover svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-primary:active, .main_ui_workspace_tokens_components_controls_input_tokens__modal-danger-btn:active, .main_ui_workspace_tokens_components_controls_input_tokens__modal-accept-btn: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;
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-primary:active svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-danger-btn:active svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-accept-btn:active svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-primary.disabled, .main_ui_workspace_tokens_components_controls_input_tokens__modal-danger-btn.disabled, .main_ui_workspace_tokens_components_controls_input_tokens__modal-accept-btn.disabled, .main_ui_workspace_tokens_components_controls_input_tokens__button-primary[disabled], [disabled].main_ui_workspace_tokens_components_controls_input_tokens__modal-danger-btn, [disabled].main_ui_workspace_tokens_components_controls_input_tokens__modal-accept-btn, .main_ui_workspace_tokens_components_controls_input_tokens__button-primary:disabled, .main_ui_workspace_tokens_components_controls_input_tokens__modal-danger-btn:disabled, .main_ui_workspace_tokens_components_controls_input_tokens__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_components_controls_input_tokens__button-secondary, .main_ui_workspace_tokens_components_controls_input_tokens__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-secondary:focus-visible, .main_ui_workspace_tokens_components_controls_input_tokens__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-secondary:focus-visible svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-secondary svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-cancel-btn svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-secondary:hover, .main_ui_workspace_tokens_components_controls_input_tokens__modal-cancel-btn: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;
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-secondary:hover svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-cancel-btn:hover svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-secondary:active, .main_ui_workspace_tokens_components_controls_input_tokens__modal-cancel-btn: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);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-secondary:active svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-cancel-btn:active svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-secondary.disabled, .main_ui_workspace_tokens_components_controls_input_tokens__modal-cancel-btn.disabled, .main_ui_workspace_tokens_components_controls_input_tokens__button-secondary[disabled], [disabled].main_ui_workspace_tokens_components_controls_input_tokens__modal-cancel-btn, .main_ui_workspace_tokens_components_controls_input_tokens__button-secondary:disabled, .main_ui_workspace_tokens_components_controls_input_tokens__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary, .main_ui_workspace_tokens_components_controls_input_tokens__attr-title button, .main_ui_workspace_tokens_components_controls_input_tokens__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary:focus-visible, .main_ui_workspace_tokens_components_controls_input_tokens__attr-title button:focus-visible, .main_ui_workspace_tokens_components_controls_input_tokens__modal-close-btn-base: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);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary:focus-visible svg, .main_ui_workspace_tokens_components_controls_input_tokens__attr-title button:focus-visible svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary svg, .main_ui_workspace_tokens_components_controls_input_tokens__attr-title button svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-close-btn-base svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary:hover, .main_ui_workspace_tokens_components_controls_input_tokens__attr-title button:hover, .main_ui_workspace_tokens_components_controls_input_tokens__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary:hover svg, .main_ui_workspace_tokens_components_controls_input_tokens__attr-title button:hover svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-close-btn-base:hover svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary:active, .main_ui_workspace_tokens_components_controls_input_tokens__attr-title button:active, .main_ui_workspace_tokens_components_controls_input_tokens__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary:active svg, .main_ui_workspace_tokens_components_controls_input_tokens__attr-title button:active svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-close-btn-base:active svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary.disabled, .main_ui_workspace_tokens_components_controls_input_tokens__attr-title button.disabled, .main_ui_workspace_tokens_components_controls_input_tokens__modal-close-btn-base.disabled, .main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary[disabled], .main_ui_workspace_tokens_components_controls_input_tokens__attr-title button[disabled], [disabled].main_ui_workspace_tokens_components_controls_input_tokens__modal-close-btn-base, .main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary:disabled, .main_ui_workspace_tokens_components_controls_input_tokens__attr-title button:disabled, .main_ui_workspace_tokens_components_controls_input_tokens__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary.disabled svg, .main_ui_workspace_tokens_components_controls_input_tokens__attr-title button.disabled svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-close-btn-base.disabled svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary.disabled span svg, .main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary[disabled] svg, .main_ui_workspace_tokens_components_controls_input_tokens__attr-title button[disabled] svg, [disabled].main_ui_workspace_tokens_components_controls_input_tokens__modal-close-btn-base svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary[disabled] span svg, .main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary:disabled svg, .main_ui_workspace_tokens_components_controls_input_tokens__attr-title button:disabled svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-close-btn-base:disabled svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_tokens_components_controls_input_tokens__button-icon-selected {
  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);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_tokens_components_controls_input_tokens__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-radio: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);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-radio:focus-visible svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-radio svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-radio:hover svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-radio:active svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_tokens_components_controls_input_tokens__button-warning {
  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);
}

.main_ui_workspace_tokens_components_controls_input_tokens__button-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;
}

.main_ui_workspace_tokens_components_controls_input_tokens__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-tag: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);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-tag:focus-visible svg,
.main_ui_workspace_tokens_components_controls_input_tokens__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_tokens_components_controls_input_tokens__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_tokens_components_controls_input_tokens__button-icon, .main_ui_workspace_tokens_components_controls_input_tokens__empty-icon svg, .main_ui_workspace_tokens_components_controls_input_tokens__modal-close-btn-base svg, .main_ui_workspace_tokens_components_controls_input_tokens__button-icon-small, .main_ui_workspace_tokens_components_controls_input_tokens__dropdown-element-base span svg, .main_ui_workspace_tokens_components_controls_input_tokens__attr-title button svg, .main_ui_workspace_tokens_components_controls_input_tokens__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_components_controls_input_tokens__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_components_controls_input_tokens__checkbox-icon.checked svg, .main_ui_workspace_tokens_components_controls_input_tokens__input-checkbox label span.checked svg, .main_ui_workspace_tokens_components_controls_input_tokens__input-element span svg,
.main_ui_workspace_tokens_components_controls_input_tokens__input-element label svg, .main_ui_workspace_tokens_components_controls_input_tokens__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_tokens_components_controls_input_tokens__button-icon-small, .main_ui_workspace_tokens_components_controls_input_tokens__dropdown-element-base span svg, .main_ui_workspace_tokens_components_controls_input_tokens__attr-title button svg, .main_ui_workspace_tokens_components_controls_input_tokens__checkbox-icon.intermediate svg, .main_ui_workspace_tokens_components_controls_input_tokens__input-checkbox label span.intermediate svg, .main_ui_workspace_tokens_components_controls_input_tokens__checkbox-icon.checked svg, .main_ui_workspace_tokens_components_controls_input_tokens__input-checkbox label span.checked svg, .main_ui_workspace_tokens_components_controls_input_tokens__input-element span svg,
.main_ui_workspace_tokens_components_controls_input_tokens__input-element label svg, .main_ui_workspace_tokens_components_controls_input_tokens__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_tokens_components_controls_input_tokens__input-base, .main_ui_workspace_tokens_components_controls_input_tokens__input-with-label input, .main_ui_workspace_tokens_components_controls_input_tokens__input-element-label input, .main_ui_workspace_tokens_components_controls_input_tokens__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-base[disabled], .main_ui_workspace_tokens_components_controls_input_tokens__input-with-label input[disabled], .main_ui_workspace_tokens_components_controls_input_tokens__input-element-label input[disabled], .main_ui_workspace_tokens_components_controls_input_tokens__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_tokens_components_controls_input_tokens__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-label, .main_ui_workspace_tokens_components_controls_input_tokens__input-element span,
.main_ui_workspace_tokens_components_controls_input_tokens__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_tokens_components_controls_input_tokens__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element span svg,
.main_ui_workspace_tokens_components_controls_input_tokens__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element:focus, .main_ui_workspace_tokens_components_controls_input_tokens__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element:focus span, .main_ui_workspace_tokens_components_controls_input_tokens__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element:focus input, .main_ui_workspace_tokens_components_controls_input_tokens__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element:focus:hover, .main_ui_workspace_tokens_components_controls_input_tokens__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element:focus:hover span, .main_ui_workspace_tokens_components_controls_input_tokens__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element:focus:hover input, .main_ui_workspace_tokens_components_controls_input_tokens__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_tokens_components_controls_input_tokens__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-element-label:focus-within input, .main_ui_workspace_tokens_components_controls_input_tokens__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_tokens_components_controls_input_tokens__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-with-label input:focus-within, .main_ui_workspace_tokens_components_controls_input_tokens__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-with-label input:focus-within input, .main_ui_workspace_tokens_components_controls_input_tokens__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_tokens_components_controls_input_tokens__modal-overlay-base {
  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);
}

.main_ui_workspace_tokens_components_controls_input_tokens__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_tokens_components_controls_input_tokens__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_tokens_components_controls_input_tokens__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_tokens_components_controls_input_tokens__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_tokens_components_controls_input_tokens__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_components_controls_input_tokens__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_tokens_components_controls_input_tokens__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_tokens_components_controls_input_tokens__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_tokens_components_controls_input_tokens__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_tokens_components_controls_input_tokens__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_tokens_components_controls_input_tokens__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_tokens_components_controls_input_tokens__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_tokens_components_controls_input_tokens__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_tokens_components_controls_input_tokens__colorpicker-handler {
  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;
}
.main_ui_workspace_tokens_components_controls_input_tokens__colorpicker-handler:hover, .main_ui_workspace_tokens_components_controls_input_tokens__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_tokens_components_controls_input_tokens__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_tokens_components_controls_input_tokens__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_tokens_components_controls_input_tokens__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_tokens_components_controls_input_tokens__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_tokens_components_controls_input_tokens__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_tokens_components_controls_input_tokens__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_tokens_components_controls_input_tokens__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_tokens_components_controls_input_tokens__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_tokens_components_controls_input_tokens__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_tokens_components_controls_input_tokens__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_tokens_components_controls_input_tokens__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_tokens_components_controls_input_tokens__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_tokens_components_controls_input_tokens__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_tokens_components_controls_input_tokens__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_tokens_components_controls_input_tokens__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_tokens_components_controls_input_tokens__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_tokens_components_controls_input_tokens__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_tokens_components_controls_input_tokens__wrapper {
  --label-color: var(--color-foreground-primary);
  --input-bg-color: var(--color-background-tertiary);
  --input-fg-color: var(--color-foreground-primary);
  --input-icon-color: var(--color-foreground-secondary);
  --input-outline-color: none;
  display: flex;
  flex-direction: column;
  gap: var(--sp-xs);
}
.main_ui_workspace_tokens_components_controls_input_tokens__wrapper.main_ui_workspace_tokens_components_controls_input_tokens__input-error {
  --input-outline-color: var(--color-accent-error);
}

.main_ui_workspace_tokens_components_controls_input_tokens__label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--label-color);
}

.main_ui_workspace_tokens_components_controls_input_tokens__input-wrapper {
  display: flex;
  align-items: center;
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-wrapper:has(.main_ui_workspace_tokens_components_controls_input_tokens__input-swatch) {
  position: relative;
}
.main_ui_workspace_tokens_components_controls_input_tokens__input-wrapper:has(.main_ui_workspace_tokens_components_controls_input_tokens__input-swatch) .main_ui_workspace_tokens_components_controls_input_tokens__input {
  padding-inline-start: var(--sp-xxxl);
}

.main_ui_workspace_tokens_components_controls_input_tokens__input-swatch {
  position: absolute;
  display: flex;
  inset-inline-start: var(--sp-s);
  z-index: 2;
}
@keyframes main_ui_workspace_sidebar_assets__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_assets__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_assets__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_assets__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_assets__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_assets__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_assets__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_assets__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_assets__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_assets__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_assets__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_assets__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_assets__button-primary, .main_ui_workspace_sidebar_assets__add-library-button, .main_ui_workspace_sidebar_assets__modal-danger-btn, .main_ui_workspace_sidebar_assets__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_assets__button-primary:focus-visible, .main_ui_workspace_sidebar_assets__add-library-button:focus-visible, .main_ui_workspace_sidebar_assets__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_assets__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_assets__button-primary:focus-visible svg, .main_ui_workspace_sidebar_assets__add-library-button:focus-visible svg, .main_ui_workspace_sidebar_assets__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_assets__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_assets__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets__button-primary svg, .main_ui_workspace_sidebar_assets__add-library-button svg, .main_ui_workspace_sidebar_assets__modal-danger-btn svg, .main_ui_workspace_sidebar_assets__modal-accept-btn svg,
.main_ui_workspace_sidebar_assets__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets__button-primary:hover, .main_ui_workspace_sidebar_assets__add-library-button:hover, .main_ui_workspace_sidebar_assets__modal-danger-btn:hover, .main_ui_workspace_sidebar_assets__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_assets__button-primary:hover svg, .main_ui_workspace_sidebar_assets__add-library-button:hover svg, .main_ui_workspace_sidebar_assets__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_assets__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_assets__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets__button-primary:active, .main_ui_workspace_sidebar_assets__add-library-button:active, .main_ui_workspace_sidebar_assets__modal-danger-btn:active, .main_ui_workspace_sidebar_assets__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_assets__button-primary:active svg, .main_ui_workspace_sidebar_assets__add-library-button:active svg, .main_ui_workspace_sidebar_assets__modal-danger-btn:active svg, .main_ui_workspace_sidebar_assets__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_assets__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets__button-primary.disabled, .main_ui_workspace_sidebar_assets__add-library-button.disabled, .main_ui_workspace_sidebar_assets__modal-danger-btn.disabled, .main_ui_workspace_sidebar_assets__modal-accept-btn.disabled, .main_ui_workspace_sidebar_assets__button-primary[disabled], [disabled].main_ui_workspace_sidebar_assets__add-library-button, [disabled].main_ui_workspace_sidebar_assets__modal-danger-btn, [disabled].main_ui_workspace_sidebar_assets__modal-accept-btn, .main_ui_workspace_sidebar_assets__button-primary:disabled, .main_ui_workspace_sidebar_assets__add-library-button:disabled, .main_ui_workspace_sidebar_assets__modal-danger-btn:disabled, .main_ui_workspace_sidebar_assets__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_assets__button-secondary, .main_ui_workspace_sidebar_assets__libraries-button, .main_ui_workspace_sidebar_assets__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets__button-secondary:focus-visible, .main_ui_workspace_sidebar_assets__libraries-button:focus-visible, .main_ui_workspace_sidebar_assets__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_assets__libraries-button:focus-visible svg, .main_ui_workspace_sidebar_assets__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_assets__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets__button-secondary svg, .main_ui_workspace_sidebar_assets__libraries-button svg, .main_ui_workspace_sidebar_assets__modal-cancel-btn svg,
.main_ui_workspace_sidebar_assets__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets__button-secondary:hover, .main_ui_workspace_sidebar_assets__libraries-button:hover, .main_ui_workspace_sidebar_assets__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_assets__button-secondary:hover svg, .main_ui_workspace_sidebar_assets__libraries-button:hover svg, .main_ui_workspace_sidebar_assets__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_assets__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets__button-secondary:active, .main_ui_workspace_sidebar_assets__libraries-button:active, .main_ui_workspace_sidebar_assets__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_assets__button-secondary:active svg, .main_ui_workspace_sidebar_assets__libraries-button:active svg, .main_ui_workspace_sidebar_assets__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_assets__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets__button-secondary.disabled, .main_ui_workspace_sidebar_assets__libraries-button.disabled, .main_ui_workspace_sidebar_assets__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_assets__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_assets__libraries-button, [disabled].main_ui_workspace_sidebar_assets__modal-cancel-btn, .main_ui_workspace_sidebar_assets__button-secondary:disabled, .main_ui_workspace_sidebar_assets__libraries-button:disabled, .main_ui_workspace_sidebar_assets__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_assets__button-tertiary, .main_ui_workspace_sidebar_assets__attr-title button, .main_ui_workspace_sidebar_assets__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_assets__button-tertiary:focus-visible, .main_ui_workspace_sidebar_assets__attr-title button:focus-visible, .main_ui_workspace_sidebar_assets__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_assets__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_assets__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_assets__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_assets__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets__button-tertiary svg, .main_ui_workspace_sidebar_assets__attr-title button svg, .main_ui_workspace_sidebar_assets__modal-close-btn-base svg,
.main_ui_workspace_sidebar_assets__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets__button-tertiary:hover, .main_ui_workspace_sidebar_assets__attr-title button:hover, .main_ui_workspace_sidebar_assets__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_assets__button-tertiary:hover svg, .main_ui_workspace_sidebar_assets__attr-title button:hover svg, .main_ui_workspace_sidebar_assets__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_assets__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets__button-tertiary:active, .main_ui_workspace_sidebar_assets__attr-title button:active, .main_ui_workspace_sidebar_assets__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets__button-tertiary:active svg, .main_ui_workspace_sidebar_assets__attr-title button:active svg, .main_ui_workspace_sidebar_assets__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_assets__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets__button-tertiary.disabled, .main_ui_workspace_sidebar_assets__attr-title button.disabled, .main_ui_workspace_sidebar_assets__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_assets__button-tertiary[disabled], .main_ui_workspace_sidebar_assets__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_assets__modal-close-btn-base, .main_ui_workspace_sidebar_assets__button-tertiary:disabled, .main_ui_workspace_sidebar_assets__attr-title button:disabled, .main_ui_workspace_sidebar_assets__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_assets__button-tertiary.disabled svg, .main_ui_workspace_sidebar_assets__attr-title button.disabled svg, .main_ui_workspace_sidebar_assets__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_assets__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_assets__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_assets__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_assets__modal-close-btn-base svg,
.main_ui_workspace_sidebar_assets__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_assets__button-tertiary:disabled svg, .main_ui_workspace_sidebar_assets__attr-title button:disabled svg, .main_ui_workspace_sidebar_assets__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_assets__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_assets__button-icon-selected, .main_ui_workspace_sidebar_assets__section-button.main_ui_workspace_sidebar_assets__opened {
  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);
}
.main_ui_workspace_sidebar_assets__button-icon-selected svg, .main_ui_workspace_sidebar_assets__section-button.main_ui_workspace_sidebar_assets__opened svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_assets__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_assets__button-radio: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);
}
.main_ui_workspace_sidebar_assets__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_assets__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets__button-radio svg,
.main_ui_workspace_sidebar_assets__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_assets__button-radio:hover svg,
.main_ui_workspace_sidebar_assets__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_assets__button-radio:active svg,
.main_ui_workspace_sidebar_assets__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_assets__button-warning {
  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);
}

.main_ui_workspace_sidebar_assets__button-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;
}

.main_ui_workspace_sidebar_assets__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_assets__button-tag: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);
}
.main_ui_workspace_sidebar_assets__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_assets__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_assets__button-icon, .main_ui_workspace_sidebar_assets__empty-icon svg, .main_ui_workspace_sidebar_assets__modal-close-btn-base svg, .main_ui_workspace_sidebar_assets__button-icon-small, .main_ui_workspace_sidebar_assets__dropdown-element-base span svg, .main_ui_workspace_sidebar_assets__attr-title button svg, .main_ui_workspace_sidebar_assets__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_assets__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_assets__input-element span svg,
.main_ui_workspace_sidebar_assets__input-element label svg, .main_ui_workspace_sidebar_assets__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_assets__button-icon-small, .main_ui_workspace_sidebar_assets__dropdown-element-base span svg, .main_ui_workspace_sidebar_assets__attr-title button svg, .main_ui_workspace_sidebar_assets__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_assets__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_assets__input-element span svg,
.main_ui_workspace_sidebar_assets__input-element label svg, .main_ui_workspace_sidebar_assets__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_assets__input-base, .main_ui_workspace_sidebar_assets__input-with-label input, .main_ui_workspace_sidebar_assets__input-element-label input, .main_ui_workspace_sidebar_assets__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets__input-base[disabled], .main_ui_workspace_sidebar_assets__input-with-label input[disabled], .main_ui_workspace_sidebar_assets__input-element-label input[disabled], .main_ui_workspace_sidebar_assets__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_assets__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_assets__input-label, .main_ui_workspace_sidebar_assets__input-element span,
.main_ui_workspace_sidebar_assets__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_assets__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_assets__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_assets__input-element span svg,
.main_ui_workspace_sidebar_assets__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_assets__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_assets__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets__input-element:focus, .main_ui_workspace_sidebar_assets__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets__input-element:focus span, .main_ui_workspace_sidebar_assets__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets__input-element:focus input, .main_ui_workspace_sidebar_assets__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets__input-element:focus:hover, .main_ui_workspace_sidebar_assets__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets__input-element:focus:hover span, .main_ui_workspace_sidebar_assets__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets__input-element:focus:hover input, .main_ui_workspace_sidebar_assets__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_assets__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_assets__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_assets__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets__input-element-label:focus-within input, .main_ui_workspace_sidebar_assets__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_assets__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_assets__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets__input-with-label input:focus-within, .main_ui_workspace_sidebar_assets__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_assets__input-with-label input:focus-within input, .main_ui_workspace_sidebar_assets__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_assets__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_assets__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_assets__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_assets__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_assets__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_assets__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_assets__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_assets__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_assets__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_assets__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_assets__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_assets__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_assets__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_assets__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_assets__colorpicker-handler:hover, .main_ui_workspace_sidebar_assets__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_assets__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_assets__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_assets__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_assets__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_assets__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_assets__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_assets__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_assets__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_assets__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_assets__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_assets__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_assets__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_assets__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_assets__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_assets__assets-bar {
  display: grid;
  height: 100%;
  grid-auto-rows: max-content;
  height: calc(100vh - 5.75rem);
  scrollbar-gutter: stable;
  overflow-y: auto;
  padding-top: 0.5rem;
}

.main_ui_workspace_sidebar_assets__libraries-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  gap: 0.125rem;
  height: 2rem;
  width: 100%;
  margin-bottom: 0.25rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_assets__libraries-button: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);
}
.main_ui_workspace_sidebar_assets__libraries-button: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);
}

.main_ui_workspace_sidebar_assets__add-library-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  gap: 0.125rem;
  height: 2rem;
  width: 100%;
  margin-bottom: 0.25rem;
  border-radius: 0.5rem;
}

.main_ui_workspace_sidebar_assets__section-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
  height: 2rem;
  width: 2rem;
  margin: 0;
  border: 1px solid var(--input-border-color-rest);
  border-radius: 0.5rem 0.125rem 0.125rem 0.5rem;
  background-color: var(--input-background-color-rest);
}
.main_ui_workspace_sidebar_assets__section-button svg {
  height: 1rem;
  width: 1rem;
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_assets__section-button:focus {
  border: 1px solid var(--input-border-color-focus);
  outline: 0;
  background-color: var(--input-background-color-focus);
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets__section-button:focus svg {
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets__section-button:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets__section-button:hover svg {
  background-color: var(--input-background-color-hover);
  stroke: var(--button-foreground-hover);
}
.main_ui_workspace_sidebar_assets__section-button:hover:focus {
  border: 1px solid var(--input-border-color-focus);
  outline: 0;
  background-color: var(--input-background-color-focus);
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets__section-button:hover:focus svg {
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets__sections-container {
  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: 0.5rem;
  background-color: var(--menu-background-color);
  z-index: 2;
}

.main_ui_workspace_sidebar_assets__section-item {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
}

.main_ui_workspace_sidebar_assets__section-btn {
  border: none;
  background: none;
  cursor: pointer;
}

.main_ui_workspace_sidebar_assets__assets-header {
  padding: 0 0 1.5rem 0.75rem;
}

.main_ui_workspace_sidebar_assets__search-wrapper {
  display: flex;
  gap: 0.25rem;
}
@keyframes main_ui_workspace_sidebar_collapsable_button__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_collapsable_button__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_collapsable_button__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_collapsable_button__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_collapsable_button__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_collapsable_button__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_collapsable_button__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_collapsable_button__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_collapsable_button__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_collapsable_button__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_collapsable_button__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_collapsable_button__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_collapsable_button__button-primary, .main_ui_workspace_sidebar_collapsable_button__modal-danger-btn, .main_ui_workspace_sidebar_collapsable_button__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_collapsable_button__button-primary:focus-visible, .main_ui_workspace_sidebar_collapsable_button__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_collapsable_button__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_collapsable_button__button-primary:focus-visible svg, .main_ui_workspace_sidebar_collapsable_button__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_collapsable_button__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_collapsable_button__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_collapsable_button__button-primary svg, .main_ui_workspace_sidebar_collapsable_button__modal-danger-btn svg, .main_ui_workspace_sidebar_collapsable_button__modal-accept-btn svg,
.main_ui_workspace_sidebar_collapsable_button__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_collapsable_button__button-primary:hover, .main_ui_workspace_sidebar_collapsable_button__modal-danger-btn:hover, .main_ui_workspace_sidebar_collapsable_button__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_collapsable_button__button-primary:hover svg, .main_ui_workspace_sidebar_collapsable_button__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_collapsable_button__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_collapsable_button__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_collapsable_button__button-primary:active, .main_ui_workspace_sidebar_collapsable_button__modal-danger-btn:active, .main_ui_workspace_sidebar_collapsable_button__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_collapsable_button__button-primary:active svg, .main_ui_workspace_sidebar_collapsable_button__modal-danger-btn:active svg, .main_ui_workspace_sidebar_collapsable_button__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_collapsable_button__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_collapsable_button__button-primary.disabled, .main_ui_workspace_sidebar_collapsable_button__modal-danger-btn.disabled, .main_ui_workspace_sidebar_collapsable_button__modal-accept-btn.disabled, .main_ui_workspace_sidebar_collapsable_button__button-primary[disabled], [disabled].main_ui_workspace_sidebar_collapsable_button__modal-danger-btn, [disabled].main_ui_workspace_sidebar_collapsable_button__modal-accept-btn, .main_ui_workspace_sidebar_collapsable_button__button-primary:disabled, .main_ui_workspace_sidebar_collapsable_button__modal-danger-btn:disabled, .main_ui_workspace_sidebar_collapsable_button__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_collapsable_button__button-secondary, .main_ui_workspace_sidebar_collapsable_button__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_collapsable_button__button-secondary:focus-visible, .main_ui_workspace_sidebar_collapsable_button__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_collapsable_button__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_collapsable_button__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_collapsable_button__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_collapsable_button__button-secondary svg, .main_ui_workspace_sidebar_collapsable_button__modal-cancel-btn svg,
.main_ui_workspace_sidebar_collapsable_button__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_collapsable_button__button-secondary:hover, .main_ui_workspace_sidebar_collapsable_button__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_collapsable_button__button-secondary:hover svg, .main_ui_workspace_sidebar_collapsable_button__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_collapsable_button__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_collapsable_button__button-secondary:active, .main_ui_workspace_sidebar_collapsable_button__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_collapsable_button__button-secondary:active svg, .main_ui_workspace_sidebar_collapsable_button__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_collapsable_button__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_collapsable_button__button-secondary.disabled, .main_ui_workspace_sidebar_collapsable_button__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_collapsable_button__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_collapsable_button__modal-cancel-btn, .main_ui_workspace_sidebar_collapsable_button__button-secondary:disabled, .main_ui_workspace_sidebar_collapsable_button__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_collapsable_button__button-tertiary, .main_ui_workspace_sidebar_collapsable_button__attr-title button, .main_ui_workspace_sidebar_collapsable_button__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_collapsable_button__button-tertiary:focus-visible, .main_ui_workspace_sidebar_collapsable_button__attr-title button:focus-visible, .main_ui_workspace_sidebar_collapsable_button__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_collapsable_button__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_collapsable_button__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_collapsable_button__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_collapsable_button__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_collapsable_button__button-tertiary svg, .main_ui_workspace_sidebar_collapsable_button__attr-title button svg, .main_ui_workspace_sidebar_collapsable_button__modal-close-btn-base svg,
.main_ui_workspace_sidebar_collapsable_button__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_collapsable_button__button-tertiary:hover, .main_ui_workspace_sidebar_collapsable_button__attr-title button:hover, .main_ui_workspace_sidebar_collapsable_button__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_collapsable_button__button-tertiary:hover svg, .main_ui_workspace_sidebar_collapsable_button__attr-title button:hover svg, .main_ui_workspace_sidebar_collapsable_button__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_collapsable_button__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_collapsable_button__button-tertiary:active, .main_ui_workspace_sidebar_collapsable_button__attr-title button:active, .main_ui_workspace_sidebar_collapsable_button__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_collapsable_button__button-tertiary:active svg, .main_ui_workspace_sidebar_collapsable_button__attr-title button:active svg, .main_ui_workspace_sidebar_collapsable_button__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_collapsable_button__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_collapsable_button__button-tertiary.disabled, .main_ui_workspace_sidebar_collapsable_button__attr-title button.disabled, .main_ui_workspace_sidebar_collapsable_button__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_collapsable_button__button-tertiary[disabled], .main_ui_workspace_sidebar_collapsable_button__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_collapsable_button__modal-close-btn-base, .main_ui_workspace_sidebar_collapsable_button__button-tertiary:disabled, .main_ui_workspace_sidebar_collapsable_button__attr-title button:disabled, .main_ui_workspace_sidebar_collapsable_button__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_collapsable_button__button-tertiary.disabled svg, .main_ui_workspace_sidebar_collapsable_button__attr-title button.disabled svg, .main_ui_workspace_sidebar_collapsable_button__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_collapsable_button__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_collapsable_button__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_collapsable_button__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_collapsable_button__modal-close-btn-base svg,
.main_ui_workspace_sidebar_collapsable_button__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_collapsable_button__button-tertiary:disabled svg, .main_ui_workspace_sidebar_collapsable_button__attr-title button:disabled svg, .main_ui_workspace_sidebar_collapsable_button__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_collapsable_button__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_collapsable_button__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_collapsable_button__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_collapsable_button__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_collapsable_button__button-radio: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);
}
.main_ui_workspace_sidebar_collapsable_button__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_collapsable_button__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_collapsable_button__button-radio svg,
.main_ui_workspace_sidebar_collapsable_button__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_collapsable_button__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_collapsable_button__button-radio:hover svg,
.main_ui_workspace_sidebar_collapsable_button__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_collapsable_button__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_collapsable_button__button-radio:active svg,
.main_ui_workspace_sidebar_collapsable_button__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_collapsable_button__button-warning {
  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);
}

.main_ui_workspace_sidebar_collapsable_button__button-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;
}

.main_ui_workspace_sidebar_collapsable_button__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_collapsable_button__button-tag: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);
}
.main_ui_workspace_sidebar_collapsable_button__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_collapsable_button__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_collapsable_button__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_collapsable_button__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_collapsable_button__button-icon, .main_ui_workspace_sidebar_collapsable_button__empty-icon svg, .main_ui_workspace_sidebar_collapsable_button__modal-close-btn-base svg, .main_ui_workspace_sidebar_collapsable_button__button-icon-small, .main_ui_workspace_sidebar_collapsable_button__dropdown-element-base span svg, .main_ui_workspace_sidebar_collapsable_button__attr-title button svg, .main_ui_workspace_sidebar_collapsable_button__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_collapsable_button__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_collapsable_button__checkbox-icon.checked svg, .main_ui_workspace_sidebar_collapsable_button__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_collapsable_button__input-element span svg,
.main_ui_workspace_sidebar_collapsable_button__input-element label svg, .main_ui_workspace_sidebar_collapsable_button__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_collapsable_button__button-icon-small, .main_ui_workspace_sidebar_collapsable_button__dropdown-element-base span svg, .main_ui_workspace_sidebar_collapsable_button__attr-title button svg, .main_ui_workspace_sidebar_collapsable_button__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_collapsable_button__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_collapsable_button__checkbox-icon.checked svg, .main_ui_workspace_sidebar_collapsable_button__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_collapsable_button__input-element span svg,
.main_ui_workspace_sidebar_collapsable_button__input-element label svg, .main_ui_workspace_sidebar_collapsable_button__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_collapsable_button__input-base, .main_ui_workspace_sidebar_collapsable_button__input-with-label input, .main_ui_workspace_sidebar_collapsable_button__input-element-label input, .main_ui_workspace_sidebar_collapsable_button__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_collapsable_button__input-base[disabled], .main_ui_workspace_sidebar_collapsable_button__input-with-label input[disabled], .main_ui_workspace_sidebar_collapsable_button__input-element-label input[disabled], .main_ui_workspace_sidebar_collapsable_button__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_collapsable_button__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_collapsable_button__input-label, .main_ui_workspace_sidebar_collapsable_button__input-element span,
.main_ui_workspace_sidebar_collapsable_button__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_collapsable_button__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_collapsable_button__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_collapsable_button__input-element span svg,
.main_ui_workspace_sidebar_collapsable_button__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_collapsable_button__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_collapsable_button__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_collapsable_button__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_collapsable_button__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_collapsable_button__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_collapsable_button__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_collapsable_button__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_collapsable_button__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_collapsable_button__input-element:focus, .main_ui_workspace_sidebar_collapsable_button__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_collapsable_button__input-element:focus span, .main_ui_workspace_sidebar_collapsable_button__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_collapsable_button__input-element:focus input, .main_ui_workspace_sidebar_collapsable_button__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_collapsable_button__input-element:focus:hover, .main_ui_workspace_sidebar_collapsable_button__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_collapsable_button__input-element:focus:hover span, .main_ui_workspace_sidebar_collapsable_button__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_collapsable_button__input-element:focus:hover input, .main_ui_workspace_sidebar_collapsable_button__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_collapsable_button__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_collapsable_button__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_collapsable_button__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_collapsable_button__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_collapsable_button__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_collapsable_button__input-element-label:focus-within input, .main_ui_workspace_sidebar_collapsable_button__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_collapsable_button__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_collapsable_button__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_collapsable_button__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_collapsable_button__input-with-label input:focus-within, .main_ui_workspace_sidebar_collapsable_button__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_collapsable_button__input-with-label input:focus-within input, .main_ui_workspace_sidebar_collapsable_button__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_collapsable_button__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_collapsable_button__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_collapsable_button__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_collapsable_button__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_collapsable_button__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_collapsable_button__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_collapsable_button__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_collapsable_button__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_collapsable_button__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_collapsable_button__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_collapsable_button__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_collapsable_button__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_collapsable_button__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_collapsable_button__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_collapsable_button__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_collapsable_button__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_collapsable_button__colorpicker-handler:hover, .main_ui_workspace_sidebar_collapsable_button__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_collapsable_button__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_collapsable_button__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_collapsable_button__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_collapsable_button__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_collapsable_button__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_collapsable_button__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_collapsable_button__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_collapsable_button__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_collapsable_button__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_collapsable_button__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_collapsable_button__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_collapsable_button__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_collapsable_button__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_collapsable_button__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_collapsable_button__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_collapsable_button__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_collapsable_button__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_collapsable_button__collapsed-sidebar {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 3rem;
  left: 0;
  padding: 0.25rem;
  border-radius: 0.5rem;
  background: var(--color-background-primary);
  margin-inline-start: var(--sp-m);
}

.main_ui_workspace_sidebar_collapsable_button__collapsed-title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.25rem;
  width: 1.5rem;
  border-radius: 0.5rem;
  background: var(--color-background-secondary);
}

.main_ui_workspace_sidebar_collapsable_button__collapsed-button {
  border: none;
  background: none;
  cursor: pointer;
  height: 1.5rem;
  width: 1rem;
  padding: 0;
  border-radius: 0.313rem;
}
.main_ui_workspace_sidebar_collapsable_button__collapsed-button svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_collapsable_button__collapsed-button:hover svg {
  stroke: var(--icon-foreground-hover);
}
@keyframes main_ui_workspace_sidebar_debug__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_debug__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_debug__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_debug__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_debug__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_debug__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_debug__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_debug__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_debug__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_debug__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_debug__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_debug__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_debug__button-primary, .main_ui_workspace_sidebar_debug__modal-danger-btn, .main_ui_workspace_sidebar_debug__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_debug__button-primary:focus-visible, .main_ui_workspace_sidebar_debug__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_debug__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_debug__button-primary:focus-visible svg, .main_ui_workspace_sidebar_debug__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_debug__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_debug__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug__button-primary svg, .main_ui_workspace_sidebar_debug__modal-danger-btn svg, .main_ui_workspace_sidebar_debug__modal-accept-btn svg,
.main_ui_workspace_sidebar_debug__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_debug__button-primary:hover, .main_ui_workspace_sidebar_debug__modal-danger-btn:hover, .main_ui_workspace_sidebar_debug__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_debug__button-primary:hover svg, .main_ui_workspace_sidebar_debug__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_debug__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_debug__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_debug__button-primary:active, .main_ui_workspace_sidebar_debug__modal-danger-btn:active, .main_ui_workspace_sidebar_debug__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_debug__button-primary:active svg, .main_ui_workspace_sidebar_debug__modal-danger-btn:active svg, .main_ui_workspace_sidebar_debug__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_debug__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_debug__button-primary.disabled, .main_ui_workspace_sidebar_debug__modal-danger-btn.disabled, .main_ui_workspace_sidebar_debug__modal-accept-btn.disabled, .main_ui_workspace_sidebar_debug__button-primary[disabled], [disabled].main_ui_workspace_sidebar_debug__modal-danger-btn, [disabled].main_ui_workspace_sidebar_debug__modal-accept-btn, .main_ui_workspace_sidebar_debug__button-primary:disabled, .main_ui_workspace_sidebar_debug__modal-danger-btn:disabled, .main_ui_workspace_sidebar_debug__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_debug__button-secondary, .main_ui_workspace_sidebar_debug__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_debug__button-secondary:focus-visible, .main_ui_workspace_sidebar_debug__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_debug__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_debug__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug__button-secondary svg, .main_ui_workspace_sidebar_debug__modal-cancel-btn svg,
.main_ui_workspace_sidebar_debug__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_debug__button-secondary:hover, .main_ui_workspace_sidebar_debug__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_debug__button-secondary:hover svg, .main_ui_workspace_sidebar_debug__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_debug__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_debug__button-secondary:active, .main_ui_workspace_sidebar_debug__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_debug__button-secondary:active svg, .main_ui_workspace_sidebar_debug__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_debug__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_debug__button-secondary.disabled, .main_ui_workspace_sidebar_debug__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_debug__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_debug__modal-cancel-btn, .main_ui_workspace_sidebar_debug__button-secondary:disabled, .main_ui_workspace_sidebar_debug__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_debug__button-tertiary, .main_ui_workspace_sidebar_debug__attr-title button, .main_ui_workspace_sidebar_debug__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_debug__button-tertiary:focus-visible, .main_ui_workspace_sidebar_debug__attr-title button:focus-visible, .main_ui_workspace_sidebar_debug__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_debug__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_debug__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_debug__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_debug__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug__button-tertiary svg, .main_ui_workspace_sidebar_debug__attr-title button svg, .main_ui_workspace_sidebar_debug__modal-close-btn-base svg,
.main_ui_workspace_sidebar_debug__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_debug__button-tertiary:hover, .main_ui_workspace_sidebar_debug__attr-title button:hover, .main_ui_workspace_sidebar_debug__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_debug__button-tertiary:hover svg, .main_ui_workspace_sidebar_debug__attr-title button:hover svg, .main_ui_workspace_sidebar_debug__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_debug__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_debug__button-tertiary:active, .main_ui_workspace_sidebar_debug__attr-title button:active, .main_ui_workspace_sidebar_debug__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_debug__button-tertiary:active svg, .main_ui_workspace_sidebar_debug__attr-title button:active svg, .main_ui_workspace_sidebar_debug__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_debug__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_debug__button-tertiary.disabled, .main_ui_workspace_sidebar_debug__attr-title button.disabled, .main_ui_workspace_sidebar_debug__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_debug__button-tertiary[disabled], .main_ui_workspace_sidebar_debug__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_debug__modal-close-btn-base, .main_ui_workspace_sidebar_debug__button-tertiary:disabled, .main_ui_workspace_sidebar_debug__attr-title button:disabled, .main_ui_workspace_sidebar_debug__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_debug__button-tertiary.disabled svg, .main_ui_workspace_sidebar_debug__attr-title button.disabled svg, .main_ui_workspace_sidebar_debug__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_debug__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_debug__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_debug__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_debug__modal-close-btn-base svg,
.main_ui_workspace_sidebar_debug__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_debug__button-tertiary:disabled svg, .main_ui_workspace_sidebar_debug__attr-title button:disabled svg, .main_ui_workspace_sidebar_debug__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_debug__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_debug__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_debug__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_debug__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_debug__button-radio: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);
}
.main_ui_workspace_sidebar_debug__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_debug__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug__button-radio svg,
.main_ui_workspace_sidebar_debug__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_debug__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_debug__button-radio:hover svg,
.main_ui_workspace_sidebar_debug__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_debug__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_debug__button-radio:active svg,
.main_ui_workspace_sidebar_debug__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_debug__button-warning {
  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);
}

.main_ui_workspace_sidebar_debug__button-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;
}

.main_ui_workspace_sidebar_debug__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_debug__button-tag: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);
}
.main_ui_workspace_sidebar_debug__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_debug__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_debug__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_debug__button-icon, .main_ui_workspace_sidebar_debug__empty-icon svg, .main_ui_workspace_sidebar_debug__modal-close-btn-base svg, .main_ui_workspace_sidebar_debug__button-icon-small, .main_ui_workspace_sidebar_debug__dropdown-element-base span svg, .main_ui_workspace_sidebar_debug__attr-title button svg, .main_ui_workspace_sidebar_debug__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_debug__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_debug__checkbox-wrapper label span.intermediate svg, .main_ui_workspace_sidebar_debug__checkbox-icon.checked svg, .main_ui_workspace_sidebar_debug__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_debug__checkbox-wrapper label span.checked svg, .main_ui_workspace_sidebar_debug__input-element span svg,
.main_ui_workspace_sidebar_debug__input-element label svg, .main_ui_workspace_sidebar_debug__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_debug__button-icon-small, .main_ui_workspace_sidebar_debug__dropdown-element-base span svg, .main_ui_workspace_sidebar_debug__attr-title button svg, .main_ui_workspace_sidebar_debug__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_debug__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_debug__checkbox-wrapper label span.intermediate svg, .main_ui_workspace_sidebar_debug__checkbox-icon.checked svg, .main_ui_workspace_sidebar_debug__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_debug__checkbox-wrapper label span.checked svg, .main_ui_workspace_sidebar_debug__input-element span svg,
.main_ui_workspace_sidebar_debug__input-element label svg, .main_ui_workspace_sidebar_debug__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_debug__input-base, .main_ui_workspace_sidebar_debug__input-with-label input, .main_ui_workspace_sidebar_debug__input-element-label input, .main_ui_workspace_sidebar_debug__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_debug__input-base[disabled], .main_ui_workspace_sidebar_debug__input-with-label input[disabled], .main_ui_workspace_sidebar_debug__input-element-label input[disabled], .main_ui_workspace_sidebar_debug__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_debug__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_debug__input-label, .main_ui_workspace_sidebar_debug__input-element span,
.main_ui_workspace_sidebar_debug__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_debug__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_debug__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_debug__input-element span svg,
.main_ui_workspace_sidebar_debug__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_debug__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_debug__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_debug__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_debug__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_debug__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_debug__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_debug__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_debug__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_debug__input-element:focus, .main_ui_workspace_sidebar_debug__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_debug__input-element:focus span, .main_ui_workspace_sidebar_debug__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug__input-element:focus input, .main_ui_workspace_sidebar_debug__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug__input-element:focus:hover, .main_ui_workspace_sidebar_debug__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_debug__input-element:focus:hover span, .main_ui_workspace_sidebar_debug__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug__input-element:focus:hover input, .main_ui_workspace_sidebar_debug__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_debug__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_debug__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_debug__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_debug__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_debug__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_debug__input-element-label:focus-within input, .main_ui_workspace_sidebar_debug__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

.main_ui_workspace_sidebar_debug__input-checkbox, .main_ui_workspace_sidebar_debug__checkbox-wrapper {
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_debug__input-checkbox label, .main_ui_workspace_sidebar_debug__checkbox-wrapper label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_sidebar_debug__input-checkbox label input, .main_ui_workspace_sidebar_debug__checkbox-wrapper label input {
  margin: 0;
}
.main_ui_workspace_sidebar_debug__input-checkbox label:hover span, .main_ui_workspace_sidebar_debug__checkbox-wrapper label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_debug__input-checkbox label:focus span, .main_ui_workspace_sidebar_debug__checkbox-wrapper label:focus span, .main_ui_workspace_sidebar_debug__input-checkbox label:focus-within span, .main_ui_workspace_sidebar_debug__checkbox-wrapper label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_sidebar_debug__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_debug__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_debug__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_debug__input-with-label input:focus-within, .main_ui_workspace_sidebar_debug__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_debug__input-with-label input:focus-within input, .main_ui_workspace_sidebar_debug__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_debug__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_debug__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_debug__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_debug__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_debug__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_debug__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_debug__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_debug__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_debug__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_debug__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_debug__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_debug__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_debug__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_debug__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_debug__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_debug__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_debug__colorpicker-handler:hover, .main_ui_workspace_sidebar_debug__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_debug__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_debug__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_debug__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_debug__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_debug__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_debug__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_debug__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_debug__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_debug__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_debug__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_debug__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_debug__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_debug__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_debug__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_debug__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_debug__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_debug__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_debug__debug-panel {
  display: flex;
  flex-direction: column;
  background-color: var(--panel-background-color);
}

.main_ui_workspace_sidebar_debug__panel-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  position: relative;
  height: 2rem;
  min-height: 2rem;
  margin: 0.5rem 0.5rem 0 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--panel-title-background-color);
}
.main_ui_workspace_sidebar_debug__panel-title span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  color: var(--title-foreground-color-hover);
}

.main_ui_workspace_sidebar_debug__checkbox-wrapper {
  height: 2rem;
  padding: 0;
}

.main_ui_workspace_sidebar_debug__checkbox-icon {
  cursor: pointer;
}

.main_ui_workspace_sidebar_debug__debug-panel-inner {
  padding: 1rem 0.5rem;
}
@keyframes main_ui_workspace_sidebar_debug_shape_info__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_debug_shape_info__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_debug_shape_info__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_debug_shape_info__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_debug_shape_info__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_debug_shape_info__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_debug_shape_info__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_debug_shape_info__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_debug_shape_info__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_debug_shape_info__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_debug_shape_info__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_debug_shape_info__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_debug_shape_info__button-primary, .main_ui_workspace_sidebar_debug_shape_info__modal-danger-btn, .main_ui_workspace_sidebar_debug_shape_info__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_debug_shape_info__button-primary:focus-visible, .main_ui_workspace_sidebar_debug_shape_info__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_debug_shape_info__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_debug_shape_info__button-primary:focus-visible svg, .main_ui_workspace_sidebar_debug_shape_info__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_debug_shape_info__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_debug_shape_info__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug_shape_info__button-primary svg, .main_ui_workspace_sidebar_debug_shape_info__modal-danger-btn svg, .main_ui_workspace_sidebar_debug_shape_info__modal-accept-btn svg,
.main_ui_workspace_sidebar_debug_shape_info__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_debug_shape_info__button-primary:hover, .main_ui_workspace_sidebar_debug_shape_info__modal-danger-btn:hover, .main_ui_workspace_sidebar_debug_shape_info__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_debug_shape_info__button-primary:hover svg, .main_ui_workspace_sidebar_debug_shape_info__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_debug_shape_info__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_debug_shape_info__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_debug_shape_info__button-primary:active, .main_ui_workspace_sidebar_debug_shape_info__modal-danger-btn:active, .main_ui_workspace_sidebar_debug_shape_info__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_debug_shape_info__button-primary:active svg, .main_ui_workspace_sidebar_debug_shape_info__modal-danger-btn:active svg, .main_ui_workspace_sidebar_debug_shape_info__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_debug_shape_info__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_debug_shape_info__button-primary.disabled, .main_ui_workspace_sidebar_debug_shape_info__modal-danger-btn.disabled, .main_ui_workspace_sidebar_debug_shape_info__modal-accept-btn.disabled, .main_ui_workspace_sidebar_debug_shape_info__button-primary[disabled], [disabled].main_ui_workspace_sidebar_debug_shape_info__modal-danger-btn, [disabled].main_ui_workspace_sidebar_debug_shape_info__modal-accept-btn, .main_ui_workspace_sidebar_debug_shape_info__button-primary:disabled, .main_ui_workspace_sidebar_debug_shape_info__modal-danger-btn:disabled, .main_ui_workspace_sidebar_debug_shape_info__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_debug_shape_info__button-secondary, .main_ui_workspace_sidebar_debug_shape_info__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_debug_shape_info__button-secondary:focus-visible, .main_ui_workspace_sidebar_debug_shape_info__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug_shape_info__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_debug_shape_info__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_debug_shape_info__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug_shape_info__button-secondary svg, .main_ui_workspace_sidebar_debug_shape_info__modal-cancel-btn svg,
.main_ui_workspace_sidebar_debug_shape_info__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_debug_shape_info__button-secondary:hover, .main_ui_workspace_sidebar_debug_shape_info__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_debug_shape_info__button-secondary:hover svg, .main_ui_workspace_sidebar_debug_shape_info__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_debug_shape_info__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_debug_shape_info__button-secondary:active, .main_ui_workspace_sidebar_debug_shape_info__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_debug_shape_info__button-secondary:active svg, .main_ui_workspace_sidebar_debug_shape_info__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_debug_shape_info__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_debug_shape_info__button-secondary.disabled, .main_ui_workspace_sidebar_debug_shape_info__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_debug_shape_info__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_debug_shape_info__modal-cancel-btn, .main_ui_workspace_sidebar_debug_shape_info__button-secondary:disabled, .main_ui_workspace_sidebar_debug_shape_info__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_debug_shape_info__button-tertiary, .main_ui_workspace_sidebar_debug_shape_info__close-button, .main_ui_workspace_sidebar_debug_shape_info__attr-title button, .main_ui_workspace_sidebar_debug_shape_info__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_debug_shape_info__button-tertiary:focus-visible, .main_ui_workspace_sidebar_debug_shape_info__close-button:focus-visible, .main_ui_workspace_sidebar_debug_shape_info__attr-title button:focus-visible, .main_ui_workspace_sidebar_debug_shape_info__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_debug_shape_info__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_debug_shape_info__close-button:focus-visible svg, .main_ui_workspace_sidebar_debug_shape_info__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_debug_shape_info__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_debug_shape_info__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug_shape_info__button-tertiary svg, .main_ui_workspace_sidebar_debug_shape_info__close-button svg, .main_ui_workspace_sidebar_debug_shape_info__attr-title button svg, .main_ui_workspace_sidebar_debug_shape_info__modal-close-btn-base svg,
.main_ui_workspace_sidebar_debug_shape_info__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_debug_shape_info__button-tertiary:hover, .main_ui_workspace_sidebar_debug_shape_info__close-button:hover, .main_ui_workspace_sidebar_debug_shape_info__attr-title button:hover, .main_ui_workspace_sidebar_debug_shape_info__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_debug_shape_info__button-tertiary:hover svg, .main_ui_workspace_sidebar_debug_shape_info__close-button:hover svg, .main_ui_workspace_sidebar_debug_shape_info__attr-title button:hover svg, .main_ui_workspace_sidebar_debug_shape_info__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_debug_shape_info__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_debug_shape_info__button-tertiary:active, .main_ui_workspace_sidebar_debug_shape_info__close-button:active, .main_ui_workspace_sidebar_debug_shape_info__attr-title button:active, .main_ui_workspace_sidebar_debug_shape_info__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_debug_shape_info__button-tertiary:active svg, .main_ui_workspace_sidebar_debug_shape_info__close-button:active svg, .main_ui_workspace_sidebar_debug_shape_info__attr-title button:active svg, .main_ui_workspace_sidebar_debug_shape_info__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_debug_shape_info__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_debug_shape_info__button-tertiary.disabled, .main_ui_workspace_sidebar_debug_shape_info__close-button.disabled, .main_ui_workspace_sidebar_debug_shape_info__attr-title button.disabled, .main_ui_workspace_sidebar_debug_shape_info__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_debug_shape_info__button-tertiary[disabled], [disabled].main_ui_workspace_sidebar_debug_shape_info__close-button, .main_ui_workspace_sidebar_debug_shape_info__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_debug_shape_info__modal-close-btn-base, .main_ui_workspace_sidebar_debug_shape_info__button-tertiary:disabled, .main_ui_workspace_sidebar_debug_shape_info__close-button:disabled, .main_ui_workspace_sidebar_debug_shape_info__attr-title button:disabled, .main_ui_workspace_sidebar_debug_shape_info__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_debug_shape_info__button-tertiary.disabled svg, .main_ui_workspace_sidebar_debug_shape_info__close-button.disabled svg, .main_ui_workspace_sidebar_debug_shape_info__attr-title button.disabled svg, .main_ui_workspace_sidebar_debug_shape_info__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_debug_shape_info__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_debug_shape_info__button-tertiary[disabled] svg, [disabled].main_ui_workspace_sidebar_debug_shape_info__close-button svg, .main_ui_workspace_sidebar_debug_shape_info__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_debug_shape_info__modal-close-btn-base svg,
.main_ui_workspace_sidebar_debug_shape_info__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_debug_shape_info__button-tertiary:disabled svg, .main_ui_workspace_sidebar_debug_shape_info__close-button:disabled svg, .main_ui_workspace_sidebar_debug_shape_info__attr-title button:disabled svg, .main_ui_workspace_sidebar_debug_shape_info__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_debug_shape_info__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_debug_shape_info__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_debug_shape_info__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_debug_shape_info__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_debug_shape_info__button-radio: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);
}
.main_ui_workspace_sidebar_debug_shape_info__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_debug_shape_info__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug_shape_info__button-radio svg,
.main_ui_workspace_sidebar_debug_shape_info__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_debug_shape_info__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_debug_shape_info__button-radio:hover svg,
.main_ui_workspace_sidebar_debug_shape_info__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_debug_shape_info__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_debug_shape_info__button-radio:active svg,
.main_ui_workspace_sidebar_debug_shape_info__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_debug_shape_info__button-warning {
  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);
}

.main_ui_workspace_sidebar_debug_shape_info__button-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;
}

.main_ui_workspace_sidebar_debug_shape_info__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_debug_shape_info__button-tag: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);
}
.main_ui_workspace_sidebar_debug_shape_info__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_debug_shape_info__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug_shape_info__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_debug_shape_info__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_debug_shape_info__button-icon, .main_ui_workspace_sidebar_debug_shape_info__close-button svg, .main_ui_workspace_sidebar_debug_shape_info__empty-icon svg, .main_ui_workspace_sidebar_debug_shape_info__modal-close-btn-base svg, .main_ui_workspace_sidebar_debug_shape_info__button-icon-small, .main_ui_workspace_sidebar_debug_shape_info__dropdown-element-base span svg, .main_ui_workspace_sidebar_debug_shape_info__attr-title button svg, .main_ui_workspace_sidebar_debug_shape_info__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_debug_shape_info__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_debug_shape_info__checkbox-icon.checked svg, .main_ui_workspace_sidebar_debug_shape_info__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_debug_shape_info__input-element span svg,
.main_ui_workspace_sidebar_debug_shape_info__input-element label svg, .main_ui_workspace_sidebar_debug_shape_info__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_debug_shape_info__button-icon-small, .main_ui_workspace_sidebar_debug_shape_info__dropdown-element-base span svg, .main_ui_workspace_sidebar_debug_shape_info__attr-title button svg, .main_ui_workspace_sidebar_debug_shape_info__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_debug_shape_info__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_debug_shape_info__checkbox-icon.checked svg, .main_ui_workspace_sidebar_debug_shape_info__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_debug_shape_info__input-element span svg,
.main_ui_workspace_sidebar_debug_shape_info__input-element label svg, .main_ui_workspace_sidebar_debug_shape_info__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_debug_shape_info__input-base, .main_ui_workspace_sidebar_debug_shape_info__input-with-label input, .main_ui_workspace_sidebar_debug_shape_info__input-element-label input, .main_ui_workspace_sidebar_debug_shape_info__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_debug_shape_info__input-base[disabled], .main_ui_workspace_sidebar_debug_shape_info__input-with-label input[disabled], .main_ui_workspace_sidebar_debug_shape_info__input-element-label input[disabled], .main_ui_workspace_sidebar_debug_shape_info__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_debug_shape_info__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_debug_shape_info__input-label, .main_ui_workspace_sidebar_debug_shape_info__input-element span,
.main_ui_workspace_sidebar_debug_shape_info__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_debug_shape_info__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element span svg,
.main_ui_workspace_sidebar_debug_shape_info__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element:focus, .main_ui_workspace_sidebar_debug_shape_info__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element:focus span, .main_ui_workspace_sidebar_debug_shape_info__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element:focus input, .main_ui_workspace_sidebar_debug_shape_info__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element:focus:hover, .main_ui_workspace_sidebar_debug_shape_info__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element:focus:hover span, .main_ui_workspace_sidebar_debug_shape_info__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element:focus:hover input, .main_ui_workspace_sidebar_debug_shape_info__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_debug_shape_info__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_debug_shape_info__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_debug_shape_info__input-element-label:focus-within input, .main_ui_workspace_sidebar_debug_shape_info__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_debug_shape_info__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_debug_shape_info__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_debug_shape_info__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_debug_shape_info__input-with-label input:focus-within, .main_ui_workspace_sidebar_debug_shape_info__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_debug_shape_info__input-with-label input:focus-within input, .main_ui_workspace_sidebar_debug_shape_info__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_debug_shape_info__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_debug_shape_info__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_debug_shape_info__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_debug_shape_info__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_debug_shape_info__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_debug_shape_info__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_debug_shape_info__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_debug_shape_info__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_debug_shape_info__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_debug_shape_info__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_debug_shape_info__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_debug_shape_info__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_debug_shape_info__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_debug_shape_info__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_debug_shape_info__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_debug_shape_info__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_debug_shape_info__colorpicker-handler:hover, .main_ui_workspace_sidebar_debug_shape_info__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_debug_shape_info__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_debug_shape_info__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_debug_shape_info__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_debug_shape_info__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_debug_shape_info__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_debug_shape_info__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_debug_shape_info__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_debug_shape_info__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_debug_shape_info__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_debug_shape_info__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_debug_shape_info__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_debug_shape_info__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_debug_shape_info__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_debug_shape_info__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_debug_shape_info__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_debug_shape_info__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_debug_shape_info__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_debug_shape_info__shape-info {
  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;
}

.main_ui_workspace_sidebar_debug_shape_info__shape-info-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  position: relative;
  height: 2rem;
  min-height: 2rem;
  margin: 0.5rem 0.5rem 0 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--panel-title-background-color);
}
.main_ui_workspace_sidebar_debug_shape_info__shape-info-title span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  color: var(--title-foreground-color-hover);
}

.main_ui_workspace_sidebar_debug_shape_info__close-button {
  position: absolute;
  right: 0.125rem;
  top: 0.125rem;
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 0.375rem;
}
.main_ui_workspace_sidebar_debug_shape_info__close-button svg {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_sidebar_debug_shape_info__attrs-container {
  padding: 1rem 0.5rem;
  overflow: hidden;
}

.main_ui_workspace_sidebar_debug_shape_info__shape-title {
  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;
}

.main_ui_workspace_sidebar_debug_shape_info__shape-name {
  flex: 1;
}

.main_ui_workspace_sidebar_debug_shape_info__attrs-container-attr {
  display: grid;
  grid-template-columns: 25% auto;
  padding: 0.25rem 0;
}
.main_ui_workspace_sidebar_debug_shape_info__attrs-container-attr.main_ui_workspace_sidebar_debug_shape_info__vertical-layout {
  grid-template-columns: auto;
  grid-template-rows: auto 1fr;
}

.main_ui_workspace_sidebar_debug_shape_info__shape-attrs {
  overflow: auto;
  height: calc(100% - 8px);
  padding-bottom: 8px;
}

.main_ui_workspace_sidebar_debug_shape_info__shape-link {
  color: var(--color-foreground-primary);
  text-decoration: underline;
}

.main_ui_workspace_sidebar_debug_shape_info__shape-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_debug_shape_info__point-list {
  display: flex;
  gap: 0.5rem;
}

.main_ui_workspace_sidebar_debug_shape_info__cell-container {
  display: grid;
  grid-template-columns: 100px 1fr;
}
@keyframes main_ui_workspace_sidebar_history__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_history__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_history__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_history__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_history__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_history__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_history__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_history__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_history__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_history__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_history__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_history__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_history__button-primary, .main_ui_workspace_sidebar_history__modal-danger-btn, .main_ui_workspace_sidebar_history__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_history__button-primary:focus-visible, .main_ui_workspace_sidebar_history__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_history__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_history__button-primary:focus-visible svg, .main_ui_workspace_sidebar_history__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_history__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_history__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_history__button-primary svg, .main_ui_workspace_sidebar_history__modal-danger-btn svg, .main_ui_workspace_sidebar_history__modal-accept-btn svg,
.main_ui_workspace_sidebar_history__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_history__button-primary:hover, .main_ui_workspace_sidebar_history__modal-danger-btn:hover, .main_ui_workspace_sidebar_history__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_history__button-primary:hover svg, .main_ui_workspace_sidebar_history__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_history__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_history__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_history__button-primary:active, .main_ui_workspace_sidebar_history__modal-danger-btn:active, .main_ui_workspace_sidebar_history__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_history__button-primary:active svg, .main_ui_workspace_sidebar_history__modal-danger-btn:active svg, .main_ui_workspace_sidebar_history__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_history__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_history__button-primary.disabled, .main_ui_workspace_sidebar_history__modal-danger-btn.disabled, .main_ui_workspace_sidebar_history__modal-accept-btn.disabled, .main_ui_workspace_sidebar_history__button-primary[disabled], [disabled].main_ui_workspace_sidebar_history__modal-danger-btn, [disabled].main_ui_workspace_sidebar_history__modal-accept-btn, .main_ui_workspace_sidebar_history__button-primary:disabled, .main_ui_workspace_sidebar_history__modal-danger-btn:disabled, .main_ui_workspace_sidebar_history__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_history__button-secondary, .main_ui_workspace_sidebar_history__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_history__button-secondary:focus-visible, .main_ui_workspace_sidebar_history__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_history__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_history__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_history__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_history__button-secondary svg, .main_ui_workspace_sidebar_history__modal-cancel-btn svg,
.main_ui_workspace_sidebar_history__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_history__button-secondary:hover, .main_ui_workspace_sidebar_history__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_history__button-secondary:hover svg, .main_ui_workspace_sidebar_history__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_history__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_history__button-secondary:active, .main_ui_workspace_sidebar_history__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_history__button-secondary:active svg, .main_ui_workspace_sidebar_history__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_history__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_history__button-secondary.disabled, .main_ui_workspace_sidebar_history__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_history__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_history__modal-cancel-btn, .main_ui_workspace_sidebar_history__button-secondary:disabled, .main_ui_workspace_sidebar_history__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_history__button-tertiary, .main_ui_workspace_sidebar_history__attr-title button, .main_ui_workspace_sidebar_history__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_history__button-tertiary:focus-visible, .main_ui_workspace_sidebar_history__attr-title button:focus-visible, .main_ui_workspace_sidebar_history__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_history__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_history__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_history__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_history__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_history__button-tertiary svg, .main_ui_workspace_sidebar_history__attr-title button svg, .main_ui_workspace_sidebar_history__modal-close-btn-base svg,
.main_ui_workspace_sidebar_history__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_history__button-tertiary:hover, .main_ui_workspace_sidebar_history__attr-title button:hover, .main_ui_workspace_sidebar_history__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_history__button-tertiary:hover svg, .main_ui_workspace_sidebar_history__attr-title button:hover svg, .main_ui_workspace_sidebar_history__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_history__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_history__button-tertiary:active, .main_ui_workspace_sidebar_history__attr-title button:active, .main_ui_workspace_sidebar_history__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_history__button-tertiary:active svg, .main_ui_workspace_sidebar_history__attr-title button:active svg, .main_ui_workspace_sidebar_history__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_history__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_history__button-tertiary.disabled, .main_ui_workspace_sidebar_history__attr-title button.disabled, .main_ui_workspace_sidebar_history__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_history__button-tertiary[disabled], .main_ui_workspace_sidebar_history__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_history__modal-close-btn-base, .main_ui_workspace_sidebar_history__button-tertiary:disabled, .main_ui_workspace_sidebar_history__attr-title button:disabled, .main_ui_workspace_sidebar_history__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_history__button-tertiary.disabled svg, .main_ui_workspace_sidebar_history__attr-title button.disabled svg, .main_ui_workspace_sidebar_history__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_history__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_history__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_history__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_history__modal-close-btn-base svg,
.main_ui_workspace_sidebar_history__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_history__button-tertiary:disabled svg, .main_ui_workspace_sidebar_history__attr-title button:disabled svg, .main_ui_workspace_sidebar_history__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_history__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_history__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_history__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_history__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_history__button-radio: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);
}
.main_ui_workspace_sidebar_history__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_history__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_history__button-radio svg,
.main_ui_workspace_sidebar_history__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_history__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_history__button-radio:hover svg,
.main_ui_workspace_sidebar_history__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_history__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_history__button-radio:active svg,
.main_ui_workspace_sidebar_history__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_history__button-warning {
  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);
}

.main_ui_workspace_sidebar_history__button-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;
}

.main_ui_workspace_sidebar_history__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_history__button-tag: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);
}
.main_ui_workspace_sidebar_history__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_history__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_history__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_history__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_history__button-icon, .main_ui_workspace_sidebar_history__empty-icon svg, .main_ui_workspace_sidebar_history__history-entry-empty-icon svg, .main_ui_workspace_sidebar_history__modal-close-btn-base svg, .main_ui_workspace_sidebar_history__button-icon-small, .main_ui_workspace_sidebar_history__history-entry .main_ui_workspace_sidebar_history__history-entry-summary .main_ui_workspace_sidebar_history__history-entry-summary-button svg, .main_ui_workspace_sidebar_history__history-entry .main_ui_workspace_sidebar_history__history-entry-summary .main_ui_workspace_sidebar_history__history-entry-summary-icon svg, .main_ui_workspace_sidebar_history__dropdown-element-base span svg, .main_ui_workspace_sidebar_history__attr-title button svg, .main_ui_workspace_sidebar_history__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_history__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_history__checkbox-icon.checked svg, .main_ui_workspace_sidebar_history__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_history__input-element span svg,
.main_ui_workspace_sidebar_history__input-element label svg, .main_ui_workspace_sidebar_history__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_history__button-icon-small, .main_ui_workspace_sidebar_history__history-entry .main_ui_workspace_sidebar_history__history-entry-summary .main_ui_workspace_sidebar_history__history-entry-summary-button svg, .main_ui_workspace_sidebar_history__history-entry .main_ui_workspace_sidebar_history__history-entry-summary .main_ui_workspace_sidebar_history__history-entry-summary-icon svg, .main_ui_workspace_sidebar_history__dropdown-element-base span svg, .main_ui_workspace_sidebar_history__attr-title button svg, .main_ui_workspace_sidebar_history__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_history__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_history__checkbox-icon.checked svg, .main_ui_workspace_sidebar_history__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_history__input-element span svg,
.main_ui_workspace_sidebar_history__input-element label svg, .main_ui_workspace_sidebar_history__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_history__input-base, .main_ui_workspace_sidebar_history__input-with-label input, .main_ui_workspace_sidebar_history__input-element-label input, .main_ui_workspace_sidebar_history__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_history__input-base[disabled], .main_ui_workspace_sidebar_history__input-with-label input[disabled], .main_ui_workspace_sidebar_history__input-element-label input[disabled], .main_ui_workspace_sidebar_history__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_history__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_history__input-label, .main_ui_workspace_sidebar_history__input-element span,
.main_ui_workspace_sidebar_history__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_history__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_history__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_history__input-element span svg,
.main_ui_workspace_sidebar_history__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_history__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_history__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_history__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_history__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_history__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_history__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_history__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_history__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_history__input-element:focus, .main_ui_workspace_sidebar_history__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_history__input-element:focus span, .main_ui_workspace_sidebar_history__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_history__input-element:focus input, .main_ui_workspace_sidebar_history__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_history__input-element:focus:hover, .main_ui_workspace_sidebar_history__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_history__input-element:focus:hover span, .main_ui_workspace_sidebar_history__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_history__input-element:focus:hover input, .main_ui_workspace_sidebar_history__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_history__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_history__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_history__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_history__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_history__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_history__input-element-label:focus-within input, .main_ui_workspace_sidebar_history__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_history__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_history__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_history__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_history__input-with-label input:focus-within, .main_ui_workspace_sidebar_history__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_history__input-with-label input:focus-within input, .main_ui_workspace_sidebar_history__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_history__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_history__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_history__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_history__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_history__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_history__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_history__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_history__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_history__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_history__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_history__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_history__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_history__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_history__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_history__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_history__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_history__colorpicker-handler:hover, .main_ui_workspace_sidebar_history__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_history__empty-icon, .main_ui_workspace_sidebar_history__history-entry-empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_history__empty-icon svg, .main_ui_workspace_sidebar_history__history-entry-empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_history__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_history__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_history__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_history__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_history__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_history__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_history__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_history__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_history__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_history__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_history__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_history__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_history__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_history__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_history__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_history__history-toolbox {
  display: flex;
  flex-direction: column;
  background-color: var(--panel-background-color);
}

.main_ui_workspace_sidebar_history__history-toolbox-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  position: relative;
  height: 2rem;
  min-height: 2rem;
  margin: 0.5rem 0.5rem 0 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--panel-title-background-color);
}
.main_ui_workspace_sidebar_history__history-toolbox-title span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  color: var(--title-foreground-color-hover);
}

.main_ui_workspace_sidebar_history__history-entry-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  padding: 1.75rem 1rem;
  text-align: center;
}

.main_ui_workspace_sidebar_history__history-entry-empty-icon svg {
  margin-left: -0.125rem;
}

.main_ui_workspace_sidebar_history__history-entry-empty-msg {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--empty-message-foreground-color);
}

.main_ui_workspace_sidebar_history__history-entries {
  height: calc(100vh - 6.25rem);
  padding: 0.75rem;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0.75rem;
}

.main_ui_workspace_sidebar_history__history-entry {
  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;
}
.main_ui_workspace_sidebar_history__history-entry .main_ui_workspace_sidebar_history__history-entry-summary {
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_history__history-entry .main_ui_workspace_sidebar_history__history-entry-summary .main_ui_workspace_sidebar_history__history-entry-summary-icon svg {
  stroke: var(--entry-foreground-color);
}
.main_ui_workspace_sidebar_history__history-entry .main_ui_workspace_sidebar_history__history-entry-summary .main_ui_workspace_sidebar_history__history-entry-summary-text {
  margin: 0 0.5rem;
  color: var(--color-foreground-primary);
}
.main_ui_workspace_sidebar_history__history-entry .main_ui_workspace_sidebar_history__history-entry-summary .main_ui_workspace_sidebar_history__history-entry-summary-button {
  opacity: 0;
  margin-left: auto;
}
.main_ui_workspace_sidebar_history__history-entry .main_ui_workspace_sidebar_history__history-entry-summary .main_ui_workspace_sidebar_history__history-entry-summary-button.main_ui_workspace_sidebar_history__button-opened svg {
  transform: rotate(90deg);
}
.main_ui_workspace_sidebar_history__history-entry .main_ui_workspace_sidebar_history__history-entry-summary .main_ui_workspace_sidebar_history__history-entry-summary-button svg {
  stroke: var(--entry-foreground-color);
}
.main_ui_workspace_sidebar_history__history-entry .main_ui_workspace_sidebar_history__history-entry-detail {
  display: block;
  padding-top: 1rem;
  color: var(--modal-text-foreground-color);
}
.main_ui_workspace_sidebar_history__history-entry .main_ui_workspace_sidebar_history__history-entry-detail .main_ui_workspace_sidebar_history__history-entry-details-list {
  margin: 0;
}
.main_ui_workspace_sidebar_history__history-entry.main_ui_workspace_sidebar_history__disabled {
  border-color: var(--entry-border-color-disabled);
  background-color: var(--entry-background-color-disabled);
}
.main_ui_workspace_sidebar_history__history-entry.main_ui_workspace_sidebar_history__hover, .main_ui_workspace_sidebar_history__history-entry:hover {
  background-color: var(--entry-background-color-hover);
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_sidebar_history__history-entry.main_ui_workspace_sidebar_history__hover .main_ui_workspace_sidebar_history__history-entry-summary .main_ui_workspace_sidebar_history__history-entry-summary-icon svg, .main_ui_workspace_sidebar_history__history-entry:hover .main_ui_workspace_sidebar_history__history-entry-summary .main_ui_workspace_sidebar_history__history-entry-summary-icon svg {
  stroke: var(--entry-foreground-color-hover);
}
.main_ui_workspace_sidebar_history__history-entry.main_ui_workspace_sidebar_history__hover .main_ui_workspace_sidebar_history__history-entry-summary .main_ui_workspace_sidebar_history__history-entry-summary-button, .main_ui_workspace_sidebar_history__history-entry:hover .main_ui_workspace_sidebar_history__history-entry-summary .main_ui_workspace_sidebar_history__history-entry-summary-button {
  opacity: 1;
}
.main_ui_workspace_sidebar_history__history-entry.main_ui_workspace_sidebar_history__hover .main_ui_workspace_sidebar_history__history-entry-summary .main_ui_workspace_sidebar_history__history-entry-summary-button.main_ui_workspace_sidebar_history__button-opened svg, .main_ui_workspace_sidebar_history__history-entry:hover .main_ui_workspace_sidebar_history__history-entry-summary .main_ui_workspace_sidebar_history__history-entry-summary-button.main_ui_workspace_sidebar_history__button-opened svg {
  transform: rotate(90deg);
}
@keyframes main_ui_workspace_sidebar_layer_item__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_layer_item__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_layer_item__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_layer_item__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_layer_item__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_layer_item__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_layer_item__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_layer_item__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_layer_item__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_layer_item__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_layer_item__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_layer_item__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_layer_item__button-primary, .main_ui_workspace_sidebar_layer_item__modal-danger-btn, .main_ui_workspace_sidebar_layer_item__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_layer_item__button-primary:focus-visible, .main_ui_workspace_sidebar_layer_item__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_layer_item__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_layer_item__button-primary:focus-visible svg, .main_ui_workspace_sidebar_layer_item__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_layer_item__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_layer_item__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_item__button-primary svg, .main_ui_workspace_sidebar_layer_item__modal-danger-btn svg, .main_ui_workspace_sidebar_layer_item__modal-accept-btn svg,
.main_ui_workspace_sidebar_layer_item__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_layer_item__button-primary:hover, .main_ui_workspace_sidebar_layer_item__modal-danger-btn:hover, .main_ui_workspace_sidebar_layer_item__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_layer_item__button-primary:hover svg, .main_ui_workspace_sidebar_layer_item__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_layer_item__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_layer_item__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_item__button-primary:active, .main_ui_workspace_sidebar_layer_item__modal-danger-btn:active, .main_ui_workspace_sidebar_layer_item__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_layer_item__button-primary:active svg, .main_ui_workspace_sidebar_layer_item__modal-danger-btn:active svg, .main_ui_workspace_sidebar_layer_item__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_layer_item__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_item__button-primary.disabled, .main_ui_workspace_sidebar_layer_item__modal-danger-btn.disabled, .main_ui_workspace_sidebar_layer_item__modal-accept-btn.disabled, .main_ui_workspace_sidebar_layer_item__button-primary[disabled], [disabled].main_ui_workspace_sidebar_layer_item__modal-danger-btn, [disabled].main_ui_workspace_sidebar_layer_item__modal-accept-btn, .main_ui_workspace_sidebar_layer_item__button-primary:disabled, .main_ui_workspace_sidebar_layer_item__modal-danger-btn:disabled, .main_ui_workspace_sidebar_layer_item__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_layer_item__button-secondary, .main_ui_workspace_sidebar_layer_item__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_layer_item__button-secondary:focus-visible, .main_ui_workspace_sidebar_layer_item__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_item__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_layer_item__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_layer_item__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_item__button-secondary svg, .main_ui_workspace_sidebar_layer_item__modal-cancel-btn svg,
.main_ui_workspace_sidebar_layer_item__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_layer_item__button-secondary:hover, .main_ui_workspace_sidebar_layer_item__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_layer_item__button-secondary:hover svg, .main_ui_workspace_sidebar_layer_item__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_layer_item__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_item__button-secondary:active, .main_ui_workspace_sidebar_layer_item__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_layer_item__button-secondary:active svg, .main_ui_workspace_sidebar_layer_item__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_layer_item__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_item__button-secondary.disabled, .main_ui_workspace_sidebar_layer_item__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_layer_item__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_layer_item__modal-cancel-btn, .main_ui_workspace_sidebar_layer_item__button-secondary:disabled, .main_ui_workspace_sidebar_layer_item__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_layer_item__button-tertiary, .main_ui_workspace_sidebar_layer_item__attr-title button, .main_ui_workspace_sidebar_layer_item__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_layer_item__button-tertiary:focus-visible, .main_ui_workspace_sidebar_layer_item__attr-title button:focus-visible, .main_ui_workspace_sidebar_layer_item__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_layer_item__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_layer_item__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_layer_item__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_layer_item__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_item__button-tertiary svg, .main_ui_workspace_sidebar_layer_item__attr-title button svg, .main_ui_workspace_sidebar_layer_item__modal-close-btn-base svg,
.main_ui_workspace_sidebar_layer_item__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_layer_item__button-tertiary:hover, .main_ui_workspace_sidebar_layer_item__attr-title button:hover, .main_ui_workspace_sidebar_layer_item__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_layer_item__button-tertiary:hover svg, .main_ui_workspace_sidebar_layer_item__attr-title button:hover svg, .main_ui_workspace_sidebar_layer_item__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_layer_item__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_item__button-tertiary:active, .main_ui_workspace_sidebar_layer_item__attr-title button:active, .main_ui_workspace_sidebar_layer_item__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_item__button-tertiary:active svg, .main_ui_workspace_sidebar_layer_item__attr-title button:active svg, .main_ui_workspace_sidebar_layer_item__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_layer_item__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_item__button-tertiary.disabled, .main_ui_workspace_sidebar_layer_item__attr-title button.disabled, .main_ui_workspace_sidebar_layer_item__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_layer_item__button-tertiary[disabled], .main_ui_workspace_sidebar_layer_item__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_layer_item__modal-close-btn-base, .main_ui_workspace_sidebar_layer_item__button-tertiary:disabled, .main_ui_workspace_sidebar_layer_item__attr-title button:disabled, .main_ui_workspace_sidebar_layer_item__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_layer_item__button-tertiary.disabled svg, .main_ui_workspace_sidebar_layer_item__attr-title button.disabled svg, .main_ui_workspace_sidebar_layer_item__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_layer_item__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_layer_item__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_layer_item__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_layer_item__modal-close-btn-base svg,
.main_ui_workspace_sidebar_layer_item__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_layer_item__button-tertiary:disabled svg, .main_ui_workspace_sidebar_layer_item__attr-title button:disabled svg, .main_ui_workspace_sidebar_layer_item__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_layer_item__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_layer_item__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_layer_item__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_layer_item__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_layer_item__button-radio: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);
}
.main_ui_workspace_sidebar_layer_item__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_layer_item__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_item__button-radio svg,
.main_ui_workspace_sidebar_layer_item__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_layer_item__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_layer_item__button-radio:hover svg,
.main_ui_workspace_sidebar_layer_item__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_item__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_item__button-radio:active svg,
.main_ui_workspace_sidebar_layer_item__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_layer_item__button-warning {
  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);
}

.main_ui_workspace_sidebar_layer_item__button-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;
}

.main_ui_workspace_sidebar_layer_item__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_layer_item__button-tag: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);
}
.main_ui_workspace_sidebar_layer_item__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_layer_item__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_item__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_item__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_layer_item__button-icon, .main_ui_workspace_sidebar_layer_item__empty-icon svg, .main_ui_workspace_sidebar_layer_item__modal-close-btn-base svg, .main_ui_workspace_sidebar_layer_item__button-icon-small, .main_ui_workspace_sidebar_layer_item__toggle-element svg,
.main_ui_workspace_sidebar_layer_item__block-element svg, .main_ui_workspace_sidebar_layer_item__toggle-content svg, .main_ui_workspace_sidebar_layer_item__icon-shape svg, .main_ui_workspace_sidebar_layer_item__dropdown-element-base span svg, .main_ui_workspace_sidebar_layer_item__attr-title button svg, .main_ui_workspace_sidebar_layer_item__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_layer_item__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_layer_item__checkbox-icon.checked svg, .main_ui_workspace_sidebar_layer_item__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_layer_item__input-element span svg,
.main_ui_workspace_sidebar_layer_item__input-element label svg, .main_ui_workspace_sidebar_layer_item__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_layer_item__button-icon-small, .main_ui_workspace_sidebar_layer_item__toggle-element svg,
.main_ui_workspace_sidebar_layer_item__block-element svg, .main_ui_workspace_sidebar_layer_item__toggle-content svg, .main_ui_workspace_sidebar_layer_item__icon-shape svg, .main_ui_workspace_sidebar_layer_item__dropdown-element-base span svg, .main_ui_workspace_sidebar_layer_item__attr-title button svg, .main_ui_workspace_sidebar_layer_item__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_layer_item__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_layer_item__checkbox-icon.checked svg, .main_ui_workspace_sidebar_layer_item__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_layer_item__input-element span svg,
.main_ui_workspace_sidebar_layer_item__input-element label svg, .main_ui_workspace_sidebar_layer_item__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_layer_item__input-base, .main_ui_workspace_sidebar_layer_item__input-with-label input, .main_ui_workspace_sidebar_layer_item__input-element-label input, .main_ui_workspace_sidebar_layer_item__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_item__input-base[disabled], .main_ui_workspace_sidebar_layer_item__input-with-label input[disabled], .main_ui_workspace_sidebar_layer_item__input-element-label input[disabled], .main_ui_workspace_sidebar_layer_item__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_layer_item__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_layer_item__input-label, .main_ui_workspace_sidebar_layer_item__input-element span,
.main_ui_workspace_sidebar_layer_item__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_layer_item__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_layer_item__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_layer_item__input-element span svg,
.main_ui_workspace_sidebar_layer_item__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_layer_item__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_layer_item__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_layer_item__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_layer_item__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_item__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_item__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_layer_item__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_item__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_item__input-element:focus, .main_ui_workspace_sidebar_layer_item__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_layer_item__input-element:focus span, .main_ui_workspace_sidebar_layer_item__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_item__input-element:focus input, .main_ui_workspace_sidebar_layer_item__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_item__input-element:focus:hover, .main_ui_workspace_sidebar_layer_item__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_layer_item__input-element:focus:hover span, .main_ui_workspace_sidebar_layer_item__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_item__input-element:focus:hover input, .main_ui_workspace_sidebar_layer_item__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_layer_item__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_layer_item__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_layer_item__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_layer_item__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_layer_item__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_layer_item__input-element-label:focus-within input, .main_ui_workspace_sidebar_layer_item__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_layer_item__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_layer_item__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_item__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_item__input-with-label input:focus-within, .main_ui_workspace_sidebar_layer_item__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_layer_item__input-with-label input:focus-within input, .main_ui_workspace_sidebar_layer_item__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_item__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_layer_item__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_layer_item__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_layer_item__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_layer_item__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_layer_item__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_layer_item__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_layer_item__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_layer_item__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_layer_item__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_item__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_layer_item__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_layer_item__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_layer_item__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_layer_item__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_layer_item__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_layer_item__colorpicker-handler:hover, .main_ui_workspace_sidebar_layer_item__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_layer_item__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_layer_item__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_layer_item__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_layer_item__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_layer_item__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_layer_item__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_layer_item__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_layer_item__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_layer_item__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_layer_item__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_layer_item__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_layer_item__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_layer_item__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_layer_item__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_layer_item__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_layer_item__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_layer_item__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_layer_item__layer-row {
  --layer-indentation-size: calc(0.25rem * 6);
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  background-color: var(--layer-row-background-color);
  border: 0.125rem solid transparent;
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight, .main_ui_workspace_sidebar_layer_item__layer-row:hover {
  --context-hover-color: var(--layer-row-foreground-color-hover);
  --context-hover-opacity: $op-10;
  background-color: var(--layer-row-background-color-hover);
  color: var(--layer-row-foreground-color-hover);
  box-shadow: 1rem 0px 0px 0px var(--layer-row-background-color-hover);
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight.main_ui_workspace_sidebar_layer_item__hidden, .main_ui_workspace_sidebar_layer_item__layer-row:hover.main_ui_workspace_sidebar_layer_item__hidden {
  opacity: 1;
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected {
  background-color: var(--layer-row-background-color-selected);
  box-shadow: 1rem 0px 0px 0px var(--layer-row-background-color-selected);
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected.main_ui_workspace_sidebar_layer_item__highlight, .main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected:hover {
  background-color: var(--layer-row-background-color-selected);
}
.main_ui_workspace_sidebar_layer_item__parent-selected .main_ui_workspace_sidebar_layer_item__layer-row {
  background-color: var(--layer-child-row-background-color);
  box-shadow: 1rem 0px 0px 0px var(--layer-child-row-background-color);
}
.main_ui_workspace_sidebar_layer_item__parent-selected .main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight, .main_ui_workspace_sidebar_layer_item__parent-selected .main_ui_workspace_sidebar_layer_item__layer-row:hover {
  background-color: var(--layer-row-background-color-hover);
  box-shadow: 1rem 0px 0px 0px var(--layer-row-background-color-hover);
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__dnd-over-bot {
  border-bottom: 0.125rem solid var(--layer-row-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__dnd-over-top {
  border-top: 0.125rem solid var(--layer-row-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__dnd-over {
  border: 0.125rem solid var(--layer-row-foreground-color-hover);
}

.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight .main_ui_workspace_sidebar_layer_item__element-children, .main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__element-children {
  background-color: var(--layer-row-background-color-selected);
  box-shadow: 1rem 0px 0px 0px var(--layer-row-background-color-selected);
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__type-comp .main_ui_workspace_sidebar_layer_item__element-children {
  color: var(--layer-row-component-foreground-color);
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__element-children {
  background-color: transparent;
  color: var(--layer-row-foreground-color-selected);
}

.main_ui_workspace_sidebar_layer_item__element-list-body {
  align-items: center;
  display: grid;
  grid-template-columns: auto 1fr auto;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  height: 2rem;
  width: calc(100% - var(--depth) * var(--layer-indentation-size));
  cursor: pointer;
}
.main_ui_workspace_sidebar_layer_item__element-list-body.main_ui_workspace_sidebar_layer_item__filtered {
  width: calc(100% - 0.75rem);
}

.main_ui_workspace_sidebar_layer_item__element-actions {
  display: none;
  height: 100%;
  display: flex;
  align-items: end;
}
.main_ui_workspace_sidebar_layer_item__element-actions.main_ui_workspace_sidebar_layer_item__selected {
  display: flex;
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight .main_ui_workspace_sidebar_layer_item__element-actions, .main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__element-actions {
  display: flex;
}

.main_ui_workspace_sidebar_layer_item__button-content {
  display: flex;
  height: 100%;
}

.main_ui_workspace_sidebar_layer_item__icon-shape {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
  position: relative;
  justify-self: flex-end;
  width: 1rem;
  height: 100%;
  width: 1.5rem;
  padding-inline-start: 0.25rem;
}
.main_ui_workspace_sidebar_layer_item__icon-shape svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__icon-shape svg {
  stroke: var(--layer-row-foreground-color-selected);
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__type-comp .main_ui_workspace_sidebar_layer_item__icon-shape svg {
  stroke: var(--layer-row-component-foreground-color);
}
.main_ui_workspace_sidebar_layer_item__inverse .main_ui_workspace_sidebar_layer_item__icon-shape {
  transform: rotate(-90deg);
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__hidden .main_ui_workspace_sidebar_layer_item__icon-shape {
  opacity: 0.7;
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight .main_ui_workspace_sidebar_layer_item__icon-shape, .main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__icon-shape {
  opacity: 1;
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight .main_ui_workspace_sidebar_layer_item__icon-shape svg, .main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__icon-shape svg {
  stroke: var(--layer-row-foreground-color-hover);
}

.main_ui_workspace_sidebar_layer_item__absolute {
  position: absolute;
  background-color: var(--layer-row-foreground-color);
  opacity: 0.3;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.125rem;
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__hidden .main_ui_workspace_sidebar_layer_item__absolute {
  opacity: 0.1;
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__type-comp .main_ui_workspace_sidebar_layer_item__absolute {
  background-color: var(--layer-row-component-foreground-color);
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight .main_ui_workspace_sidebar_layer_item__absolute, .main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__absolute {
  opacity: 0.3;
  background-color: var(--layer-row-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__absolute {
  background-color: var(--layer-row-foreground-color-selected);
}

.main_ui_workspace_sidebar_layer_item__toggle-content {
  border: none;
  background: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  height: 100%;
  width: 1.5rem;
  padding-inline-start: 0.5rem;
}
.main_ui_workspace_sidebar_layer_item__toggle-content svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__hidden .main_ui_workspace_sidebar_layer_item__toggle-content svg {
  opacity: 0.7;
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__toggle-content svg {
  stroke: var(--layer-row-foreground-color-selected);
}
.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 {
  stroke: var(--layer-row-component-foreground-color);
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight .main_ui_workspace_sidebar_layer_item__toggle-content svg, .main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__toggle-content svg {
  opacity: 1;
  stroke: var(--layer-row-foreground-color-hover);
}
.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: var(--layer-row-background-color-selected);
}
.main_ui_workspace_sidebar_layer_item__toggle-content.main_ui_workspace_sidebar_layer_item__inverse svg {
  transform: rotate(90deg);
}

.main_ui_workspace_sidebar_layer_item__toggle-element,
.main_ui_workspace_sidebar_layer_item__block-element {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 1.5rem;
  margin: 0;
  display: none;
}
.main_ui_workspace_sidebar_layer_item__toggle-element svg,
.main_ui_workspace_sidebar_layer_item__block-element svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__hidden .main_ui_workspace_sidebar_layer_item__toggle-element svg,
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__hidden .main_ui_workspace_sidebar_layer_item__block-element svg {
  opacity: 0.7;
}
.main_ui_workspace_sidebar_layer_item__type-comp .main_ui_workspace_sidebar_layer_item__toggle-element svg,
.main_ui_workspace_sidebar_layer_item__type-comp .main_ui_workspace_sidebar_layer_item__block-element svg {
  stroke: var(--layer-row-component-foreground-color);
}
.main_ui_workspace_sidebar_layer_item__element-actions.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__toggle-element,
.main_ui_workspace_sidebar_layer_item__element-actions.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__block-element {
  display: flex;
  opacity: 0;
}
.main_ui_workspace_sidebar_layer_item__element-actions.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__toggle-element.main_ui_workspace_sidebar_layer_item__selected,
.main_ui_workspace_sidebar_layer_item__element-actions.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__block-element.main_ui_workspace_sidebar_layer_item__selected {
  opacity: 1;
}
.main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__element-actions.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__toggle-element,
.main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__element-actions.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__block-element {
  opacity: 1;
}
.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:hover .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,
.main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__block-element {
  display: flex;
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight .main_ui_workspace_sidebar_layer_item__toggle-element svg, .main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__toggle-element svg,
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__highlight .main_ui_workspace_sidebar_layer_item__block-element svg,
.main_ui_workspace_sidebar_layer_item__layer-row:hover .main_ui_workspace_sidebar_layer_item__block-element svg {
  opacity: 1;
  stroke: var(--layer-row-foreground-color-hover);
}
.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 {
  display: flex;
}
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__toggle-element svg,
.main_ui_workspace_sidebar_layer_item__layer-row.main_ui_workspace_sidebar_layer_item__selected .main_ui_workspace_sidebar_layer_item__block-element svg {
  stroke: var(--layer-row-foreground-color-selected);
}

.sticky {
  position: sticky;
  top: 0px;
  z-index: 4;
}

.main_ui_workspace_sidebar_layer_item__tab-indentation {
  display: block;
  height: 1rem;
  min-width: calc(var(--depth) * var(--layer-indentation-size));
}

.main_ui_workspace_sidebar_layer_item__filtered {
  min-width: 0.75rem;
}
@keyframes main_ui_workspace_sidebar_layer_name__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_layer_name__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_layer_name__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_layer_name__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_layer_name__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_layer_name__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_layer_name__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_layer_name__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_layer_name__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_layer_name__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_layer_name__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_layer_name__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_layer_name__button-primary, .main_ui_workspace_sidebar_layer_name__modal-danger-btn, .main_ui_workspace_sidebar_layer_name__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_layer_name__button-primary:focus-visible, .main_ui_workspace_sidebar_layer_name__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_layer_name__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_layer_name__button-primary:focus-visible svg, .main_ui_workspace_sidebar_layer_name__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_layer_name__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_layer_name__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_name__button-primary svg, .main_ui_workspace_sidebar_layer_name__modal-danger-btn svg, .main_ui_workspace_sidebar_layer_name__modal-accept-btn svg,
.main_ui_workspace_sidebar_layer_name__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_layer_name__button-primary:hover, .main_ui_workspace_sidebar_layer_name__modal-danger-btn:hover, .main_ui_workspace_sidebar_layer_name__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_layer_name__button-primary:hover svg, .main_ui_workspace_sidebar_layer_name__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_layer_name__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_layer_name__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_name__button-primary:active, .main_ui_workspace_sidebar_layer_name__modal-danger-btn:active, .main_ui_workspace_sidebar_layer_name__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_layer_name__button-primary:active svg, .main_ui_workspace_sidebar_layer_name__modal-danger-btn:active svg, .main_ui_workspace_sidebar_layer_name__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_layer_name__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_name__button-primary.disabled, .main_ui_workspace_sidebar_layer_name__modal-danger-btn.disabled, .main_ui_workspace_sidebar_layer_name__modal-accept-btn.disabled, .main_ui_workspace_sidebar_layer_name__button-primary[disabled], [disabled].main_ui_workspace_sidebar_layer_name__modal-danger-btn, [disabled].main_ui_workspace_sidebar_layer_name__modal-accept-btn, .main_ui_workspace_sidebar_layer_name__button-primary:disabled, .main_ui_workspace_sidebar_layer_name__modal-danger-btn:disabled, .main_ui_workspace_sidebar_layer_name__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_layer_name__button-secondary, .main_ui_workspace_sidebar_layer_name__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_layer_name__button-secondary:focus-visible, .main_ui_workspace_sidebar_layer_name__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_name__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_layer_name__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_layer_name__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_name__button-secondary svg, .main_ui_workspace_sidebar_layer_name__modal-cancel-btn svg,
.main_ui_workspace_sidebar_layer_name__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_layer_name__button-secondary:hover, .main_ui_workspace_sidebar_layer_name__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_layer_name__button-secondary:hover svg, .main_ui_workspace_sidebar_layer_name__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_layer_name__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_name__button-secondary:active, .main_ui_workspace_sidebar_layer_name__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_layer_name__button-secondary:active svg, .main_ui_workspace_sidebar_layer_name__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_layer_name__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_name__button-secondary.disabled, .main_ui_workspace_sidebar_layer_name__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_layer_name__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_layer_name__modal-cancel-btn, .main_ui_workspace_sidebar_layer_name__button-secondary:disabled, .main_ui_workspace_sidebar_layer_name__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_layer_name__button-tertiary, .main_ui_workspace_sidebar_layer_name__attr-title button, .main_ui_workspace_sidebar_layer_name__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_layer_name__button-tertiary:focus-visible, .main_ui_workspace_sidebar_layer_name__attr-title button:focus-visible, .main_ui_workspace_sidebar_layer_name__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_layer_name__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_layer_name__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_layer_name__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_layer_name__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_name__button-tertiary svg, .main_ui_workspace_sidebar_layer_name__attr-title button svg, .main_ui_workspace_sidebar_layer_name__modal-close-btn-base svg,
.main_ui_workspace_sidebar_layer_name__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_layer_name__button-tertiary:hover, .main_ui_workspace_sidebar_layer_name__attr-title button:hover, .main_ui_workspace_sidebar_layer_name__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_layer_name__button-tertiary:hover svg, .main_ui_workspace_sidebar_layer_name__attr-title button:hover svg, .main_ui_workspace_sidebar_layer_name__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_layer_name__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_name__button-tertiary:active, .main_ui_workspace_sidebar_layer_name__attr-title button:active, .main_ui_workspace_sidebar_layer_name__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_name__button-tertiary:active svg, .main_ui_workspace_sidebar_layer_name__attr-title button:active svg, .main_ui_workspace_sidebar_layer_name__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_layer_name__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_name__button-tertiary.disabled, .main_ui_workspace_sidebar_layer_name__attr-title button.disabled, .main_ui_workspace_sidebar_layer_name__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_layer_name__button-tertiary[disabled], .main_ui_workspace_sidebar_layer_name__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_layer_name__modal-close-btn-base, .main_ui_workspace_sidebar_layer_name__button-tertiary:disabled, .main_ui_workspace_sidebar_layer_name__attr-title button:disabled, .main_ui_workspace_sidebar_layer_name__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_layer_name__button-tertiary.disabled svg, .main_ui_workspace_sidebar_layer_name__attr-title button.disabled svg, .main_ui_workspace_sidebar_layer_name__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_layer_name__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_layer_name__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_layer_name__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_layer_name__modal-close-btn-base svg,
.main_ui_workspace_sidebar_layer_name__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_layer_name__button-tertiary:disabled svg, .main_ui_workspace_sidebar_layer_name__attr-title button:disabled svg, .main_ui_workspace_sidebar_layer_name__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_layer_name__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_layer_name__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_layer_name__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_layer_name__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_layer_name__button-radio: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);
}
.main_ui_workspace_sidebar_layer_name__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_layer_name__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_name__button-radio svg,
.main_ui_workspace_sidebar_layer_name__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_layer_name__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_layer_name__button-radio:hover svg,
.main_ui_workspace_sidebar_layer_name__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_name__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_name__button-radio:active svg,
.main_ui_workspace_sidebar_layer_name__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_layer_name__button-warning {
  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);
}

.main_ui_workspace_sidebar_layer_name__button-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;
}

.main_ui_workspace_sidebar_layer_name__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_layer_name__button-tag: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);
}
.main_ui_workspace_sidebar_layer_name__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_layer_name__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_name__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_name__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_layer_name__button-icon, .main_ui_workspace_sidebar_layer_name__empty-icon svg, .main_ui_workspace_sidebar_layer_name__modal-close-btn-base svg, .main_ui_workspace_sidebar_layer_name__button-icon-small, .main_ui_workspace_sidebar_layer_name__dropdown-element-base span svg, .main_ui_workspace_sidebar_layer_name__attr-title button svg, .main_ui_workspace_sidebar_layer_name__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_layer_name__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_layer_name__checkbox-icon.checked svg, .main_ui_workspace_sidebar_layer_name__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_layer_name__input-element span svg,
.main_ui_workspace_sidebar_layer_name__input-element label svg, .main_ui_workspace_sidebar_layer_name__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_layer_name__button-icon-small, .main_ui_workspace_sidebar_layer_name__dropdown-element-base span svg, .main_ui_workspace_sidebar_layer_name__attr-title button svg, .main_ui_workspace_sidebar_layer_name__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_layer_name__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_layer_name__checkbox-icon.checked svg, .main_ui_workspace_sidebar_layer_name__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_layer_name__input-element span svg,
.main_ui_workspace_sidebar_layer_name__input-element label svg, .main_ui_workspace_sidebar_layer_name__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_layer_name__input-base, .main_ui_workspace_sidebar_layer_name__input-with-label input, .main_ui_workspace_sidebar_layer_name__input-element-label input, .main_ui_workspace_sidebar_layer_name__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_name__input-base[disabled], .main_ui_workspace_sidebar_layer_name__input-with-label input[disabled], .main_ui_workspace_sidebar_layer_name__input-element-label input[disabled], .main_ui_workspace_sidebar_layer_name__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_layer_name__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_layer_name__input-label, .main_ui_workspace_sidebar_layer_name__input-element span,
.main_ui_workspace_sidebar_layer_name__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_layer_name__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_layer_name__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_layer_name__input-element span svg,
.main_ui_workspace_sidebar_layer_name__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_layer_name__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_layer_name__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_layer_name__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_layer_name__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_name__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_name__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_layer_name__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_name__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_name__input-element:focus, .main_ui_workspace_sidebar_layer_name__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_layer_name__input-element:focus span, .main_ui_workspace_sidebar_layer_name__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_name__input-element:focus input, .main_ui_workspace_sidebar_layer_name__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_name__input-element:focus:hover, .main_ui_workspace_sidebar_layer_name__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_layer_name__input-element:focus:hover span, .main_ui_workspace_sidebar_layer_name__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_layer_name__input-element:focus:hover input, .main_ui_workspace_sidebar_layer_name__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_layer_name__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_layer_name__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_layer_name__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_layer_name__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_layer_name__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_layer_name__input-element-label:focus-within input, .main_ui_workspace_sidebar_layer_name__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_layer_name__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_layer_name__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_name__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_name__input-with-label input:focus-within, .main_ui_workspace_sidebar_layer_name__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_layer_name__input-with-label input:focus-within input, .main_ui_workspace_sidebar_layer_name__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layer_name__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_layer_name__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_layer_name__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_layer_name__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_layer_name__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_layer_name__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_layer_name__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_layer_name__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_layer_name__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_layer_name__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_layer_name__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_layer_name__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_layer_name__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_layer_name__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_layer_name__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_layer_name__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_layer_name__colorpicker-handler:hover, .main_ui_workspace_sidebar_layer_name__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_layer_name__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_layer_name__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_layer_name__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_layer_name__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_layer_name__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_layer_name__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_layer_name__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_layer_name__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_layer_name__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_layer_name__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_layer_name__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_layer_name__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_layer_name__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_layer_name__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_layer_name__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_layer_name__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_layer_name__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_layer_name__element-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  flex-grow: 1;
  color: var(--context-hover-color, var(--layer-row-foreground-color));
}
.main_ui_workspace_sidebar_layer_name__element-name.main_ui_workspace_sidebar_layer_name__selected {
  color: var(--layer-row-foreground-color-selected);
}
.main_ui_workspace_sidebar_layer_name__element-name.main_ui_workspace_sidebar_layer_name__type-comp {
  color: var(--context-hover-color, var(--layer-row-component-foreground-color));
}
.main_ui_workspace_sidebar_layer_name__element-name.main_ui_workspace_sidebar_layer_name__type-comp.main_ui_workspace_sidebar_layer_name__hidden {
  opacity: var(--context-hover-opacity, 0.7);
}
.main_ui_workspace_sidebar_layer_name__element-name.main_ui_workspace_sidebar_layer_name__hidden {
  opacity: var(--context-hover-opacity, 0.7);
}

.main_ui_workspace_sidebar_layer_name__element-name-input {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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));
  margin: 0;
  padding-left: 0.375rem;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color-focus);
  color: var(--layer-row-foreground-color);
}
.main_ui_workspace_sidebar_layer_name__element-name-input.main_ui_workspace_sidebar_layer_name__selected {
  min-width: 5.5rem;
}

.main_ui_workspace_sidebar_layer_name__element-name-touched {
  color: var(--layer-row-component-foreground-color);
}
@keyframes main_ui_workspace_sidebar_layers__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_layers__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_layers__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_layers__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_layers__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_layers__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_layers__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_layers__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_layers__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_layers__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_layers__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_layers__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_layers__button-primary, .main_ui_workspace_sidebar_layers__modal-danger-btn, .main_ui_workspace_sidebar_layers__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_layers__button-primary:focus-visible, .main_ui_workspace_sidebar_layers__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_layers__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_layers__button-primary:focus-visible svg, .main_ui_workspace_sidebar_layers__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_layers__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_layers__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_layers__button-primary svg, .main_ui_workspace_sidebar_layers__modal-danger-btn svg, .main_ui_workspace_sidebar_layers__modal-accept-btn svg,
.main_ui_workspace_sidebar_layers__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_layers__button-primary:hover, .main_ui_workspace_sidebar_layers__modal-danger-btn:hover, .main_ui_workspace_sidebar_layers__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_layers__button-primary:hover svg, .main_ui_workspace_sidebar_layers__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_layers__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_layers__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_layers__button-primary:active, .main_ui_workspace_sidebar_layers__modal-danger-btn:active, .main_ui_workspace_sidebar_layers__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_layers__button-primary:active svg, .main_ui_workspace_sidebar_layers__modal-danger-btn:active svg, .main_ui_workspace_sidebar_layers__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_layers__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_layers__button-primary.disabled, .main_ui_workspace_sidebar_layers__modal-danger-btn.disabled, .main_ui_workspace_sidebar_layers__modal-accept-btn.disabled, .main_ui_workspace_sidebar_layers__button-primary[disabled], [disabled].main_ui_workspace_sidebar_layers__modal-danger-btn, [disabled].main_ui_workspace_sidebar_layers__modal-accept-btn, .main_ui_workspace_sidebar_layers__button-primary:disabled, .main_ui_workspace_sidebar_layers__modal-danger-btn:disabled, .main_ui_workspace_sidebar_layers__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_layers__button-secondary, .main_ui_workspace_sidebar_layers__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_layers__button-secondary:focus-visible, .main_ui_workspace_sidebar_layers__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_layers__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_layers__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_layers__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_layers__button-secondary svg, .main_ui_workspace_sidebar_layers__modal-cancel-btn svg,
.main_ui_workspace_sidebar_layers__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_layers__button-secondary:hover, .main_ui_workspace_sidebar_layers__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_layers__button-secondary:hover svg, .main_ui_workspace_sidebar_layers__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_layers__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_layers__button-secondary:active, .main_ui_workspace_sidebar_layers__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_layers__button-secondary:active svg, .main_ui_workspace_sidebar_layers__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_layers__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_layers__button-secondary.disabled, .main_ui_workspace_sidebar_layers__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_layers__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_layers__modal-cancel-btn, .main_ui_workspace_sidebar_layers__button-secondary:disabled, .main_ui_workspace_sidebar_layers__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_layers__button-tertiary, .main_ui_workspace_sidebar_layers__icon-search, .main_ui_workspace_sidebar_layers__attr-title button, .main_ui_workspace_sidebar_layers__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_layers__button-tertiary:focus-visible, .main_ui_workspace_sidebar_layers__icon-search:focus-visible, .main_ui_workspace_sidebar_layers__attr-title button:focus-visible, .main_ui_workspace_sidebar_layers__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_layers__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_layers__icon-search:focus-visible svg, .main_ui_workspace_sidebar_layers__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_layers__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_layers__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_layers__button-tertiary svg, .main_ui_workspace_sidebar_layers__icon-search svg, .main_ui_workspace_sidebar_layers__attr-title button svg, .main_ui_workspace_sidebar_layers__modal-close-btn-base svg,
.main_ui_workspace_sidebar_layers__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_layers__button-tertiary:hover, .main_ui_workspace_sidebar_layers__icon-search:hover, .main_ui_workspace_sidebar_layers__attr-title button:hover, .main_ui_workspace_sidebar_layers__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_layers__button-tertiary:hover svg, .main_ui_workspace_sidebar_layers__icon-search:hover svg, .main_ui_workspace_sidebar_layers__attr-title button:hover svg, .main_ui_workspace_sidebar_layers__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_layers__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_layers__button-tertiary:active, .main_ui_workspace_sidebar_layers__icon-search:active, .main_ui_workspace_sidebar_layers__attr-title button:active, .main_ui_workspace_sidebar_layers__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_layers__button-tertiary:active svg, .main_ui_workspace_sidebar_layers__icon-search:active svg, .main_ui_workspace_sidebar_layers__attr-title button:active svg, .main_ui_workspace_sidebar_layers__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_layers__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_layers__button-tertiary.disabled, .main_ui_workspace_sidebar_layers__icon-search.disabled, .main_ui_workspace_sidebar_layers__attr-title button.disabled, .main_ui_workspace_sidebar_layers__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_layers__button-tertiary[disabled], [disabled].main_ui_workspace_sidebar_layers__icon-search, .main_ui_workspace_sidebar_layers__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_layers__modal-close-btn-base, .main_ui_workspace_sidebar_layers__button-tertiary:disabled, .main_ui_workspace_sidebar_layers__icon-search:disabled, .main_ui_workspace_sidebar_layers__attr-title button:disabled, .main_ui_workspace_sidebar_layers__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_layers__button-tertiary.disabled svg, .main_ui_workspace_sidebar_layers__icon-search.disabled svg, .main_ui_workspace_sidebar_layers__attr-title button.disabled svg, .main_ui_workspace_sidebar_layers__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_layers__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_layers__button-tertiary[disabled] svg, [disabled].main_ui_workspace_sidebar_layers__icon-search svg, .main_ui_workspace_sidebar_layers__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_layers__modal-close-btn-base svg,
.main_ui_workspace_sidebar_layers__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_layers__button-tertiary:disabled svg, .main_ui_workspace_sidebar_layers__icon-search:disabled svg, .main_ui_workspace_sidebar_layers__attr-title button:disabled svg, .main_ui_workspace_sidebar_layers__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_layers__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_layers__button-icon-selected, .main_ui_workspace_sidebar_layers__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__filter-button.main_ui_workspace_sidebar_layers__opened {
  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);
}
.main_ui_workspace_sidebar_layers__button-icon-selected svg, .main_ui_workspace_sidebar_layers__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__filter-button.main_ui_workspace_sidebar_layers__opened svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_layers__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_layers__button-radio: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);
}
.main_ui_workspace_sidebar_layers__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_layers__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_layers__button-radio svg,
.main_ui_workspace_sidebar_layers__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_layers__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_layers__button-radio:hover svg,
.main_ui_workspace_sidebar_layers__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_layers__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_layers__button-radio:active svg,
.main_ui_workspace_sidebar_layers__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_layers__button-warning {
  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);
}

.main_ui_workspace_sidebar_layers__button-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;
}

.main_ui_workspace_sidebar_layers__button-tag, .main_ui_workspace_sidebar_layers__layer-filter {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_layers__button-tag:focus-visible, .main_ui_workspace_sidebar_layers__layer-filter: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);
}
.main_ui_workspace_sidebar_layers__button-tag:focus-visible svg, .main_ui_workspace_sidebar_layers__layer-filter:focus-visible svg,
.main_ui_workspace_sidebar_layers__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_layers__button-tag:hover svg, .main_ui_workspace_sidebar_layers__layer-filter:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_layers__button-tag:active, .main_ui_workspace_sidebar_layers__layer-filter:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_layers__button-icon, .main_ui_workspace_sidebar_layers__icon-search svg, .main_ui_workspace_sidebar_layers__empty-icon svg, .main_ui_workspace_sidebar_layers__modal-close-btn-base svg, .main_ui_workspace_sidebar_layers__button-icon-small, .main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item .main_ui_workspace_sidebar_layers__filter-menu-item-tick svg, .main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item .main_ui_workspace_sidebar_layers__filter-menu-item-name-wrapper .main_ui_workspace_sidebar_layers__filter-menu-item-icon svg, .main_ui_workspace_sidebar_layers__layer-filter-icon,
.main_ui_workspace_sidebar_layers__layer-filter-close, .main_ui_workspace_sidebar_layers__back-button svg, .main_ui_workspace_sidebar_layers__dropdown-element-base span svg, .main_ui_workspace_sidebar_layers__attr-title button svg, .main_ui_workspace_sidebar_layers__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_layers__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_layers__checkbox-icon.checked svg, .main_ui_workspace_sidebar_layers__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_layers__input-element span svg,
.main_ui_workspace_sidebar_layers__input-element label svg, .main_ui_workspace_sidebar_layers__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_layers__button-icon-small, .main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item .main_ui_workspace_sidebar_layers__filter-menu-item-tick svg, .main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item .main_ui_workspace_sidebar_layers__filter-menu-item-name-wrapper .main_ui_workspace_sidebar_layers__filter-menu-item-icon svg, .main_ui_workspace_sidebar_layers__layer-filter-icon,
.main_ui_workspace_sidebar_layers__layer-filter-close, .main_ui_workspace_sidebar_layers__back-button svg, .main_ui_workspace_sidebar_layers__dropdown-element-base span svg, .main_ui_workspace_sidebar_layers__attr-title button svg, .main_ui_workspace_sidebar_layers__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_layers__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_layers__checkbox-icon.checked svg, .main_ui_workspace_sidebar_layers__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_layers__input-element span svg,
.main_ui_workspace_sidebar_layers__input-element label svg, .main_ui_workspace_sidebar_layers__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_layers__input-base, .main_ui_workspace_sidebar_layers__input-with-label input, .main_ui_workspace_sidebar_layers__input-element-label input, .main_ui_workspace_sidebar_layers__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layers__input-base[disabled], .main_ui_workspace_sidebar_layers__input-with-label input[disabled], .main_ui_workspace_sidebar_layers__input-element-label input[disabled], .main_ui_workspace_sidebar_layers__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_layers__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_layers__input-label, .main_ui_workspace_sidebar_layers__input-element span,
.main_ui_workspace_sidebar_layers__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_layers__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_layers__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_layers__input-element span svg,
.main_ui_workspace_sidebar_layers__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_layers__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_layers__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_layers__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_layers__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_layers__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_layers__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_layers__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layers__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layers__input-element:focus, .main_ui_workspace_sidebar_layers__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_layers__input-element:focus span, .main_ui_workspace_sidebar_layers__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_layers__input-element:focus input, .main_ui_workspace_sidebar_layers__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_layers__input-element:focus:hover, .main_ui_workspace_sidebar_layers__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_layers__input-element:focus:hover span, .main_ui_workspace_sidebar_layers__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_layers__input-element:focus:hover input, .main_ui_workspace_sidebar_layers__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_layers__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_layers__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_layers__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_layers__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_layers__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_layers__input-element-label:focus-within input, .main_ui_workspace_sidebar_layers__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_layers__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_layers__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layers__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layers__input-with-label input:focus-within, .main_ui_workspace_sidebar_layers__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_layers__input-with-label input:focus-within input, .main_ui_workspace_sidebar_layers__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layers__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_layers__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_layers__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_layers__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_layers__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_layers__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_layers__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_layers__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_layers__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_layers__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_layers__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_layers__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_layers__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_layers__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_layers__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_layers__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_layers__colorpicker-handler:hover, .main_ui_workspace_sidebar_layers__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_layers__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_layers__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_layers__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_layers__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_layers__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_layers__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_layers__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_layers__menu-dropdown, .main_ui_workspace_sidebar_layers__filters-container {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_layers__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_layers__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_layers__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_layers__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_layers__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_layers__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_layers__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_layers__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_layers__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_layers__tool-window-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2rem;
  min-height: 2rem;
  margin: 0.5rem 0 0.25rem 0.5rem;
  padding-right: 0.75rem;
}
.main_ui_workspace_sidebar_layers__tool-window-bar.main_ui_workspace_sidebar_layers__search {
  padding: 0 0.75rem 0 0.5rem;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_layers__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__filter-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
  height: 2rem;
  width: 2rem;
  margin: 0;
  border: 1px solid var(--color-background-tertiary);
  border-radius: 0.5rem 0.125rem 0.125rem 0.5rem;
  background-color: var(--color-background-tertiary);
}
.main_ui_workspace_sidebar_layers__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__filter-button svg {
  height: 1rem;
  width: 1rem;
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_layers__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__filter-button:focus {
  border: 1px solid var(--input-border-color-focus);
  outline: 0;
  background-color: var(--input-background-color-active);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_layers__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__filter-button:focus svg {
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_layers__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__filter-button:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_layers__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__filter-button:hover svg {
  background-color: var(--input-background-color-hover);
  stroke: var(--button-foreground-hover);
}
.main_ui_workspace_sidebar_layers__page-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0 0.75rem;
  color: var(--title-foreground-color);
}

.main_ui_workspace_sidebar_layers__icon-search {
  height: 2rem;
  width: 1.75rem;
  border-radius: 0.5rem;
  margin-right: 0.5rem;
  padding: 0;
}
.main_ui_workspace_sidebar_layers__icon-search svg {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_sidebar_layers__focus-title {
  border: none;
  background: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  width: 100%;
  padding: 0;
}

.main_ui_workspace_sidebar_layers__back-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 1.5rem;
  padding: 0 0.25rem 0 0.5rem;
}
.main_ui_workspace_sidebar_layers__back-button svg {
  stroke: var(--icon-foreground);
  transform: rotate(180deg);
}

.main_ui_workspace_sidebar_layers__focus-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  padding-left: 0.25rem;
  color: var(--title-foreground-color);
}

.main_ui_workspace_sidebar_layers__focus-mode-tag-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-right: 0.75rem;
}

.main_ui_workspace_sidebar_layers__active-filters {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  margin: 0 0.75rem;
}

.main_ui_workspace_sidebar_layers__layer-filter {
  gap: 0.375rem;
  height: 1.5rem;
  margin: 0.125rem 0;
  border-radius: 0.375rem;
  background-color: var(--pill-background-color);
  cursor: pointer;
}

.main_ui_workspace_sidebar_layers__layer-filter-icon,
.main_ui_workspace_sidebar_layers__layer-filter-close {
  stroke: var(--pill-foreground-color);
}
.main_ui_workspace_sidebar_layers__layer-filter-icon svg,
.main_ui_workspace_sidebar_layers__layer-filter-close svg {
  height: 0.75rem;
  width: 0.75rem;
}

.main_ui_workspace_sidebar_layers__layer-filter-name {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--pill-foreground-color);
}

.main_ui_workspace_sidebar_layers__layers {
  position: relative;
}

.main_ui_workspace_sidebar_layers__filters-container {
  position: absolute;
  left: 1.25rem;
  width: 12rem;
}
.main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item .main_ui_workspace_sidebar_layers__filter-menu-item-name-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item .main_ui_workspace_sidebar_layers__filter-menu-item-name-wrapper .main_ui_workspace_sidebar_layers__filter-menu-item-icon svg {
  stroke: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item .main_ui_workspace_sidebar_layers__filter-menu-item-name-wrapper .main_ui_workspace_sidebar_layers__filter-menu-item-name {
  padding-top: 0.125rem;
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item .main_ui_workspace_sidebar_layers__filter-menu-item-tick svg {
  stroke: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item.main_ui_workspace_sidebar_layers__selected {
  background-color: var(--menu-background-color-selected);
}
.main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item.main_ui_workspace_sidebar_layers__selected .main_ui_workspace_sidebar_layers__filter-menu-item-name-wrapper .main_ui_workspace_sidebar_layers__filter-menu-item-icon svg {
  stroke: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item.main_ui_workspace_sidebar_layers__selected .main_ui_workspace_sidebar_layers__filter-menu-item-name-wrapper .main_ui_workspace_sidebar_layers__filter-menu-item-name {
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item.main_ui_workspace_sidebar_layers__selected .main_ui_workspace_sidebar_layers__filter-menu-item-tick svg {
  stroke: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item:hover {
  background-color: var(--menu-background-color-hover);
}
.main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item:hover .main_ui_workspace_sidebar_layers__filter-menu-item-name-wrapper .main_ui_workspace_sidebar_layers__filter-menu-item-icon svg {
  stroke: var(--menu-foreground-color-hover);
}
.main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item:hover .main_ui_workspace_sidebar_layers__filter-menu-item-name-wrapper .main_ui_workspace_sidebar_layers__filter-menu-item-name {
  color: var(--menu-foreground-color-hover);
}
.main_ui_workspace_sidebar_layers__filters-container .main_ui_workspace_sidebar_layers__filter-menu-item:hover .main_ui_workspace_sidebar_layers__filter-menu-item-tick svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_layers__tool-window-content {
  --calculated-height: calc(8.5rem + var(--height, 12.5rem));
  display: flex;
  flex-direction: column;
  height: calc(100vh - var(--calculated-height));
  width: calc(var(--width) + var(--depth) * var(--layer-indentation-size));
  overflow-x: scroll;
  overflow-y: overlay;
  scrollbar-gutter: stable;
}
.main_ui_workspace_sidebar_layers__tool-window-content .main_ui_workspace_sidebar_layers__element-list {
  width: var(--width);
  display: grid;
}
@keyframes main_ui_workspace_sidebar_options__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options__button-primary, .main_ui_workspace_sidebar_options__modal-danger-btn, .main_ui_workspace_sidebar_options__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options__button-primary:focus-visible, .main_ui_workspace_sidebar_options__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options__button-primary svg, .main_ui_workspace_sidebar_options__modal-danger-btn svg, .main_ui_workspace_sidebar_options__modal-accept-btn svg,
.main_ui_workspace_sidebar_options__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options__button-primary:hover, .main_ui_workspace_sidebar_options__modal-danger-btn:hover, .main_ui_workspace_sidebar_options__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options__button-primary:hover svg, .main_ui_workspace_sidebar_options__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options__button-primary:active, .main_ui_workspace_sidebar_options__modal-danger-btn:active, .main_ui_workspace_sidebar_options__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options__button-primary:active svg, .main_ui_workspace_sidebar_options__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options__button-primary.disabled, .main_ui_workspace_sidebar_options__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options__modal-accept-btn, .main_ui_workspace_sidebar_options__button-primary:disabled, .main_ui_workspace_sidebar_options__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options__button-secondary, .main_ui_workspace_sidebar_options__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options__button-secondary:focus-visible, .main_ui_workspace_sidebar_options__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options__button-secondary svg, .main_ui_workspace_sidebar_options__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options__button-secondary:hover, .main_ui_workspace_sidebar_options__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options__button-secondary:hover svg, .main_ui_workspace_sidebar_options__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options__button-secondary:active, .main_ui_workspace_sidebar_options__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options__button-secondary:active svg, .main_ui_workspace_sidebar_options__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options__button-secondary.disabled, .main_ui_workspace_sidebar_options__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options__modal-cancel-btn, .main_ui_workspace_sidebar_options__button-secondary:disabled, .main_ui_workspace_sidebar_options__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options__button-tertiary, .main_ui_workspace_sidebar_options__attr-title button, .main_ui_workspace_sidebar_options__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options__attr-title button:focus-visible, .main_ui_workspace_sidebar_options__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options__button-tertiary svg, .main_ui_workspace_sidebar_options__attr-title button svg, .main_ui_workspace_sidebar_options__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options__button-tertiary:hover, .main_ui_workspace_sidebar_options__attr-title button:hover, .main_ui_workspace_sidebar_options__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options__button-tertiary:hover svg, .main_ui_workspace_sidebar_options__attr-title button:hover svg, .main_ui_workspace_sidebar_options__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options__button-tertiary:active, .main_ui_workspace_sidebar_options__attr-title button:active, .main_ui_workspace_sidebar_options__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options__button-tertiary:active svg, .main_ui_workspace_sidebar_options__attr-title button:active svg, .main_ui_workspace_sidebar_options__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options__button-tertiary.disabled, .main_ui_workspace_sidebar_options__attr-title button.disabled, .main_ui_workspace_sidebar_options__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options__button-tertiary[disabled], .main_ui_workspace_sidebar_options__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options__modal-close-btn-base, .main_ui_workspace_sidebar_options__button-tertiary:disabled, .main_ui_workspace_sidebar_options__attr-title button:disabled, .main_ui_workspace_sidebar_options__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options__attr-title button.disabled svg, .main_ui_workspace_sidebar_options__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options__attr-title button:disabled svg, .main_ui_workspace_sidebar_options__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options__button-radio: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);
}
.main_ui_workspace_sidebar_options__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options__button-radio svg,
.main_ui_workspace_sidebar_options__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options__button-radio:hover svg,
.main_ui_workspace_sidebar_options__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options__button-radio:active svg,
.main_ui_workspace_sidebar_options__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options__button-warning {
  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);
}

.main_ui_workspace_sidebar_options__button-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;
}

.main_ui_workspace_sidebar_options__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options__button-tag: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);
}
.main_ui_workspace_sidebar_options__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options__button-icon, .main_ui_workspace_sidebar_options__empty-icon svg, .main_ui_workspace_sidebar_options__modal-close-btn-base svg, .main_ui_workspace_sidebar_options__button-icon-small, .main_ui_workspace_sidebar_options__dropdown-element-base span svg, .main_ui_workspace_sidebar_options__attr-title button svg, .main_ui_workspace_sidebar_options__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options__input-element span svg,
.main_ui_workspace_sidebar_options__input-element label svg, .main_ui_workspace_sidebar_options__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options__button-icon-small, .main_ui_workspace_sidebar_options__dropdown-element-base span svg, .main_ui_workspace_sidebar_options__attr-title button svg, .main_ui_workspace_sidebar_options__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options__input-element span svg,
.main_ui_workspace_sidebar_options__input-element label svg, .main_ui_workspace_sidebar_options__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options__input-base, .main_ui_workspace_sidebar_options__input-with-label input, .main_ui_workspace_sidebar_options__input-element-label input, .main_ui_workspace_sidebar_options__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options__input-base[disabled], .main_ui_workspace_sidebar_options__input-with-label input[disabled], .main_ui_workspace_sidebar_options__input-element-label input[disabled], .main_ui_workspace_sidebar_options__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options__input-label, .main_ui_workspace_sidebar_options__input-element span,
.main_ui_workspace_sidebar_options__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options__input-element span svg,
.main_ui_workspace_sidebar_options__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options__input-element:focus, .main_ui_workspace_sidebar_options__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options__input-element:focus span, .main_ui_workspace_sidebar_options__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options__input-element:focus input, .main_ui_workspace_sidebar_options__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options__input-element:focus:hover, .main_ui_workspace_sidebar_options__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options__input-element:focus:hover span, .main_ui_workspace_sidebar_options__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options__input-element:focus:hover input, .main_ui_workspace_sidebar_options__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options__input-element-label:focus-within input, .main_ui_workspace_sidebar_options__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options__input-with-label input:focus-within, .main_ui_workspace_sidebar_options__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options__colorpicker-handler:hover, .main_ui_workspace_sidebar_options__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options__tool-window {
  position: relative;
  display: grid;
  width: 100%;
  height: 100%;
}

.main_ui_workspace_sidebar_options__tab-spacing {
  margin-right: 0.75rem;
}

.main_ui_workspace_sidebar_options__content-class {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 6rem);
  scrollbar-gutter: stable;
}

.main_ui_workspace_sidebar_options__element-options {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  height: calc(100vh - 5rem);
  padding-top: 0.5rem;
}

.main_ui_workspace_sidebar_options__read-only {
  grid-template-areas: "right-sidebar";
  padding: var(--sp-s);
}

.main_ui_workspace_sidebar_options__design-options,
.main_ui_workspace_sidebar_options__interaction-options {
  overflow: auto;
  scrollbar-gutter: stable;
}

.main_ui_workspace_sidebar_options__design-options {
  padding-inline: var(--sp-m);
}

.main_ui_workspace_sidebar_options__inspect {
  scrollbar-gutter: unset;
}

.main_ui_workspace_sidebar_options__options-tab-switcher {
  --tabs-nav-padding-inline-start: var(--sp-m);
  --tabs-nav-padding-inline-end: var(--sp-m);
}
@keyframes main_ui_workspace_sidebar_shortcuts__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_shortcuts__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_shortcuts__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_shortcuts__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_shortcuts__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_shortcuts__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_shortcuts__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_shortcuts__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_shortcuts__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_shortcuts__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_shortcuts__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_shortcuts__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_shortcuts__button-primary, .main_ui_workspace_sidebar_shortcuts__modal-danger-btn, .main_ui_workspace_sidebar_shortcuts__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_shortcuts__button-primary:focus-visible, .main_ui_workspace_sidebar_shortcuts__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_shortcuts__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_shortcuts__button-primary:focus-visible svg, .main_ui_workspace_sidebar_shortcuts__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_shortcuts__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_shortcuts__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_shortcuts__button-primary svg, .main_ui_workspace_sidebar_shortcuts__modal-danger-btn svg, .main_ui_workspace_sidebar_shortcuts__modal-accept-btn svg,
.main_ui_workspace_sidebar_shortcuts__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_shortcuts__button-primary:hover, .main_ui_workspace_sidebar_shortcuts__modal-danger-btn:hover, .main_ui_workspace_sidebar_shortcuts__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_shortcuts__button-primary:hover svg, .main_ui_workspace_sidebar_shortcuts__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_shortcuts__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_shortcuts__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_shortcuts__button-primary:active, .main_ui_workspace_sidebar_shortcuts__modal-danger-btn:active, .main_ui_workspace_sidebar_shortcuts__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_shortcuts__button-primary:active svg, .main_ui_workspace_sidebar_shortcuts__modal-danger-btn:active svg, .main_ui_workspace_sidebar_shortcuts__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_shortcuts__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_shortcuts__button-primary.disabled, .main_ui_workspace_sidebar_shortcuts__modal-danger-btn.disabled, .main_ui_workspace_sidebar_shortcuts__modal-accept-btn.disabled, .main_ui_workspace_sidebar_shortcuts__button-primary[disabled], [disabled].main_ui_workspace_sidebar_shortcuts__modal-danger-btn, [disabled].main_ui_workspace_sidebar_shortcuts__modal-accept-btn, .main_ui_workspace_sidebar_shortcuts__button-primary:disabled, .main_ui_workspace_sidebar_shortcuts__modal-danger-btn:disabled, .main_ui_workspace_sidebar_shortcuts__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_shortcuts__button-secondary, .main_ui_workspace_sidebar_shortcuts__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_shortcuts__button-secondary:focus-visible, .main_ui_workspace_sidebar_shortcuts__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_shortcuts__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_shortcuts__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_shortcuts__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_shortcuts__button-secondary svg, .main_ui_workspace_sidebar_shortcuts__modal-cancel-btn svg,
.main_ui_workspace_sidebar_shortcuts__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_shortcuts__button-secondary:hover, .main_ui_workspace_sidebar_shortcuts__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_shortcuts__button-secondary:hover svg, .main_ui_workspace_sidebar_shortcuts__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_shortcuts__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_shortcuts__button-secondary:active, .main_ui_workspace_sidebar_shortcuts__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_shortcuts__button-secondary:active svg, .main_ui_workspace_sidebar_shortcuts__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_shortcuts__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_shortcuts__button-secondary.disabled, .main_ui_workspace_sidebar_shortcuts__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_shortcuts__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_shortcuts__modal-cancel-btn, .main_ui_workspace_sidebar_shortcuts__button-secondary:disabled, .main_ui_workspace_sidebar_shortcuts__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_shortcuts__button-tertiary, .main_ui_workspace_sidebar_shortcuts__shortcuts-header .main_ui_workspace_sidebar_shortcuts__shortcuts-close-button, .main_ui_workspace_sidebar_shortcuts__attr-title button, .main_ui_workspace_sidebar_shortcuts__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_shortcuts__button-tertiary:focus-visible, .main_ui_workspace_sidebar_shortcuts__shortcuts-header .main_ui_workspace_sidebar_shortcuts__shortcuts-close-button:focus-visible, .main_ui_workspace_sidebar_shortcuts__attr-title button:focus-visible, .main_ui_workspace_sidebar_shortcuts__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_shortcuts__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_shortcuts__shortcuts-header .main_ui_workspace_sidebar_shortcuts__shortcuts-close-button:focus-visible svg, .main_ui_workspace_sidebar_shortcuts__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_shortcuts__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_shortcuts__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_shortcuts__button-tertiary svg, .main_ui_workspace_sidebar_shortcuts__shortcuts-header .main_ui_workspace_sidebar_shortcuts__shortcuts-close-button svg, .main_ui_workspace_sidebar_shortcuts__attr-title button svg, .main_ui_workspace_sidebar_shortcuts__modal-close-btn-base svg,
.main_ui_workspace_sidebar_shortcuts__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_shortcuts__button-tertiary:hover, .main_ui_workspace_sidebar_shortcuts__shortcuts-header .main_ui_workspace_sidebar_shortcuts__shortcuts-close-button:hover, .main_ui_workspace_sidebar_shortcuts__attr-title button:hover, .main_ui_workspace_sidebar_shortcuts__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_shortcuts__button-tertiary:hover svg, .main_ui_workspace_sidebar_shortcuts__shortcuts-header .main_ui_workspace_sidebar_shortcuts__shortcuts-close-button:hover svg, .main_ui_workspace_sidebar_shortcuts__attr-title button:hover svg, .main_ui_workspace_sidebar_shortcuts__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_shortcuts__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_shortcuts__button-tertiary:active, .main_ui_workspace_sidebar_shortcuts__shortcuts-header .main_ui_workspace_sidebar_shortcuts__shortcuts-close-button:active, .main_ui_workspace_sidebar_shortcuts__attr-title button:active, .main_ui_workspace_sidebar_shortcuts__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_shortcuts__button-tertiary:active svg, .main_ui_workspace_sidebar_shortcuts__shortcuts-header .main_ui_workspace_sidebar_shortcuts__shortcuts-close-button:active svg, .main_ui_workspace_sidebar_shortcuts__attr-title button:active svg, .main_ui_workspace_sidebar_shortcuts__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_shortcuts__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_shortcuts__button-tertiary.disabled, .main_ui_workspace_sidebar_shortcuts__shortcuts-header .main_ui_workspace_sidebar_shortcuts__shortcuts-close-button.disabled, .main_ui_workspace_sidebar_shortcuts__attr-title button.disabled, .main_ui_workspace_sidebar_shortcuts__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_shortcuts__button-tertiary[disabled], .main_ui_workspace_sidebar_shortcuts__shortcuts-header [disabled].main_ui_workspace_sidebar_shortcuts__shortcuts-close-button, .main_ui_workspace_sidebar_shortcuts__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_shortcuts__modal-close-btn-base, .main_ui_workspace_sidebar_shortcuts__button-tertiary:disabled, .main_ui_workspace_sidebar_shortcuts__shortcuts-header .main_ui_workspace_sidebar_shortcuts__shortcuts-close-button:disabled, .main_ui_workspace_sidebar_shortcuts__attr-title button:disabled, .main_ui_workspace_sidebar_shortcuts__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_shortcuts__button-tertiary.disabled svg, .main_ui_workspace_sidebar_shortcuts__shortcuts-header .main_ui_workspace_sidebar_shortcuts__shortcuts-close-button.disabled svg, .main_ui_workspace_sidebar_shortcuts__attr-title button.disabled svg, .main_ui_workspace_sidebar_shortcuts__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_shortcuts__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_shortcuts__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_shortcuts__shortcuts-header [disabled].main_ui_workspace_sidebar_shortcuts__shortcuts-close-button svg, .main_ui_workspace_sidebar_shortcuts__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_shortcuts__modal-close-btn-base svg,
.main_ui_workspace_sidebar_shortcuts__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_shortcuts__button-tertiary:disabled svg, .main_ui_workspace_sidebar_shortcuts__shortcuts-header .main_ui_workspace_sidebar_shortcuts__shortcuts-close-button:disabled svg, .main_ui_workspace_sidebar_shortcuts__attr-title button:disabled svg, .main_ui_workspace_sidebar_shortcuts__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_shortcuts__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_shortcuts__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_shortcuts__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_shortcuts__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_shortcuts__button-radio: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);
}
.main_ui_workspace_sidebar_shortcuts__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_shortcuts__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_shortcuts__button-radio svg,
.main_ui_workspace_sidebar_shortcuts__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_shortcuts__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_shortcuts__button-radio:hover svg,
.main_ui_workspace_sidebar_shortcuts__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_shortcuts__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_shortcuts__button-radio:active svg,
.main_ui_workspace_sidebar_shortcuts__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_shortcuts__button-warning {
  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);
}

.main_ui_workspace_sidebar_shortcuts__button-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;
}

.main_ui_workspace_sidebar_shortcuts__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_shortcuts__button-tag: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);
}
.main_ui_workspace_sidebar_shortcuts__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_shortcuts__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_shortcuts__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_shortcuts__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_shortcuts__button-icon, .main_ui_workspace_sidebar_shortcuts__shortcuts-header .main_ui_workspace_sidebar_shortcuts__shortcuts-close-button svg, .main_ui_workspace_sidebar_shortcuts__empty-icon svg, .main_ui_workspace_sidebar_shortcuts__modal-close-btn-base svg, .main_ui_workspace_sidebar_shortcuts__button-icon-small, .main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__section-title .main_ui_workspace_sidebar_shortcuts__collapsed-shortcuts svg,
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__subsection-title .main_ui_workspace_sidebar_shortcuts__collapsed-shortcuts svg, .main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-icon svg, .main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-box .main_ui_workspace_sidebar_shortcuts__clear-btn .main_ui_workspace_sidebar_shortcuts__clear-icon svg, .main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-box .main_ui_workspace_sidebar_shortcuts__icon-wrapper svg, .main_ui_workspace_sidebar_shortcuts__dropdown-element-base span svg, .main_ui_workspace_sidebar_shortcuts__attr-title button svg, .main_ui_workspace_sidebar_shortcuts__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_shortcuts__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_shortcuts__checkbox-icon.checked svg, .main_ui_workspace_sidebar_shortcuts__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_shortcuts__input-element span svg,
.main_ui_workspace_sidebar_shortcuts__input-element label svg, .main_ui_workspace_sidebar_shortcuts__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_shortcuts__button-icon-small, .main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__section-title .main_ui_workspace_sidebar_shortcuts__collapsed-shortcuts svg,
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__subsection-title .main_ui_workspace_sidebar_shortcuts__collapsed-shortcuts svg, .main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-icon svg, .main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-box .main_ui_workspace_sidebar_shortcuts__clear-btn .main_ui_workspace_sidebar_shortcuts__clear-icon svg, .main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-box .main_ui_workspace_sidebar_shortcuts__icon-wrapper svg, .main_ui_workspace_sidebar_shortcuts__dropdown-element-base span svg, .main_ui_workspace_sidebar_shortcuts__attr-title button svg, .main_ui_workspace_sidebar_shortcuts__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_shortcuts__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_shortcuts__checkbox-icon.checked svg, .main_ui_workspace_sidebar_shortcuts__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_shortcuts__input-element span svg,
.main_ui_workspace_sidebar_shortcuts__input-element label svg, .main_ui_workspace_sidebar_shortcuts__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_shortcuts__input-base, .main_ui_workspace_sidebar_shortcuts__input-with-label input, .main_ui_workspace_sidebar_shortcuts__input-element-label input, .main_ui_workspace_sidebar_shortcuts__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_shortcuts__input-base[disabled], .main_ui_workspace_sidebar_shortcuts__input-with-label input[disabled], .main_ui_workspace_sidebar_shortcuts__input-element-label input[disabled], .main_ui_workspace_sidebar_shortcuts__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_shortcuts__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_shortcuts__input-label, .main_ui_workspace_sidebar_shortcuts__input-element span,
.main_ui_workspace_sidebar_shortcuts__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_shortcuts__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_shortcuts__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_shortcuts__input-element span svg,
.main_ui_workspace_sidebar_shortcuts__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_shortcuts__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_shortcuts__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_shortcuts__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_shortcuts__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_shortcuts__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_shortcuts__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_shortcuts__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_shortcuts__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_shortcuts__input-element:focus, .main_ui_workspace_sidebar_shortcuts__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_shortcuts__input-element:focus span, .main_ui_workspace_sidebar_shortcuts__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_shortcuts__input-element:focus input, .main_ui_workspace_sidebar_shortcuts__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_shortcuts__input-element:focus:hover, .main_ui_workspace_sidebar_shortcuts__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_shortcuts__input-element:focus:hover span, .main_ui_workspace_sidebar_shortcuts__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_shortcuts__input-element:focus:hover input, .main_ui_workspace_sidebar_shortcuts__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_shortcuts__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_shortcuts__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_shortcuts__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_shortcuts__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_shortcuts__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_shortcuts__input-element-label:focus-within input, .main_ui_workspace_sidebar_shortcuts__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_shortcuts__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_shortcuts__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_shortcuts__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_shortcuts__input-with-label input:focus-within, .main_ui_workspace_sidebar_shortcuts__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_shortcuts__input-with-label input:focus-within input, .main_ui_workspace_sidebar_shortcuts__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_shortcuts__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_shortcuts__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_shortcuts__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_shortcuts__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_shortcuts__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_shortcuts__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_shortcuts__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_shortcuts__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_shortcuts__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_shortcuts__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_shortcuts__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_shortcuts__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_shortcuts__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_shortcuts__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_shortcuts__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_shortcuts__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_shortcuts__colorpicker-handler:hover, .main_ui_workspace_sidebar_shortcuts__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_shortcuts__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_shortcuts__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_shortcuts__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_shortcuts__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_shortcuts__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_shortcuts__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_shortcuts__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_shortcuts__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_shortcuts__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_shortcuts__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_shortcuts__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_shortcuts__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_shortcuts__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_shortcuts__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_shortcuts__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_shortcuts__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_shortcuts__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_shortcuts__shortcuts {
  display: grid;
  grid-template-rows: auto auto 1fr;
  height: calc(100vh - 3.75rem);
}

.main_ui_workspace_sidebar_shortcuts__search-field {
  display: flex;
  align-items: center;
  height: 2rem;
  margin: 1rem 0.75rem 0.25rem 0.75rem;
  border-radius: 0.5rem;
  font-family: "worksans", "vazirmatn", sans-serif;
  background-color: var(--color-background-tertiary);
}
.main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-box {
  align-items: center;
  display: flex;
  width: 100%;
}
.main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-box .main_ui_workspace_sidebar_shortcuts__icon-wrapper {
  display: flex;
}
.main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-box .main_ui_workspace_sidebar_shortcuts__icon-wrapper svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-box .main_ui_workspace_sidebar_shortcuts__input-text {
  border: none;
  background: none;
  outline: none;
  height: 2rem;
  width: 100%;
  margin: 0;
  padding: 0.25rem;
  border: 0;
  font-size: 0.75rem;
  color: var(--color-foreground-primary);
}
.main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-box .main_ui_workspace_sidebar_shortcuts__input-text::-moz-placeholder {
  color: var(--color-foreground-secondary);
}
.main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-box .main_ui_workspace_sidebar_shortcuts__input-text::placeholder {
  color: var(--color-foreground-secondary);
}
.main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-box .main_ui_workspace_sidebar_shortcuts__input-text:focus-visible {
  border-color: var(--color-accent-primary-muted);
}
.main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-box .main_ui_workspace_sidebar_shortcuts__clear-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
}
.main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-box .main_ui_workspace_sidebar_shortcuts__clear-btn .main_ui_workspace_sidebar_shortcuts__clear-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-box .main_ui_workspace_sidebar_shortcuts__clear-btn .main_ui_workspace_sidebar_shortcuts__clear-icon svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_shortcuts__search-field .main_ui_workspace_sidebar_shortcuts__search-icon svg {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_sidebar_shortcuts__shortcuts-header {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  position: relative;
  height: 2rem;
  padding: 0.125rem 0.125rem 0.125rem 0;
  margin: 0.25rem 0.25rem 0 0.25rem;
  border-radius: 0.375rem;
  background-color: var(--panel-title-background-color);
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-header .main_ui_workspace_sidebar_shortcuts__shortcuts-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  color: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-header .main_ui_workspace_sidebar_shortcuts__shortcuts-close-button {
  position: absolute;
  right: 0.125rem;
  top: 0.125rem;
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 0.313rem;
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-header .main_ui_workspace_sidebar_shortcuts__shortcuts-close-button svg {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_sidebar_shortcuts__section {
  margin: 0;
}

.main_ui_workspace_sidebar_shortcuts__not-found {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--empty-message-foreground-color);
  margin: 0.75rem;
}

.main_ui_workspace_sidebar_shortcuts__shortcuts-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0.75rem;
  overflow-y: scroll;
  font-size: 0.75rem;
  color: var(--title-foreground-color);
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__section-title,
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__subsection-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0.5rem 0;
  cursor: pointer;
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__section-title .main_ui_workspace_sidebar_shortcuts__collapsed-shortcuts,
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__subsection-title .main_ui_workspace_sidebar_shortcuts__collapsed-shortcuts {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__section-title .main_ui_workspace_sidebar_shortcuts__collapsed-shortcuts svg,
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__subsection-title .main_ui_workspace_sidebar_shortcuts__collapsed-shortcuts svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__section-title .main_ui_workspace_sidebar_shortcuts__collapsed-shortcuts.main_ui_workspace_sidebar_shortcuts__open,
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__subsection-title .main_ui_workspace_sidebar_shortcuts__collapsed-shortcuts.main_ui_workspace_sidebar_shortcuts__open {
  transform: rotate(90deg);
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__section-title .main_ui_workspace_sidebar_shortcuts__subsection-name,
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__section-title .main_ui_workspace_sidebar_shortcuts__section-name,
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__subsection-title .main_ui_workspace_sidebar_shortcuts__subsection-name,
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__subsection-title .main_ui_workspace_sidebar_shortcuts__section-name {
  padding-left: 0.25rem;
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__section-title:hover,
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__subsection-title:hover {
  color: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__section-title:hover .main_ui_workspace_sidebar_shortcuts__collapsed-shortcuts svg,
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__subsection-title:hover .main_ui_workspace_sidebar_shortcuts__collapsed-shortcuts svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__subsection-title {
  text-transform: none;
  padding-left: 0.75rem;
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__subsection-menu {
  margin-bottom: 0.25rem;
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__sub-menu {
  margin-bottom: 0.25rem;
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__sub-menu .main_ui_workspace_sidebar_shortcuts__shortcuts-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 2rem;
  padding: 0.375rem;
  margin-bottom: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--pill-background-color);
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__sub-menu .main_ui_workspace_sidebar_shortcuts__shortcuts-name .main_ui_workspace_sidebar_shortcuts__command-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin-left: 0.125rem;
  color: var(--pill-foreground-color);
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__sub-menu .main_ui_workspace_sidebar_shortcuts__shortcuts-name .main_ui_workspace_sidebar_shortcuts__keys {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--pill-foreground-color);
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__sub-menu .main_ui_workspace_sidebar_shortcuts__shortcuts-name .main_ui_workspace_sidebar_shortcuts__keys .main_ui_workspace_sidebar_shortcuts__key {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}
.main_ui_workspace_sidebar_shortcuts__shortcuts-list .main_ui_workspace_sidebar_shortcuts__sub-menu .main_ui_workspace_sidebar_shortcuts__shortcuts-name .main_ui_workspace_sidebar_shortcuts__keys .main_ui_workspace_sidebar_shortcuts__space {
  margin: 0 0.125rem;
}
@keyframes main_ui_workspace_sidebar_sitemap__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_sitemap__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_sitemap__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_sitemap__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_sitemap__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_sitemap__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_sitemap__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_sitemap__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_sitemap__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_sitemap__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_sitemap__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_sitemap__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_sitemap__button-primary, .main_ui_workspace_sidebar_sitemap__modal-danger-btn, .main_ui_workspace_sidebar_sitemap__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_sitemap__button-primary:focus-visible, .main_ui_workspace_sidebar_sitemap__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_sitemap__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_sitemap__button-primary:focus-visible svg, .main_ui_workspace_sidebar_sitemap__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_sitemap__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_sitemap__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_sitemap__button-primary svg, .main_ui_workspace_sidebar_sitemap__modal-danger-btn svg, .main_ui_workspace_sidebar_sitemap__modal-accept-btn svg,
.main_ui_workspace_sidebar_sitemap__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_sitemap__button-primary:hover, .main_ui_workspace_sidebar_sitemap__modal-danger-btn:hover, .main_ui_workspace_sidebar_sitemap__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_sitemap__button-primary:hover svg, .main_ui_workspace_sidebar_sitemap__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_sitemap__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_sitemap__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_sitemap__button-primary:active, .main_ui_workspace_sidebar_sitemap__modal-danger-btn:active, .main_ui_workspace_sidebar_sitemap__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_sitemap__button-primary:active svg, .main_ui_workspace_sidebar_sitemap__modal-danger-btn:active svg, .main_ui_workspace_sidebar_sitemap__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_sitemap__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_sitemap__button-primary.disabled, .main_ui_workspace_sidebar_sitemap__modal-danger-btn.disabled, .main_ui_workspace_sidebar_sitemap__modal-accept-btn.disabled, .main_ui_workspace_sidebar_sitemap__button-primary[disabled], [disabled].main_ui_workspace_sidebar_sitemap__modal-danger-btn, [disabled].main_ui_workspace_sidebar_sitemap__modal-accept-btn, .main_ui_workspace_sidebar_sitemap__button-primary:disabled, .main_ui_workspace_sidebar_sitemap__modal-danger-btn:disabled, .main_ui_workspace_sidebar_sitemap__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_sitemap__button-secondary, .main_ui_workspace_sidebar_sitemap__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_sitemap__button-secondary:focus-visible, .main_ui_workspace_sidebar_sitemap__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_sitemap__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_sitemap__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_sitemap__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_sitemap__button-secondary svg, .main_ui_workspace_sidebar_sitemap__modal-cancel-btn svg,
.main_ui_workspace_sidebar_sitemap__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_sitemap__button-secondary:hover, .main_ui_workspace_sidebar_sitemap__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_sitemap__button-secondary:hover svg, .main_ui_workspace_sidebar_sitemap__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_sitemap__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_sitemap__button-secondary:active, .main_ui_workspace_sidebar_sitemap__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_sitemap__button-secondary:active svg, .main_ui_workspace_sidebar_sitemap__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_sitemap__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_sitemap__button-secondary.disabled, .main_ui_workspace_sidebar_sitemap__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_sitemap__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_sitemap__modal-cancel-btn, .main_ui_workspace_sidebar_sitemap__button-secondary:disabled, .main_ui_workspace_sidebar_sitemap__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_sitemap__button-tertiary, .main_ui_workspace_sidebar_sitemap__attr-title button, .main_ui_workspace_sidebar_sitemap__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_sitemap__button-tertiary:focus-visible, .main_ui_workspace_sidebar_sitemap__attr-title button:focus-visible, .main_ui_workspace_sidebar_sitemap__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_sitemap__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_sitemap__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_sitemap__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_sitemap__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_sitemap__button-tertiary svg, .main_ui_workspace_sidebar_sitemap__attr-title button svg, .main_ui_workspace_sidebar_sitemap__modal-close-btn-base svg,
.main_ui_workspace_sidebar_sitemap__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_sitemap__button-tertiary:hover, .main_ui_workspace_sidebar_sitemap__attr-title button:hover, .main_ui_workspace_sidebar_sitemap__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_sitemap__button-tertiary:hover svg, .main_ui_workspace_sidebar_sitemap__attr-title button:hover svg, .main_ui_workspace_sidebar_sitemap__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_sitemap__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_sitemap__button-tertiary:active, .main_ui_workspace_sidebar_sitemap__attr-title button:active, .main_ui_workspace_sidebar_sitemap__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_sitemap__button-tertiary:active svg, .main_ui_workspace_sidebar_sitemap__attr-title button:active svg, .main_ui_workspace_sidebar_sitemap__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_sitemap__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_sitemap__button-tertiary.disabled, .main_ui_workspace_sidebar_sitemap__attr-title button.disabled, .main_ui_workspace_sidebar_sitemap__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_sitemap__button-tertiary[disabled], .main_ui_workspace_sidebar_sitemap__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_sitemap__modal-close-btn-base, .main_ui_workspace_sidebar_sitemap__button-tertiary:disabled, .main_ui_workspace_sidebar_sitemap__attr-title button:disabled, .main_ui_workspace_sidebar_sitemap__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_sitemap__button-tertiary.disabled svg, .main_ui_workspace_sidebar_sitemap__attr-title button.disabled svg, .main_ui_workspace_sidebar_sitemap__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_sitemap__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_sitemap__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_sitemap__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_sitemap__modal-close-btn-base svg,
.main_ui_workspace_sidebar_sitemap__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_sitemap__button-tertiary:disabled svg, .main_ui_workspace_sidebar_sitemap__attr-title button:disabled svg, .main_ui_workspace_sidebar_sitemap__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_sitemap__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_sitemap__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_sitemap__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_sitemap__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_sitemap__button-radio: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);
}
.main_ui_workspace_sidebar_sitemap__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_sitemap__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_sitemap__button-radio svg,
.main_ui_workspace_sidebar_sitemap__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_sitemap__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_sitemap__button-radio:hover svg,
.main_ui_workspace_sidebar_sitemap__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_sitemap__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_sitemap__button-radio:active svg,
.main_ui_workspace_sidebar_sitemap__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_sitemap__button-warning {
  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);
}

.main_ui_workspace_sidebar_sitemap__button-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;
}

.main_ui_workspace_sidebar_sitemap__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_sitemap__button-tag: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);
}
.main_ui_workspace_sidebar_sitemap__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_sitemap__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_sitemap__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_sitemap__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_sitemap__button-icon, .main_ui_workspace_sidebar_sitemap__empty-icon svg, .main_ui_workspace_sidebar_sitemap__modal-close-btn-base svg, .main_ui_workspace_sidebar_sitemap__button-icon-small, .main_ui_workspace_sidebar_sitemap__page-element .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-actions button svg, .main_ui_workspace_sidebar_sitemap__page-element .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-icon svg, .main_ui_workspace_sidebar_sitemap__dropdown-element-base span svg, .main_ui_workspace_sidebar_sitemap__attr-title button svg, .main_ui_workspace_sidebar_sitemap__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_sitemap__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_sitemap__checkbox-icon.checked svg, .main_ui_workspace_sidebar_sitemap__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_sitemap__input-element span svg,
.main_ui_workspace_sidebar_sitemap__input-element label svg, .main_ui_workspace_sidebar_sitemap__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_sitemap__button-icon-small, .main_ui_workspace_sidebar_sitemap__page-element .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-actions button svg, .main_ui_workspace_sidebar_sitemap__page-element .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-icon svg, .main_ui_workspace_sidebar_sitemap__dropdown-element-base span svg, .main_ui_workspace_sidebar_sitemap__attr-title button svg, .main_ui_workspace_sidebar_sitemap__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_sitemap__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_sitemap__checkbox-icon.checked svg, .main_ui_workspace_sidebar_sitemap__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_sitemap__input-element span svg,
.main_ui_workspace_sidebar_sitemap__input-element label svg, .main_ui_workspace_sidebar_sitemap__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_sitemap__input-base, .main_ui_workspace_sidebar_sitemap__input-with-label input, .main_ui_workspace_sidebar_sitemap__input-element-label input, .main_ui_workspace_sidebar_sitemap__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_sitemap__input-base[disabled], .main_ui_workspace_sidebar_sitemap__input-with-label input[disabled], .main_ui_workspace_sidebar_sitemap__input-element-label input[disabled], .main_ui_workspace_sidebar_sitemap__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_sitemap__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_sitemap__input-label, .main_ui_workspace_sidebar_sitemap__input-element span,
.main_ui_workspace_sidebar_sitemap__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_sitemap__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_sitemap__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_sitemap__input-element span svg,
.main_ui_workspace_sidebar_sitemap__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_sitemap__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_sitemap__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_sitemap__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_sitemap__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_sitemap__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_sitemap__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_sitemap__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_sitemap__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_sitemap__input-element:focus, .main_ui_workspace_sidebar_sitemap__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_sitemap__input-element:focus span, .main_ui_workspace_sidebar_sitemap__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_sitemap__input-element:focus input, .main_ui_workspace_sidebar_sitemap__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_sitemap__input-element:focus:hover, .main_ui_workspace_sidebar_sitemap__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_sitemap__input-element:focus:hover span, .main_ui_workspace_sidebar_sitemap__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_sitemap__input-element:focus:hover input, .main_ui_workspace_sidebar_sitemap__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_sitemap__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_sitemap__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_sitemap__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_sitemap__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_sitemap__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_sitemap__input-element-label:focus-within input, .main_ui_workspace_sidebar_sitemap__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_sitemap__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_sitemap__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_sitemap__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_sitemap__input-with-label input:focus-within, .main_ui_workspace_sidebar_sitemap__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_sitemap__input-with-label input:focus-within input, .main_ui_workspace_sidebar_sitemap__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_sitemap__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_sitemap__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_sitemap__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_sitemap__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_sitemap__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_sitemap__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_sitemap__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_sitemap__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_sitemap__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_sitemap__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_sitemap__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_sitemap__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_sitemap__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_sitemap__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_sitemap__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_sitemap__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_sitemap__colorpicker-handler:hover, .main_ui_workspace_sidebar_sitemap__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_sitemap__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_sitemap__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_sitemap__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_sitemap__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_sitemap__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_sitemap__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_sitemap__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_sitemap__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_sitemap__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_sitemap__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_sitemap__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_sitemap__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_sitemap__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_sitemap__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_sitemap__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_sitemap__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_sitemap__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_sitemap__sitemap {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: var(--height, 12.5rem);
}

.main_ui_workspace_sidebar_sitemap__title {
  margin-left: 0.125rem;
  color: var(--title-foreground-color-hover);
}

.main_ui_workspace_sidebar_sitemap__resize-area {
  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;
}
.main_ui_workspace_sidebar_sitemap__resize-area:hover {
  border-color: var(--resize-area-border-color);
}

.main_ui_workspace_sidebar_sitemap__tool-window-content {
  display: flex;
  flex-direction: column;
  height: calc(-38px + var(--height, 12.5rem));
  width: var(--width);
  overflow-x: scroll;
  overflow-y: overlay;
  scrollbar-gutter: stable;
}
.main_ui_workspace_sidebar_sitemap__tool-window-content .main_ui_workspace_sidebar_sitemap__element-list {
  display: grid;
}

.main_ui_workspace_sidebar_sitemap__pages-list {
  width: 100%;
  max-height: 9.5rem;
  margin-bottom: 0.75rem;
}

.main_ui_workspace_sidebar_sitemap__page-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  min-height: 2rem;
  width: 100%;
  cursor: pointer;
}
.main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__dnd-over-top {
  border-top: 1px solid var(--layer-row-foreground-color-drag);
}
.main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__dnd-over-bot {
  border-bottom: 1px solid var(--layer-row-foreground-color-drag);
}
.main_ui_workspace_sidebar_sitemap__page-element .main_ui_workspace_sidebar_sitemap__dnd-over > .main_ui_workspace_sidebar_sitemap__element-list-body {
  border: 1px solid var(--layer-row-foreground-color-drag);
}
.main_ui_workspace_sidebar_sitemap__page-element .main_ui_workspace_sidebar_sitemap__element-list-body {
  display: flex;
  align-items: center;
  height: 2rem;
  width: 100%;
  padding: 0 0.75rem 0 0;
  transition: none;
  color: var(--layer-row-foreground-color);
}
.main_ui_workspace_sidebar_sitemap__page-element .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  padding-left: 0.125rem;
}
.main_ui_workspace_sidebar_sitemap__page-element .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 1.5rem;
  padding: 0 0.25rem 0 0.5rem;
}
.main_ui_workspace_sidebar_sitemap__page-element .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  color: transparent;
  fill: none;
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_sitemap__page-element .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-actions {
  height: 2rem;
}
.main_ui_workspace_sidebar_sitemap__page-element .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-actions button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 100%;
  opacity: 0;
}
.main_ui_workspace_sidebar_sitemap__page-element .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-actions button svg {
  height: 0.75rem;
  width: 0.75rem;
  color: transparent;
  fill: none;
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_sitemap__page-element .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__element-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--layer-row-foreground-color-focus);
}
.main_ui_workspace_sidebar_sitemap__page-element .main_ui_workspace_sidebar_sitemap__element-list-body input.main_ui_workspace_sidebar_sitemap__element-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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: 0.5rem;
  border: 1px solid var(--input-border-color-focus);
  color: var(--layer-row-foreground-color);
}
.main_ui_workspace_sidebar_sitemap__page-element:active .main_ui_workspace_sidebar_sitemap__element-list-body, .main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__on-drag .main_ui_workspace_sidebar_sitemap__element-list-body {
  color: var(--layer-row-foreground-color-drag);
  background-color: var(--layer-row-background-color-drag);
}
.main_ui_workspace_sidebar_sitemap__page-element:active .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-actions button svg, .main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__on-drag .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-actions button svg {
  stroke: var(--layer-row-foreground-color-drag);
}
.main_ui_workspace_sidebar_sitemap__page-element:active .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-icon svg, .main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__on-drag .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-icon svg {
  stroke: var(--layer-row-foreground-color-drag);
}
.main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__selected .main_ui_workspace_sidebar_sitemap__element-list-body, .main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__selected:hover .main_ui_workspace_sidebar_sitemap__element-list-body {
  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);
}
.main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__selected .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-actions button svg, .main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__selected:hover .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-actions button svg {
  stroke: var(--layer-row-foreground-color-selected);
}
.main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__selected .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-icon svg, .main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__selected:hover .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-icon svg {
  stroke: var(--layer-row-foreground-color-selected);
}
.main_ui_workspace_sidebar_sitemap__page-element:hover .main_ui_workspace_sidebar_sitemap__element-list-body, .main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__hover .main_ui_workspace_sidebar_sitemap__element-list-body {
  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);
}
.main_ui_workspace_sidebar_sitemap__page-element:hover .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-actions button, .main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__hover .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-actions button {
  opacity: 1;
}
.main_ui_workspace_sidebar_sitemap__page-element:hover .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-actions button svg, .main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__hover .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-actions button svg {
  stroke: var(--layer-row-foreground-color-hover);
}
.main_ui_workspace_sidebar_sitemap__page-element:hover .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-icon svg, .main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__hover .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-icon svg {
  stroke: var(--layer-row-foreground-color-hover);
}
.main_ui_workspace_sidebar_sitemap__page-element:focus .main_ui_workspace_sidebar_sitemap__element-list-body {
  color: var(--layer-row-foreground-color-focus);
  border: 1px solid var(--layer-row-border-color-focus);
  outline: none;
}
.main_ui_workspace_sidebar_sitemap__page-element:focus .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-actions button {
  opacity: 1;
}
.main_ui_workspace_sidebar_sitemap__page-element:focus-within .main_ui_workspace_sidebar_sitemap__element-list-body {
  outline: none;
}
.main_ui_workspace_sidebar_sitemap__page-element:focus-within .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-actions button {
  opacity: 1;
}
.main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__hidden .main_ui_workspace_sidebar_sitemap__element-list-body {
  color: var(--layer-row-foreground-color-hidden);
  background-color: var(--layer-row-background-color-hidden);
  opacity: 0.7;
}
.main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__hidden .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-actions button svg {
  stroke: var(--layer-row-foreground-color-hidden);
}
.main_ui_workspace_sidebar_sitemap__page-element.main_ui_workspace_sidebar_sitemap__hidden .main_ui_workspace_sidebar_sitemap__element-list-body .main_ui_workspace_sidebar_sitemap__page-icon svg {
  stroke: var(--layer-row-foreground-color-hidden);
}

.main_ui_workspace_sidebar_sitemap__title-spacing-sitemap {
  padding-inline-start: 0.5rem;
  margin-block-start: 0.5rem;
  margin-block-end: 0.25rem;
}
@keyframes main_ui_workspace_sidebar_versions__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_versions__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_versions__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_versions__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_versions__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_versions__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_versions__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_versions__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_versions__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_versions__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_versions__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_versions__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_versions__button-primary, .main_ui_workspace_sidebar_versions__modal-danger-btn, .main_ui_workspace_sidebar_versions__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_versions__button-primary:focus-visible, .main_ui_workspace_sidebar_versions__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_versions__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_versions__button-primary:focus-visible svg, .main_ui_workspace_sidebar_versions__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_versions__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_versions__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_versions__button-primary svg, .main_ui_workspace_sidebar_versions__modal-danger-btn svg, .main_ui_workspace_sidebar_versions__modal-accept-btn svg,
.main_ui_workspace_sidebar_versions__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_versions__button-primary:hover, .main_ui_workspace_sidebar_versions__modal-danger-btn:hover, .main_ui_workspace_sidebar_versions__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_versions__button-primary:hover svg, .main_ui_workspace_sidebar_versions__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_versions__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_versions__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_versions__button-primary:active, .main_ui_workspace_sidebar_versions__modal-danger-btn:active, .main_ui_workspace_sidebar_versions__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_versions__button-primary:active svg, .main_ui_workspace_sidebar_versions__modal-danger-btn:active svg, .main_ui_workspace_sidebar_versions__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_versions__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_versions__button-primary.disabled, .main_ui_workspace_sidebar_versions__modal-danger-btn.disabled, .main_ui_workspace_sidebar_versions__modal-accept-btn.disabled, .main_ui_workspace_sidebar_versions__button-primary[disabled], [disabled].main_ui_workspace_sidebar_versions__modal-danger-btn, [disabled].main_ui_workspace_sidebar_versions__modal-accept-btn, .main_ui_workspace_sidebar_versions__button-primary:disabled, .main_ui_workspace_sidebar_versions__modal-danger-btn:disabled, .main_ui_workspace_sidebar_versions__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_versions__button-secondary, .main_ui_workspace_sidebar_versions__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_versions__button-secondary:focus-visible, .main_ui_workspace_sidebar_versions__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_versions__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_versions__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_versions__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_versions__button-secondary svg, .main_ui_workspace_sidebar_versions__modal-cancel-btn svg,
.main_ui_workspace_sidebar_versions__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_versions__button-secondary:hover, .main_ui_workspace_sidebar_versions__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_versions__button-secondary:hover svg, .main_ui_workspace_sidebar_versions__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_versions__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_versions__button-secondary:active, .main_ui_workspace_sidebar_versions__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_versions__button-secondary:active svg, .main_ui_workspace_sidebar_versions__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_versions__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_versions__button-secondary.disabled, .main_ui_workspace_sidebar_versions__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_versions__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_versions__modal-cancel-btn, .main_ui_workspace_sidebar_versions__button-secondary:disabled, .main_ui_workspace_sidebar_versions__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_versions__button-tertiary, .main_ui_workspace_sidebar_versions__attr-title button, .main_ui_workspace_sidebar_versions__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_versions__button-tertiary:focus-visible, .main_ui_workspace_sidebar_versions__attr-title button:focus-visible, .main_ui_workspace_sidebar_versions__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_versions__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_versions__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_versions__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_versions__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_versions__button-tertiary svg, .main_ui_workspace_sidebar_versions__attr-title button svg, .main_ui_workspace_sidebar_versions__modal-close-btn-base svg,
.main_ui_workspace_sidebar_versions__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_versions__button-tertiary:hover, .main_ui_workspace_sidebar_versions__attr-title button:hover, .main_ui_workspace_sidebar_versions__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_versions__button-tertiary:hover svg, .main_ui_workspace_sidebar_versions__attr-title button:hover svg, .main_ui_workspace_sidebar_versions__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_versions__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_versions__button-tertiary:active, .main_ui_workspace_sidebar_versions__attr-title button:active, .main_ui_workspace_sidebar_versions__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_versions__button-tertiary:active svg, .main_ui_workspace_sidebar_versions__attr-title button:active svg, .main_ui_workspace_sidebar_versions__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_versions__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_versions__button-tertiary.disabled, .main_ui_workspace_sidebar_versions__attr-title button.disabled, .main_ui_workspace_sidebar_versions__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_versions__button-tertiary[disabled], .main_ui_workspace_sidebar_versions__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_versions__modal-close-btn-base, .main_ui_workspace_sidebar_versions__button-tertiary:disabled, .main_ui_workspace_sidebar_versions__attr-title button:disabled, .main_ui_workspace_sidebar_versions__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_versions__button-tertiary.disabled svg, .main_ui_workspace_sidebar_versions__attr-title button.disabled svg, .main_ui_workspace_sidebar_versions__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_versions__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_versions__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_versions__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_versions__modal-close-btn-base svg,
.main_ui_workspace_sidebar_versions__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_versions__button-tertiary:disabled svg, .main_ui_workspace_sidebar_versions__attr-title button:disabled svg, .main_ui_workspace_sidebar_versions__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_versions__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_versions__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_versions__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_versions__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_versions__button-radio: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);
}
.main_ui_workspace_sidebar_versions__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_versions__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_versions__button-radio svg,
.main_ui_workspace_sidebar_versions__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_versions__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_versions__button-radio:hover svg,
.main_ui_workspace_sidebar_versions__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_versions__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_versions__button-radio:active svg,
.main_ui_workspace_sidebar_versions__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_versions__button-warning {
  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);
}

.main_ui_workspace_sidebar_versions__button-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;
}

.main_ui_workspace_sidebar_versions__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_versions__button-tag: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);
}
.main_ui_workspace_sidebar_versions__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_versions__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_versions__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_versions__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_versions__button-icon, .main_ui_workspace_sidebar_versions__empty-icon svg, .main_ui_workspace_sidebar_versions__modal-close-btn-base svg, .main_ui_workspace_sidebar_versions__button-icon-small, .main_ui_workspace_sidebar_versions__dropdown-element-base span svg, .main_ui_workspace_sidebar_versions__version-options-dropdown .main_ui_workspace_sidebar_versions__menu-option span svg, .main_ui_workspace_sidebar_versions__attr-title button svg, .main_ui_workspace_sidebar_versions__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_versions__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_versions__checkbox-icon.checked svg, .main_ui_workspace_sidebar_versions__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_versions__input-element span svg,
.main_ui_workspace_sidebar_versions__input-element label svg, .main_ui_workspace_sidebar_versions__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_versions__button-icon-small, .main_ui_workspace_sidebar_versions__dropdown-element-base span svg, .main_ui_workspace_sidebar_versions__version-options-dropdown .main_ui_workspace_sidebar_versions__menu-option span svg, .main_ui_workspace_sidebar_versions__attr-title button svg, .main_ui_workspace_sidebar_versions__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_versions__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_versions__checkbox-icon.checked svg, .main_ui_workspace_sidebar_versions__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_versions__input-element span svg,
.main_ui_workspace_sidebar_versions__input-element label svg, .main_ui_workspace_sidebar_versions__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_versions__input-base, .main_ui_workspace_sidebar_versions__input-with-label input, .main_ui_workspace_sidebar_versions__input-element-label input, .main_ui_workspace_sidebar_versions__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_versions__input-base[disabled], .main_ui_workspace_sidebar_versions__input-with-label input[disabled], .main_ui_workspace_sidebar_versions__input-element-label input[disabled], .main_ui_workspace_sidebar_versions__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_versions__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_versions__input-label, .main_ui_workspace_sidebar_versions__input-element span,
.main_ui_workspace_sidebar_versions__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_versions__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_versions__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_versions__input-element span svg,
.main_ui_workspace_sidebar_versions__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_versions__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_versions__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_versions__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_versions__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_versions__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_versions__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_versions__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_versions__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_versions__input-element:focus, .main_ui_workspace_sidebar_versions__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_versions__input-element:focus span, .main_ui_workspace_sidebar_versions__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_versions__input-element:focus input, .main_ui_workspace_sidebar_versions__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_versions__input-element:focus:hover, .main_ui_workspace_sidebar_versions__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_versions__input-element:focus:hover span, .main_ui_workspace_sidebar_versions__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_versions__input-element:focus:hover input, .main_ui_workspace_sidebar_versions__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_versions__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_versions__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_versions__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_versions__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_versions__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_versions__input-element-label:focus-within input, .main_ui_workspace_sidebar_versions__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_versions__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_versions__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_versions__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_versions__input-with-label input:focus-within, .main_ui_workspace_sidebar_versions__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_versions__input-with-label input:focus-within input, .main_ui_workspace_sidebar_versions__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_versions__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_versions__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_versions__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_versions__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_versions__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_versions__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_versions__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_versions__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_versions__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_versions__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_versions__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_versions__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_versions__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_versions__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_versions__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_versions__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_versions__colorpicker-handler:hover, .main_ui_workspace_sidebar_versions__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_versions__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_versions__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_versions__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_versions__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_versions__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_versions__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_versions__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_versions__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_versions__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_versions__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_versions__dropdown-element-base, .main_ui_workspace_sidebar_versions__version-options-dropdown .main_ui_workspace_sidebar_versions__menu-option {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_versions__dropdown-element-base span, .main_ui_workspace_sidebar_versions__version-options-dropdown .main_ui_workspace_sidebar_versions__menu-option span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_versions__dropdown-element-base span svg, .main_ui_workspace_sidebar_versions__version-options-dropdown .main_ui_workspace_sidebar_versions__menu-option span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_versions__dropdown-element-base:hover, .main_ui_workspace_sidebar_versions__version-options-dropdown .main_ui_workspace_sidebar_versions__menu-option:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_versions__dropdown-element-base:hover span svg, .main_ui_workspace_sidebar_versions__version-options-dropdown .main_ui_workspace_sidebar_versions__menu-option:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_versions__dropdown-wrapper, .main_ui_workspace_sidebar_versions__version-options-dropdown {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_versions__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_versions__version-toolbox {
  padding: 0.5rem;
  height: 100%;
  display: grid;
  overflow: hidden;
  grid-template-rows: auto auto 1fr;
}

.main_ui_workspace_sidebar_versions__versions-entry-empty {
  align-items: center;
  color: var(--color-foreground-secondary);
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  gap: 0.5rem;
  padding: 1rem;
}

.main_ui_workspace_sidebar_versions__versions-entry-empty-icon {
  background: var(--color-background-tertiary);
  border-radius: 50%;
  padding: 0.5rem;
  display: flex;
}

.main_ui_workspace_sidebar_versions__version-save-version {
  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;
}

.main_ui_workspace_sidebar_versions__version-save-button {
  background: none;
  border: none;
  cursor: pointer;
}

.main_ui_workspace_sidebar_versions__versions-entries {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  overflow: auto;
  margin: 0;
}

.main_ui_workspace_sidebar_versions__version-entry {
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_versions__version-entry p {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_ui_workspace_sidebar_versions__version-entry:hover .main_ui_workspace_sidebar_versions__version-entry-options {
  visibility: initial;
}

.main_ui_workspace_sidebar_versions__version-entry {
  display: flex;
  padding: 0.25rem 0.25rem 0.25rem 1rem;
  gap: 0.5rem;
  border-radius: 8px;
  align-items: center;
}
.main_ui_workspace_sidebar_versions__version-entry:hover {
  border-color: var(--color-accent-primary);
}

.main_ui_workspace_sidebar_versions__version-entry.main_ui_workspace_sidebar_versions__is-autosave {
  flex-direction: column;
  align-items: start;
  padding-left: 3rem;
  gap: 0;
}

.main_ui_workspace_sidebar_versions__version-entry-wrap {
  position: relative;
}

.main_ui_workspace_sidebar_versions__version-entry-avatar {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
}

.main_ui_workspace_sidebar_versions__version-entry-data {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.main_ui_workspace_sidebar_versions__version-entry-name {
  color: var(--color-foreground-primary);
  border-bottom: 1px solid transparent;
}

.main_ui_workspace_sidebar_versions__version-entry-name-edit {
  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);
}

.main_ui_workspace_sidebar_versions__version-entry-time {
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_sidebar_versions__version-entry-options {
  background: none;
  border: 0;
  cursor: pointer;
  visibility: hidden;
  padding: 0;
  height: 2.5rem;
  width: 2rem;
}

.main_ui_workspace_sidebar_versions__version-options-dropdown {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 12.5rem;
  right: 0;
  left: unset;
  top: var(--offset);
}
.main_ui_workspace_sidebar_versions__version-entry-snapshots {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--color-foreground-secondary);
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.main_ui_workspace_sidebar_versions__version-entry-snapshots .main_ui_workspace_sidebar_versions__icon-clock {
  stroke: var(--color-accent-warning);
}
.main_ui_workspace_sidebar_versions__version-entry-snapshots .main_ui_workspace_sidebar_versions__icon-arrow {
  stroke: var(--color-foreground-secondary);
}
.main_ui_workspace_sidebar_versions__version-entry-snapshots:hover {
  color: var(--color-accent-primary);
}
.main_ui_workspace_sidebar_versions__version-entry-snapshots:hover .main_ui_workspace_sidebar_versions__icon-arrow {
  stroke: var(--color-accent-primary);
}
.main_ui_workspace_sidebar_versions__is-expanded .main_ui_workspace_sidebar_versions__version-entry-snapshots .main_ui_workspace_sidebar_versions__icon-arrow {
  transform: rotate(90deg);
}

.main_ui_workspace_sidebar_versions__version-snapshot-list {
  display: none;
  margin-top: 0.5rem;
  flex-direction: column;
  width: 100%;
}
.main_ui_workspace_sidebar_versions__version-entry.main_ui_workspace_sidebar_versions__is-expanded .main_ui_workspace_sidebar_versions__version-snapshot-list {
  display: flex;
}

.main_ui_workspace_sidebar_versions__version-snapshot-entry-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.main_ui_workspace_sidebar_versions__version-snapshot-entry-wrapper:hover .main_ui_workspace_sidebar_versions__version-snapshot-menu-btn {
  visibility: initial;
}

.main_ui_workspace_sidebar_versions__version-snapshot-entry {
  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;
}
.main_ui_workspace_sidebar_versions__version-snapshot-entry:hover {
  color: var(--color-accent-primary);
}
.main_ui_workspace_sidebar_versions__version-snapshot-entry:active {
  color: var(--color-accent-primary);
}
.main_ui_workspace_sidebar_versions__version-snapshot-entry:active .icon-pin {
  visibility: initial;
  fill: var(--color-accent-primary);
}

.main_ui_workspace_sidebar_versions__version-snapshot-menu-btn {
  visibility: hidden;
}

.main_ui_workspace_sidebar_versions__cta {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
}
.main_ui_workspace_sidebar_versions__cta a {
  color: var(--color-accent-primary);
}
@keyframes main_ui_workspace_sidebar_options_common__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_common__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_common__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_common__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_common__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_common__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_common__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_common__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_common__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_common__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_common__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_common__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_common__button-primary, .main_ui_workspace_sidebar_options_common__modal-danger-btn, .main_ui_workspace_sidebar_options_common__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_common__button-primary:focus-visible, .main_ui_workspace_sidebar_options_common__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_common__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_common__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_common__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_common__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_common__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_common__button-primary svg, .main_ui_workspace_sidebar_options_common__modal-danger-btn svg, .main_ui_workspace_sidebar_options_common__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_common__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_common__button-primary:hover, .main_ui_workspace_sidebar_options_common__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_common__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_common__button-primary:hover svg, .main_ui_workspace_sidebar_options_common__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_common__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_common__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_common__button-primary:active, .main_ui_workspace_sidebar_options_common__modal-danger-btn:active, .main_ui_workspace_sidebar_options_common__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_common__button-primary:active svg, .main_ui_workspace_sidebar_options_common__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_common__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_common__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_common__button-primary.disabled, .main_ui_workspace_sidebar_options_common__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_common__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_common__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_common__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_common__modal-accept-btn, .main_ui_workspace_sidebar_options_common__button-primary:disabled, .main_ui_workspace_sidebar_options_common__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_common__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_common__button-secondary, .main_ui_workspace_sidebar_options_common__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_common__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_common__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_common__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_common__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_common__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_common__button-secondary svg, .main_ui_workspace_sidebar_options_common__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_common__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_common__button-secondary:hover, .main_ui_workspace_sidebar_options_common__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_common__button-secondary:hover svg, .main_ui_workspace_sidebar_options_common__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_common__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_common__button-secondary:active, .main_ui_workspace_sidebar_options_common__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_common__button-secondary:active svg, .main_ui_workspace_sidebar_options_common__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_common__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_common__button-secondary.disabled, .main_ui_workspace_sidebar_options_common__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_common__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_common__modal-cancel-btn, .main_ui_workspace_sidebar_options_common__button-secondary:disabled, .main_ui_workspace_sidebar_options_common__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_common__button-tertiary, .main_ui_workspace_sidebar_options_common__attr-title button, .main_ui_workspace_sidebar_options_common__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_common__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_common__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_common__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_common__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_common__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_common__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_common__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_common__button-tertiary svg, .main_ui_workspace_sidebar_options_common__attr-title button svg, .main_ui_workspace_sidebar_options_common__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_common__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_common__button-tertiary:hover, .main_ui_workspace_sidebar_options_common__attr-title button:hover, .main_ui_workspace_sidebar_options_common__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_common__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_common__attr-title button:hover svg, .main_ui_workspace_sidebar_options_common__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_common__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_common__button-tertiary:active, .main_ui_workspace_sidebar_options_common__attr-title button:active, .main_ui_workspace_sidebar_options_common__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_common__button-tertiary:active svg, .main_ui_workspace_sidebar_options_common__attr-title button:active svg, .main_ui_workspace_sidebar_options_common__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_common__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_common__button-tertiary.disabled, .main_ui_workspace_sidebar_options_common__attr-title button.disabled, .main_ui_workspace_sidebar_options_common__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_common__button-tertiary[disabled], .main_ui_workspace_sidebar_options_common__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_common__modal-close-btn-base, .main_ui_workspace_sidebar_options_common__button-tertiary:disabled, .main_ui_workspace_sidebar_options_common__attr-title button:disabled, .main_ui_workspace_sidebar_options_common__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_common__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_common__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_common__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_common__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_common__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_common__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_common__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_common__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_common__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_common__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_common__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_common__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_common__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_common__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_common__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_common__button-radio: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);
}
.main_ui_workspace_sidebar_options_common__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_common__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_common__button-radio svg,
.main_ui_workspace_sidebar_options_common__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_common__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_common__button-radio:hover svg,
.main_ui_workspace_sidebar_options_common__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_common__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_common__button-radio:active svg,
.main_ui_workspace_sidebar_options_common__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_common__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_common__button-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;
}

.main_ui_workspace_sidebar_options_common__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_common__button-tag: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);
}
.main_ui_workspace_sidebar_options_common__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_common__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_common__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_common__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_common__button-icon, .main_ui_workspace_sidebar_options_common__empty-icon svg, .main_ui_workspace_sidebar_options_common__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_common__button-icon-small, .main_ui_workspace_sidebar_options_common__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_common__attr-title button svg, .main_ui_workspace_sidebar_options_common__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_common__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_common__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_common__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_common__input-element span svg,
.main_ui_workspace_sidebar_options_common__input-element label svg, .main_ui_workspace_sidebar_options_common__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_common__button-icon-small, .main_ui_workspace_sidebar_options_common__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_common__attr-title button svg, .main_ui_workspace_sidebar_options_common__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_common__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_common__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_common__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_common__input-element span svg,
.main_ui_workspace_sidebar_options_common__input-element label svg, .main_ui_workspace_sidebar_options_common__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_common__input-base, .main_ui_workspace_sidebar_options_common__input-with-label input, .main_ui_workspace_sidebar_options_common__input-element-label input, .main_ui_workspace_sidebar_options_common__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_common__input-base[disabled], .main_ui_workspace_sidebar_options_common__input-with-label input[disabled], .main_ui_workspace_sidebar_options_common__input-element-label input[disabled], .main_ui_workspace_sidebar_options_common__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_common__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_common__input-label, .main_ui_workspace_sidebar_options_common__input-element span,
.main_ui_workspace_sidebar_options_common__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_common__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_common__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_common__input-element span svg,
.main_ui_workspace_sidebar_options_common__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_common__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_common__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_common__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_common__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_common__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_common__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_common__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_common__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_common__input-element:focus, .main_ui_workspace_sidebar_options_common__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_common__input-element:focus span, .main_ui_workspace_sidebar_options_common__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_common__input-element:focus input, .main_ui_workspace_sidebar_options_common__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_common__input-element:focus:hover, .main_ui_workspace_sidebar_options_common__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_common__input-element:focus:hover span, .main_ui_workspace_sidebar_options_common__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_common__input-element:focus:hover input, .main_ui_workspace_sidebar_options_common__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_common__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_common__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_common__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_common__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_common__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_common__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_common__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_common__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_common__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_common__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_common__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_common__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_common__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_common__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_common__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_common__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_common__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_common__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_common__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_common__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_common__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_common__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_common__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_common__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_common__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_common__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_common__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_common__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_common__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_common__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_common__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_common__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_common__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_common__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_common__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_common__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_common__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_common__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_common__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_common__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_common__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_common__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_common__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_common__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_common__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_common__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_common__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_common__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_common__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_common__advanced-options-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@keyframes main_ui_workspace_sidebar_options_page__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_page__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_page__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_page__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_page__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_page__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_page__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_page__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_page__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_page__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_page__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_page__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_page__button-primary, .main_ui_workspace_sidebar_options_page__modal-danger-btn, .main_ui_workspace_sidebar_options_page__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_page__button-primary:focus-visible, .main_ui_workspace_sidebar_options_page__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_page__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_page__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_page__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_page__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_page__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_page__button-primary svg, .main_ui_workspace_sidebar_options_page__modal-danger-btn svg, .main_ui_workspace_sidebar_options_page__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_page__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_page__button-primary:hover, .main_ui_workspace_sidebar_options_page__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_page__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_page__button-primary:hover svg, .main_ui_workspace_sidebar_options_page__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_page__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_page__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_page__button-primary:active, .main_ui_workspace_sidebar_options_page__modal-danger-btn:active, .main_ui_workspace_sidebar_options_page__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_page__button-primary:active svg, .main_ui_workspace_sidebar_options_page__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_page__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_page__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_page__button-primary.disabled, .main_ui_workspace_sidebar_options_page__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_page__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_page__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_page__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_page__modal-accept-btn, .main_ui_workspace_sidebar_options_page__button-primary:disabled, .main_ui_workspace_sidebar_options_page__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_page__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_page__button-secondary, .main_ui_workspace_sidebar_options_page__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_page__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_page__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_page__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_page__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_page__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_page__button-secondary svg, .main_ui_workspace_sidebar_options_page__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_page__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_page__button-secondary:hover, .main_ui_workspace_sidebar_options_page__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_page__button-secondary:hover svg, .main_ui_workspace_sidebar_options_page__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_page__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_page__button-secondary:active, .main_ui_workspace_sidebar_options_page__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_page__button-secondary:active svg, .main_ui_workspace_sidebar_options_page__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_page__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_page__button-secondary.disabled, .main_ui_workspace_sidebar_options_page__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_page__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_page__modal-cancel-btn, .main_ui_workspace_sidebar_options_page__button-secondary:disabled, .main_ui_workspace_sidebar_options_page__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_page__button-tertiary, .main_ui_workspace_sidebar_options_page__attr-title button, .main_ui_workspace_sidebar_options_page__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_page__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_page__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_page__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_page__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_page__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_page__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_page__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_page__button-tertiary svg, .main_ui_workspace_sidebar_options_page__attr-title button svg, .main_ui_workspace_sidebar_options_page__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_page__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_page__button-tertiary:hover, .main_ui_workspace_sidebar_options_page__attr-title button:hover, .main_ui_workspace_sidebar_options_page__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_page__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_page__attr-title button:hover svg, .main_ui_workspace_sidebar_options_page__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_page__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_page__button-tertiary:active, .main_ui_workspace_sidebar_options_page__attr-title button:active, .main_ui_workspace_sidebar_options_page__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_page__button-tertiary:active svg, .main_ui_workspace_sidebar_options_page__attr-title button:active svg, .main_ui_workspace_sidebar_options_page__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_page__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_page__button-tertiary.disabled, .main_ui_workspace_sidebar_options_page__attr-title button.disabled, .main_ui_workspace_sidebar_options_page__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_page__button-tertiary[disabled], .main_ui_workspace_sidebar_options_page__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_page__modal-close-btn-base, .main_ui_workspace_sidebar_options_page__button-tertiary:disabled, .main_ui_workspace_sidebar_options_page__attr-title button:disabled, .main_ui_workspace_sidebar_options_page__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_page__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_page__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_page__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_page__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_page__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_page__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_page__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_page__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_page__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_page__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_page__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_page__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_page__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_page__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_page__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_page__button-radio: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);
}
.main_ui_workspace_sidebar_options_page__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_page__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_page__button-radio svg,
.main_ui_workspace_sidebar_options_page__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_page__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_page__button-radio:hover svg,
.main_ui_workspace_sidebar_options_page__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_page__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_page__button-radio:active svg,
.main_ui_workspace_sidebar_options_page__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_page__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_page__button-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;
}

.main_ui_workspace_sidebar_options_page__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_page__button-tag: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);
}
.main_ui_workspace_sidebar_options_page__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_page__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_page__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_page__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_page__button-icon, .main_ui_workspace_sidebar_options_page__empty-icon svg, .main_ui_workspace_sidebar_options_page__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_page__button-icon-small, .main_ui_workspace_sidebar_options_page__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_page__attr-title button svg, .main_ui_workspace_sidebar_options_page__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_page__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_page__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_page__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_page__input-element span svg,
.main_ui_workspace_sidebar_options_page__input-element label svg, .main_ui_workspace_sidebar_options_page__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_page__button-icon-small, .main_ui_workspace_sidebar_options_page__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_page__attr-title button svg, .main_ui_workspace_sidebar_options_page__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_page__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_page__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_page__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_page__input-element span svg,
.main_ui_workspace_sidebar_options_page__input-element label svg, .main_ui_workspace_sidebar_options_page__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_page__input-base, .main_ui_workspace_sidebar_options_page__input-with-label input, .main_ui_workspace_sidebar_options_page__input-element-label input, .main_ui_workspace_sidebar_options_page__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_page__input-base[disabled], .main_ui_workspace_sidebar_options_page__input-with-label input[disabled], .main_ui_workspace_sidebar_options_page__input-element-label input[disabled], .main_ui_workspace_sidebar_options_page__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_page__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_page__input-label, .main_ui_workspace_sidebar_options_page__input-element span,
.main_ui_workspace_sidebar_options_page__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_page__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_page__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_page__input-element span svg,
.main_ui_workspace_sidebar_options_page__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_page__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_page__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_page__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_page__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_page__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_page__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_page__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_page__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_page__input-element:focus, .main_ui_workspace_sidebar_options_page__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_page__input-element:focus span, .main_ui_workspace_sidebar_options_page__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_page__input-element:focus input, .main_ui_workspace_sidebar_options_page__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_page__input-element:focus:hover, .main_ui_workspace_sidebar_options_page__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_page__input-element:focus:hover span, .main_ui_workspace_sidebar_options_page__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_page__input-element:focus:hover input, .main_ui_workspace_sidebar_options_page__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_page__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_page__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_page__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_page__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_page__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_page__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_page__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_page__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_page__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_page__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_page__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_page__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_page__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_page__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_page__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_page__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_page__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_page__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_page__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_page__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_page__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_page__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_page__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_page__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_page__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_page__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_page__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_page__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_page__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_page__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_page__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_page__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_page__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_page__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_page__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_page__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_page__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_page__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_page__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_page__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_page__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_page__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_page__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_page__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_page__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_page__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_page__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_page__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_page__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}
@keyframes main_ui_workspace_sidebar_options_shapes_group__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_shapes_group__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_shapes_group__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_shapes_group__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_shapes_group__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_shapes_group__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_shapes_group__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_shapes_group__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_shapes_group__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_shapes_group__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_shapes_group__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_shapes_group__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_shapes_group__button-primary, .main_ui_workspace_sidebar_options_shapes_group__modal-danger-btn, .main_ui_workspace_sidebar_options_shapes_group__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_shapes_group__button-primary:focus-visible, .main_ui_workspace_sidebar_options_shapes_group__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_shapes_group__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_shapes_group__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_shapes_group__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_shapes_group__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_shapes_group__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_group__button-primary svg, .main_ui_workspace_sidebar_options_shapes_group__modal-danger-btn svg, .main_ui_workspace_sidebar_options_shapes_group__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_shapes_group__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_shapes_group__button-primary:hover, .main_ui_workspace_sidebar_options_shapes_group__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_shapes_group__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_shapes_group__button-primary:hover svg, .main_ui_workspace_sidebar_options_shapes_group__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_shapes_group__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_shapes_group__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_group__button-primary:active, .main_ui_workspace_sidebar_options_shapes_group__modal-danger-btn:active, .main_ui_workspace_sidebar_options_shapes_group__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_shapes_group__button-primary:active svg, .main_ui_workspace_sidebar_options_shapes_group__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_shapes_group__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_shapes_group__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_group__button-primary.disabled, .main_ui_workspace_sidebar_options_shapes_group__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_shapes_group__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_shapes_group__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_shapes_group__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_shapes_group__modal-accept-btn, .main_ui_workspace_sidebar_options_shapes_group__button-primary:disabled, .main_ui_workspace_sidebar_options_shapes_group__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_shapes_group__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_shapes_group__button-secondary, .main_ui_workspace_sidebar_options_shapes_group__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_shapes_group__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_shapes_group__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_group__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_shapes_group__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_shapes_group__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_group__button-secondary svg, .main_ui_workspace_sidebar_options_shapes_group__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_shapes_group__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_shapes_group__button-secondary:hover, .main_ui_workspace_sidebar_options_shapes_group__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_shapes_group__button-secondary:hover svg, .main_ui_workspace_sidebar_options_shapes_group__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_shapes_group__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_group__button-secondary:active, .main_ui_workspace_sidebar_options_shapes_group__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_shapes_group__button-secondary:active svg, .main_ui_workspace_sidebar_options_shapes_group__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_shapes_group__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_group__button-secondary.disabled, .main_ui_workspace_sidebar_options_shapes_group__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_shapes_group__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_shapes_group__modal-cancel-btn, .main_ui_workspace_sidebar_options_shapes_group__button-secondary:disabled, .main_ui_workspace_sidebar_options_shapes_group__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_shapes_group__button-tertiary, .main_ui_workspace_sidebar_options_shapes_group__attr-title button, .main_ui_workspace_sidebar_options_shapes_group__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_shapes_group__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_shapes_group__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_shapes_group__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_shapes_group__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_shapes_group__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_shapes_group__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_shapes_group__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_group__button-tertiary svg, .main_ui_workspace_sidebar_options_shapes_group__attr-title button svg, .main_ui_workspace_sidebar_options_shapes_group__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_shapes_group__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_shapes_group__button-tertiary:hover, .main_ui_workspace_sidebar_options_shapes_group__attr-title button:hover, .main_ui_workspace_sidebar_options_shapes_group__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_group__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_shapes_group__attr-title button:hover svg, .main_ui_workspace_sidebar_options_shapes_group__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_shapes_group__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_group__button-tertiary:active, .main_ui_workspace_sidebar_options_shapes_group__attr-title button:active, .main_ui_workspace_sidebar_options_shapes_group__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_group__button-tertiary:active svg, .main_ui_workspace_sidebar_options_shapes_group__attr-title button:active svg, .main_ui_workspace_sidebar_options_shapes_group__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_shapes_group__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_group__button-tertiary.disabled, .main_ui_workspace_sidebar_options_shapes_group__attr-title button.disabled, .main_ui_workspace_sidebar_options_shapes_group__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_shapes_group__button-tertiary[disabled], .main_ui_workspace_sidebar_options_shapes_group__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_shapes_group__modal-close-btn-base, .main_ui_workspace_sidebar_options_shapes_group__button-tertiary:disabled, .main_ui_workspace_sidebar_options_shapes_group__attr-title button:disabled, .main_ui_workspace_sidebar_options_shapes_group__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_shapes_group__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_shapes_group__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_shapes_group__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_shapes_group__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_shapes_group__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_shapes_group__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_shapes_group__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_shapes_group__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_shapes_group__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_shapes_group__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_shapes_group__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_shapes_group__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_shapes_group__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_shapes_group__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_shapes_group__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_shapes_group__button-radio: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);
}
.main_ui_workspace_sidebar_options_shapes_group__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_shapes_group__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_group__button-radio svg,
.main_ui_workspace_sidebar_options_shapes_group__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_shapes_group__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_shapes_group__button-radio:hover svg,
.main_ui_workspace_sidebar_options_shapes_group__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_group__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_group__button-radio:active svg,
.main_ui_workspace_sidebar_options_shapes_group__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_shapes_group__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_shapes_group__button-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;
}

.main_ui_workspace_sidebar_options_shapes_group__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_shapes_group__button-tag: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);
}
.main_ui_workspace_sidebar_options_shapes_group__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_shapes_group__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_group__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_group__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_shapes_group__button-icon, .main_ui_workspace_sidebar_options_shapes_group__empty-icon svg, .main_ui_workspace_sidebar_options_shapes_group__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_shapes_group__button-icon-small, .main_ui_workspace_sidebar_options_shapes_group__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_shapes_group__attr-title button svg, .main_ui_workspace_sidebar_options_shapes_group__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_shapes_group__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_shapes_group__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_shapes_group__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_shapes_group__input-element span svg,
.main_ui_workspace_sidebar_options_shapes_group__input-element label svg, .main_ui_workspace_sidebar_options_shapes_group__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_shapes_group__button-icon-small, .main_ui_workspace_sidebar_options_shapes_group__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_shapes_group__attr-title button svg, .main_ui_workspace_sidebar_options_shapes_group__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_shapes_group__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_shapes_group__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_shapes_group__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_shapes_group__input-element span svg,
.main_ui_workspace_sidebar_options_shapes_group__input-element label svg, .main_ui_workspace_sidebar_options_shapes_group__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_shapes_group__input-base, .main_ui_workspace_sidebar_options_shapes_group__input-with-label input, .main_ui_workspace_sidebar_options_shapes_group__input-element-label input, .main_ui_workspace_sidebar_options_shapes_group__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_group__input-base[disabled], .main_ui_workspace_sidebar_options_shapes_group__input-with-label input[disabled], .main_ui_workspace_sidebar_options_shapes_group__input-element-label input[disabled], .main_ui_workspace_sidebar_options_shapes_group__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_shapes_group__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_shapes_group__input-label, .main_ui_workspace_sidebar_options_shapes_group__input-element span,
.main_ui_workspace_sidebar_options_shapes_group__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_shapes_group__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element span svg,
.main_ui_workspace_sidebar_options_shapes_group__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element:focus, .main_ui_workspace_sidebar_options_shapes_group__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element:focus span, .main_ui_workspace_sidebar_options_shapes_group__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element:focus input, .main_ui_workspace_sidebar_options_shapes_group__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element:focus:hover, .main_ui_workspace_sidebar_options_shapes_group__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element:focus:hover span, .main_ui_workspace_sidebar_options_shapes_group__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element:focus:hover input, .main_ui_workspace_sidebar_options_shapes_group__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_shapes_group__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_shapes_group__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_group__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_shapes_group__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_shapes_group__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_shapes_group__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_group__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_group__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_shapes_group__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_shapes_group__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_shapes_group__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_group__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_shapes_group__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_shapes_group__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_shapes_group__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_shapes_group__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_shapes_group__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_shapes_group__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_shapes_group__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_shapes_group__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_shapes_group__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_group__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_shapes_group__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_shapes_group__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_shapes_group__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_shapes_group__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_shapes_group__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_shapes_group__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_shapes_group__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_shapes_group__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_shapes_group__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_shapes_group__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_shapes_group__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_shapes_group__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_shapes_group__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_shapes_group__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_shapes_group__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_shapes_group__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_shapes_group__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_shapes_group__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_shapes_group__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_shapes_group__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_shapes_group__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_shapes_group__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_shapes_group__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_shapes_group__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_shapes_group__options {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@keyframes main_ui_workspace_sidebar_options_shapes_multiple__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_shapes_multiple__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_shapes_multiple__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_shapes_multiple__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_shapes_multiple__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_shapes_multiple__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_shapes_multiple__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_shapes_multiple__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_shapes_multiple__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_shapes_multiple__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_shapes_multiple__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_shapes_multiple__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_shapes_multiple__button-primary, .main_ui_workspace_sidebar_options_shapes_multiple__modal-danger-btn, .main_ui_workspace_sidebar_options_shapes_multiple__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-primary:focus-visible, .main_ui_workspace_sidebar_options_shapes_multiple__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_shapes_multiple__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-primary svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-danger-btn svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-primary:hover, .main_ui_workspace_sidebar_options_shapes_multiple__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_shapes_multiple__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-primary:hover svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-primary:active, .main_ui_workspace_sidebar_options_shapes_multiple__modal-danger-btn:active, .main_ui_workspace_sidebar_options_shapes_multiple__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-primary:active svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-primary.disabled, .main_ui_workspace_sidebar_options_shapes_multiple__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_shapes_multiple__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_shapes_multiple__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_shapes_multiple__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_shapes_multiple__modal-accept-btn, .main_ui_workspace_sidebar_options_shapes_multiple__button-primary:disabled, .main_ui_workspace_sidebar_options_shapes_multiple__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_shapes_multiple__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_shapes_multiple__button-secondary, .main_ui_workspace_sidebar_options_shapes_multiple__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_shapes_multiple__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-secondary svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-secondary:hover, .main_ui_workspace_sidebar_options_shapes_multiple__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-secondary:hover svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-secondary:active, .main_ui_workspace_sidebar_options_shapes_multiple__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-secondary:active svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-secondary.disabled, .main_ui_workspace_sidebar_options_shapes_multiple__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_shapes_multiple__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_shapes_multiple__modal-cancel-btn, .main_ui_workspace_sidebar_options_shapes_multiple__button-secondary:disabled, .main_ui_workspace_sidebar_options_shapes_multiple__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary, .main_ui_workspace_sidebar_options_shapes_multiple__attr-title button, .main_ui_workspace_sidebar_options_shapes_multiple__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_shapes_multiple__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_shapes_multiple__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_shapes_multiple__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary svg, .main_ui_workspace_sidebar_options_shapes_multiple__attr-title button svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary:hover, .main_ui_workspace_sidebar_options_shapes_multiple__attr-title button:hover, .main_ui_workspace_sidebar_options_shapes_multiple__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_shapes_multiple__attr-title button:hover svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary:active, .main_ui_workspace_sidebar_options_shapes_multiple__attr-title button:active, .main_ui_workspace_sidebar_options_shapes_multiple__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary:active svg, .main_ui_workspace_sidebar_options_shapes_multiple__attr-title button:active svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary.disabled, .main_ui_workspace_sidebar_options_shapes_multiple__attr-title button.disabled, .main_ui_workspace_sidebar_options_shapes_multiple__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary[disabled], .main_ui_workspace_sidebar_options_shapes_multiple__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_shapes_multiple__modal-close-btn-base, .main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary:disabled, .main_ui_workspace_sidebar_options_shapes_multiple__attr-title button:disabled, .main_ui_workspace_sidebar_options_shapes_multiple__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_shapes_multiple__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_shapes_multiple__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_shapes_multiple__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_shapes_multiple__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_shapes_multiple__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_shapes_multiple__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-radio: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);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-radio svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-radio:hover svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-radio:active svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_shapes_multiple__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_shapes_multiple__button-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;
}

.main_ui_workspace_sidebar_options_shapes_multiple__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-tag: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);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_shapes_multiple__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_multiple__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_shapes_multiple__button-icon, .main_ui_workspace_sidebar_options_shapes_multiple__empty-icon svg, .main_ui_workspace_sidebar_options_shapes_multiple__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_shapes_multiple__button-icon-small, .main_ui_workspace_sidebar_options_shapes_multiple__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_shapes_multiple__attr-title button svg, .main_ui_workspace_sidebar_options_shapes_multiple__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_shapes_multiple__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_shapes_multiple__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_shapes_multiple__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_shapes_multiple__input-element span svg,
.main_ui_workspace_sidebar_options_shapes_multiple__input-element label svg, .main_ui_workspace_sidebar_options_shapes_multiple__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_shapes_multiple__button-icon-small, .main_ui_workspace_sidebar_options_shapes_multiple__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_shapes_multiple__attr-title button svg, .main_ui_workspace_sidebar_options_shapes_multiple__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_shapes_multiple__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_shapes_multiple__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_shapes_multiple__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_shapes_multiple__input-element span svg,
.main_ui_workspace_sidebar_options_shapes_multiple__input-element label svg, .main_ui_workspace_sidebar_options_shapes_multiple__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_shapes_multiple__input-base, .main_ui_workspace_sidebar_options_shapes_multiple__input-with-label input, .main_ui_workspace_sidebar_options_shapes_multiple__input-element-label input, .main_ui_workspace_sidebar_options_shapes_multiple__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-base[disabled], .main_ui_workspace_sidebar_options_shapes_multiple__input-with-label input[disabled], .main_ui_workspace_sidebar_options_shapes_multiple__input-element-label input[disabled], .main_ui_workspace_sidebar_options_shapes_multiple__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_shapes_multiple__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-label, .main_ui_workspace_sidebar_options_shapes_multiple__input-element span,
.main_ui_workspace_sidebar_options_shapes_multiple__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_shapes_multiple__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element span svg,
.main_ui_workspace_sidebar_options_shapes_multiple__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element:focus, .main_ui_workspace_sidebar_options_shapes_multiple__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element:focus span, .main_ui_workspace_sidebar_options_shapes_multiple__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element:focus input, .main_ui_workspace_sidebar_options_shapes_multiple__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element:focus:hover, .main_ui_workspace_sidebar_options_shapes_multiple__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element:focus:hover span, .main_ui_workspace_sidebar_options_shapes_multiple__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element:focus:hover input, .main_ui_workspace_sidebar_options_shapes_multiple__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_shapes_multiple__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_shapes_multiple__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_shapes_multiple__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_shapes_multiple__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_shapes_multiple__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_shapes_multiple__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_shapes_multiple__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_shapes_multiple__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_shapes_multiple__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_shapes_multiple__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_shapes_multiple__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_shapes_multiple__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_shapes_multiple__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_shapes_multiple__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_shapes_multiple__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_shapes_multiple__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_shapes_multiple__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_shapes_multiple__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_shapes_multiple__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_shapes_multiple__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_shapes_multiple__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_shapes_multiple__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_shapes_multiple__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_shapes_multiple__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_shapes_multiple__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_shapes_multiple__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_shapes_multiple__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_shapes_multiple__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_shapes_multiple__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_shapes_multiple__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_shapes_multiple__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_shapes_multiple__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_shapes_multiple__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_shapes_multiple__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_shapes_multiple__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_shapes_multiple__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_shapes_multiple__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_shapes_multiple__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_shapes_multiple__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_shapes_multiple__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_shapes_multiple__options {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@keyframes main_ui_workspace_sidebar_options_rows_color_row__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_rows_color_row__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_rows_color_row__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_rows_color_row__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_rows_color_row__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_rows_color_row__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_rows_color_row__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_rows_color_row__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_rows_color_row__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_rows_color_row__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_rows_color_row__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_rows_color_row__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_rows_color_row__button-primary, .main_ui_workspace_sidebar_options_rows_color_row__modal-danger-btn, .main_ui_workspace_sidebar_options_rows_color_row__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_rows_color_row__button-primary:focus-visible, .main_ui_workspace_sidebar_options_rows_color_row__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_rows_color_row__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-primary svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-danger-btn svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-primary:hover, .main_ui_workspace_sidebar_options_rows_color_row__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_rows_color_row__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_rows_color_row__button-primary:hover svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-primary:active, .main_ui_workspace_sidebar_options_rows_color_row__modal-danger-btn:active, .main_ui_workspace_sidebar_options_rows_color_row__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_rows_color_row__button-primary:active svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-primary.disabled, .main_ui_workspace_sidebar_options_rows_color_row__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_rows_color_row__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_rows_color_row__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_rows_color_row__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_rows_color_row__modal-accept-btn, .main_ui_workspace_sidebar_options_rows_color_row__button-primary:disabled, .main_ui_workspace_sidebar_options_rows_color_row__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_rows_color_row__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_rows_color_row__button-secondary, .main_ui_workspace_sidebar_options_rows_color_row__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_rows_color_row__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-secondary svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-secondary:hover, .main_ui_workspace_sidebar_options_rows_color_row__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_rows_color_row__button-secondary:hover svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-secondary:active, .main_ui_workspace_sidebar_options_rows_color_row__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-secondary:active svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-secondary.disabled, .main_ui_workspace_sidebar_options_rows_color_row__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_rows_color_row__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_rows_color_row__modal-cancel-btn, .main_ui_workspace_sidebar_options_rows_color_row__button-secondary:disabled, .main_ui_workspace_sidebar_options_rows_color_row__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__detach-btn, .main_ui_workspace_sidebar_options_rows_color_row__attr-title button, .main_ui_workspace_sidebar_options_rows_color_row__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__detach-btn:focus-visible, .main_ui_workspace_sidebar_options_rows_color_row__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_rows_color_row__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__detach-btn:focus-visible svg, .main_ui_workspace_sidebar_options_rows_color_row__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary svg, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__detach-btn svg, .main_ui_workspace_sidebar_options_rows_color_row__attr-title button svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary:hover, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__detach-btn:hover, .main_ui_workspace_sidebar_options_rows_color_row__attr-title button:hover, .main_ui_workspace_sidebar_options_rows_color_row__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__detach-btn:hover svg, .main_ui_workspace_sidebar_options_rows_color_row__attr-title button:hover svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary:active, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__detach-btn:active, .main_ui_workspace_sidebar_options_rows_color_row__attr-title button:active, .main_ui_workspace_sidebar_options_rows_color_row__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary:active svg, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__detach-btn:active svg, .main_ui_workspace_sidebar_options_rows_color_row__attr-title button:active svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary.disabled, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__detach-btn.disabled, .main_ui_workspace_sidebar_options_rows_color_row__attr-title button.disabled, .main_ui_workspace_sidebar_options_rows_color_row__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_rows_color_row__button-tertiary[disabled], .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper [disabled].main_ui_workspace_sidebar_options_rows_color_row__detach-btn, .main_ui_workspace_sidebar_options_rows_color_row__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_rows_color_row__modal-close-btn-base, .main_ui_workspace_sidebar_options_rows_color_row__button-tertiary:disabled, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__detach-btn:disabled, .main_ui_workspace_sidebar_options_rows_color_row__attr-title button:disabled, .main_ui_workspace_sidebar_options_rows_color_row__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__detach-btn.disabled svg, .main_ui_workspace_sidebar_options_rows_color_row__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_rows_color_row__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper [disabled].main_ui_workspace_sidebar_options_rows_color_row__detach-btn svg, .main_ui_workspace_sidebar_options_rows_color_row__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_rows_color_row__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_rows_color_row__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__detach-btn:disabled svg, .main_ui_workspace_sidebar_options_rows_color_row__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_rows_color_row__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_rows_color_row__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-radio: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);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-radio svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_rows_color_row__button-radio:hover svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-radio:active svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_rows_color_row__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_rows_color_row__button-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;
}

.main_ui_workspace_sidebar_options_rows_color_row__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_rows_color_row__button-tag: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);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_rows_color_row__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_rows_color_row__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_rows_color_row__button-icon, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__detach-icon, .main_ui_workspace_sidebar_options_rows_color_row__empty-icon svg, .main_ui_workspace_sidebar_options_rows_color_row__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_rows_color_row__button-icon-small, .main_ui_workspace_sidebar_options_rows_color_row__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_rows_color_row__attr-title button svg, .main_ui_workspace_sidebar_options_rows_color_row__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_rows_color_row__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_rows_color_row__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_rows_color_row__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_rows_color_row__input-element span svg, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper span svg, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper span svg,
.main_ui_workspace_sidebar_options_rows_color_row__input-element label svg,
.main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper label svg,
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper label svg, .main_ui_workspace_sidebar_options_rows_color_row__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_rows_color_row__button-icon-small, .main_ui_workspace_sidebar_options_rows_color_row__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_rows_color_row__attr-title button svg, .main_ui_workspace_sidebar_options_rows_color_row__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_rows_color_row__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_rows_color_row__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_rows_color_row__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_rows_color_row__input-element span svg, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper span svg, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper span svg,
.main_ui_workspace_sidebar_options_rows_color_row__input-element label svg,
.main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper label svg,
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper label svg, .main_ui_workspace_sidebar_options_rows_color_row__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_rows_color_row__input-base, .main_ui_workspace_sidebar_options_rows_color_row__input-with-label input, .main_ui_workspace_sidebar_options_rows_color_row__input-element-label input, .main_ui_workspace_sidebar_options_rows_color_row__input-element input, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper input, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-base[disabled], .main_ui_workspace_sidebar_options_rows_color_row__input-with-label input[disabled], .main_ui_workspace_sidebar_options_rows_color_row__input-element-label input[disabled], .main_ui_workspace_sidebar_options_rows_color_row__input-element input[disabled], .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper input[disabled], .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_rows_color_row__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_rows_color_row__input-label, .main_ui_workspace_sidebar_options_rows_color_row__input-element span, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper span, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper span,
.main_ui_workspace_sidebar_options_rows_color_row__input-element label,
.main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper label,
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_rows_color_row__input-element, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element:focus-within, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:focus-within, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element span svg, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper span svg, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper span svg,
.main_ui_workspace_sidebar_options_rows_color_row__input-element label svg,
.main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper label svg,
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element ::-moz-placeholder, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper ::-moz-placeholder, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element ::placeholder, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper ::placeholder, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element:hover, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:hover, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element:hover span, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:hover span, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element:hover input, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:hover input, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element:active, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:active, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element:active span, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:active span, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element:active input, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:active input, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element:focus, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:focus, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus, .main_ui_workspace_sidebar_options_rows_color_row__input-element:focus-within, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:focus-within, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element:focus span, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:focus span, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus span, .main_ui_workspace_sidebar_options_rows_color_row__input-element:focus-within span, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:focus-within span, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element:focus input, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:focus input, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus input, .main_ui_workspace_sidebar_options_rows_color_row__input-element:focus-within input, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:focus-within input, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element:focus:hover, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:focus:hover, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus:hover, .main_ui_workspace_sidebar_options_rows_color_row__input-element:focus-within:hover, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:focus-within:hover, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element:focus:hover span, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:focus:hover span, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus:hover span, .main_ui_workspace_sidebar_options_rows_color_row__input-element:focus-within:hover span, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:focus-within:hover span, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element:focus:hover input, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:focus:hover input, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus:hover input, .main_ui_workspace_sidebar_options_rows_color_row__input-element:focus-within:hover input, .main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper:focus-within:hover input, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_rows_color_row__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_rows_color_row__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_rows_color_row__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_rows_color_row__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_rows_color_row__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_rows_color_row__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_rows_color_row__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_rows_color_row__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_rows_color_row__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_rows_color_row__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_rows_color_row__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_rows_color_row__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_rows_color_row__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_rows_color_row__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_rows_color_row__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_rows_color_row__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_rows_color_row__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_rows_color_row__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_rows_color_row__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_rows_color_row__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_rows_color_row__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_rows_color_row__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_rows_color_row__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_rows_color_row__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_rows_color_row__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_rows_color_row__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_rows_color_row__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_rows_color_row__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_rows_color_row__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_rows_color_row__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_rows_color_row__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_rows_color_row__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_rows_color_row__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_rows_color_row__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_rows_color_row__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_rows_color_row__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_rows_color_row__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_rows_color_row__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_rows_color_row__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_rows_color_row__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_rows_color_row__color-data {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  position: relative;
  --reorder-left-position: calc(-1 * var(--sp-m) - var(--sp-xxs));
}
.main_ui_workspace_sidebar_options_rows_color_row__color-data:hover {
  --reorder-icon-visibility: visible;
}
.main_ui_workspace_sidebar_options_rows_color_row__color-data.main_ui_workspace_sidebar_options_rows_color_row__dnd-over-top {
  --reorder-top-display: block;
}
.main_ui_workspace_sidebar_options_rows_color_row__color-data.main_ui_workspace_sidebar_options_rows_color_row__dnd-over-bot {
  --reorder-bottom-display: block;
}

.main_ui_workspace_sidebar_options_rows_color_row__hidden {
  display: none;
}

.main_ui_workspace_sidebar_options_rows_color_row__color-info {
  --detach-icon-foreground-color: none;
  display: grid;
  flex: 1;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 0.125rem;
  border-radius: 0.5rem;
  background-color: var(--input-details-color);
  height: 2rem;
}
.main_ui_workspace_sidebar_options_rows_color_row__color-info:hover {
  --detach-icon-foreground-color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__color-info:hover .main_ui_workspace_sidebar_options_rows_color_row__detach-btn,
.main_ui_workspace_sidebar_options_rows_color_row__color-info:hover .main_ui_workspace_sidebar_options_rows_color_row__select-btn {
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  flex-grow: 1;
  width: 100%;
  min-width: 0;
  border-radius: 0.5rem 0 0 0.5rem;
  padding: 0;
  margin-inline-end: 0;
  gap: 0.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper input {
  padding: 0;
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__color-bullet-wrapper {
  height: 1.75rem;
  padding: 0 0.125rem 0 0.5rem;
  border-radius: 0.5rem 0 0 0.5rem;
  background-color: transparent;
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__color-bullet-wrapper:hover {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__color-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-inline: 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__detach-btn {
  height: 1.75rem;
  width: 1.75rem;
  margin-inline-start: auto;
  border-radius: 0 0.5rem 0.5rem 0;
  display: none;
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__detach-icon {
  stroke: var(--detach-icon-foreground-color);
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__color-input-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.75rem;
  padding: 0 0px;
  width: 100%;
  margin: 0;
  flex-grow: 1;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color);
  border-radius: 0px;
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper.main_ui_workspace_sidebar_options_rows_color_row__no-opacity {
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper.main_ui_workspace_sidebar_options_rows_color_row__no-opacity .main_ui_workspace_sidebar_options_rows_color_row__color-input-wrapper {
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:hover {
  --detach-icon-foreground-color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
  border: 1px solid var(--input-border-color-hover);
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:hover .main_ui_workspace_sidebar_options_rows_color_row__color-bullet-wrapper,
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:hover .main_ui_workspace_sidebar_options_rows_color_row__color-name,
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:hover .main_ui_workspace_sidebar_options_rows_color_row__detach-btn,
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:hover .main_ui_workspace_sidebar_options_rows_color_row__color-input-wrapper {
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:hover .main_ui_workspace_sidebar_options_rows_color_row__detach-btn {
  display: flex;
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:hover.main_ui_workspace_sidebar_options_rows_color_row__editing {
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:hover.main_ui_workspace_sidebar_options_rows_color_row__editing .main_ui_workspace_sidebar_options_rows_color_row__color-bullet-wrapper,
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:hover.main_ui_workspace_sidebar_options_rows_color_row__editing .main_ui_workspace_sidebar_options_rows_color_row__color-name,
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:hover.main_ui_workspace_sidebar_options_rows_color_row__editing .main_ui_workspace_sidebar_options_rows_color_row__detach-btn,
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:hover.main_ui_workspace_sidebar_options_rows_color_row__editing .main_ui_workspace_sidebar_options_rows_color_row__color-input-wrapper {
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:hover:focus, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:hover:focus-within {
  background-color: var(--input-background-color-focus);
  border: 1px solid var(--input-border-color-focus);
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus-within {
  background-color: var(--input-background-color-focus);
  border: 1px solid var(--input-border-color-focus);
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus:hover, .main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper:focus-within:hover {
  background-color: var(--input-background-color-hover);
  border: 1px solid var(--input-border-color-focus);
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper.main_ui_workspace_sidebar_options_rows_color_row__editing {
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_rows_color_row__color-name-wrapper.main_ui_workspace_sidebar_options_rows_color_row__editing:hover {
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_sidebar_options_rows_color_row__library-name-wrapper {
  border-radius: 0.5rem;
}

.main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 3.75rem;
  border-radius: 0 0.5rem 0.5rem 0;
}
.main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper .main_ui_workspace_sidebar_options_rows_color_row__opacity-input {
  padding: 0;
  border-radius: 0 0.5rem 0.5rem 0;
  min-width: 1.75rem;
}
.main_ui_workspace_sidebar_options_rows_color_row__opacity-element-wrapper .main_ui_workspace_sidebar_options_rows_color_row__icon-text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  margin-inline-end: 0.25rem;
  margin-block-start: 0.125rem;
}
@keyframes main_ui_workspace_sidebar_options_rows_stroke_row__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_rows_stroke_row__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_rows_stroke_row__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_rows_stroke_row__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__button-primary, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-danger-btn, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-primary:focus-visible, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-primary svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-danger-btn svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-primary:hover, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-primary:hover svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-primary:active, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-danger-btn:active, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-primary:active svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-primary.disabled, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_rows_stroke_row__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_rows_stroke_row__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_rows_stroke_row__modal-accept-btn, .main_ui_workspace_sidebar_options_rows_stroke_row__button-primary:disabled, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__button-secondary, .main_ui_workspace_sidebar_options_rows_stroke_row__swap-caps-btn, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_rows_stroke_row__swap-caps-btn:focus-visible, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_rows_stroke_row__swap-caps-btn:focus-visible svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-secondary svg, .main_ui_workspace_sidebar_options_rows_stroke_row__swap-caps-btn svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-secondary:hover, .main_ui_workspace_sidebar_options_rows_stroke_row__swap-caps-btn:hover, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-secondary:hover svg, .main_ui_workspace_sidebar_options_rows_stroke_row__swap-caps-btn:hover svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-secondary:active, .main_ui_workspace_sidebar_options_rows_stroke_row__swap-caps-btn:active, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-secondary:active svg, .main_ui_workspace_sidebar_options_rows_stroke_row__swap-caps-btn:active svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-secondary.disabled, .main_ui_workspace_sidebar_options_rows_stroke_row__swap-caps-btn.disabled, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_rows_stroke_row__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_rows_stroke_row__swap-caps-btn, [disabled].main_ui_workspace_sidebar_options_rows_stroke_row__modal-cancel-btn, .main_ui_workspace_sidebar_options_rows_stroke_row__button-secondary:disabled, .main_ui_workspace_sidebar_options_rows_stroke_row__swap-caps-btn:disabled, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary, .main_ui_workspace_sidebar_options_rows_stroke_row__attr-title button, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_rows_stroke_row__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_rows_stroke_row__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary svg, .main_ui_workspace_sidebar_options_rows_stroke_row__attr-title button svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary:hover, .main_ui_workspace_sidebar_options_rows_stroke_row__attr-title button:hover, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_rows_stroke_row__attr-title button:hover svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary:active, .main_ui_workspace_sidebar_options_rows_stroke_row__attr-title button:active, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary:active svg, .main_ui_workspace_sidebar_options_rows_stroke_row__attr-title button:active svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary.disabled, .main_ui_workspace_sidebar_options_rows_stroke_row__attr-title button.disabled, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary[disabled], .main_ui_workspace_sidebar_options_rows_stroke_row__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_rows_stroke_row__modal-close-btn-base, .main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary:disabled, .main_ui_workspace_sidebar_options_rows_stroke_row__attr-title button:disabled, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_rows_stroke_row__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_rows_stroke_row__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_rows_stroke_row__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_rows_stroke_row__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-radio: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);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-radio svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-radio:hover svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-radio:active svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__button-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;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tag: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);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__button-icon, .main_ui_workspace_sidebar_options_rows_stroke_row__swap-caps-btn svg, .main_ui_workspace_sidebar_options_rows_stroke_row__empty-icon svg, .main_ui_workspace_sidebar_options_rows_stroke_row__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_rows_stroke_row__button-icon-small, .main_ui_workspace_sidebar_options_rows_stroke_row__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_rows_stroke_row__attr-title button svg, .main_ui_workspace_sidebar_options_rows_stroke_row__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_rows_stroke_row__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_rows_stroke_row__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_rows_stroke_row__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_rows_stroke_row__input-element span svg, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element span svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element label svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element label svg, .main_ui_workspace_sidebar_options_rows_stroke_row__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__button-icon-small, .main_ui_workspace_sidebar_options_rows_stroke_row__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_rows_stroke_row__attr-title button svg, .main_ui_workspace_sidebar_options_rows_stroke_row__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_rows_stroke_row__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_rows_stroke_row__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_rows_stroke_row__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_rows_stroke_row__input-element span svg, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element span svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element label svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element label svg, .main_ui_workspace_sidebar_options_rows_stroke_row__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_rows_stroke_row__input-base, .main_ui_workspace_sidebar_options_rows_stroke_row__input-with-label input, .main_ui_workspace_sidebar_options_rows_stroke_row__input-element-label input, .main_ui_workspace_sidebar_options_rows_stroke_row__input-element input, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-base[disabled], .main_ui_workspace_sidebar_options_rows_stroke_row__input-with-label input[disabled], .main_ui_workspace_sidebar_options_rows_stroke_row__input-element-label input[disabled], .main_ui_workspace_sidebar_options_rows_stroke_row__input-element input[disabled], .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-label, .main_ui_workspace_sidebar_options_rows_stroke_row__input-element span, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element span,
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element label,
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__input-element, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element:focus-within, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element span svg, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element span svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element label svg,
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element ::-moz-placeholder, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element ::placeholder, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element:hover, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element:hover span, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element:hover input, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element:active, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element:active span, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element:active input, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element:focus, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:focus, .main_ui_workspace_sidebar_options_rows_stroke_row__input-element:focus-within, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element:focus span, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:focus span, .main_ui_workspace_sidebar_options_rows_stroke_row__input-element:focus-within span, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element:focus input, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:focus input, .main_ui_workspace_sidebar_options_rows_stroke_row__input-element:focus-within input, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element:focus:hover, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:focus:hover, .main_ui_workspace_sidebar_options_rows_stroke_row__input-element:focus-within:hover, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element:focus:hover span, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:focus:hover span, .main_ui_workspace_sidebar_options_rows_stroke_row__input-element:focus-within:hover span, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element:focus:hover input, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:focus:hover input, .main_ui_workspace_sidebar_options_rows_stroke_row__input-element:focus-within:hover input, .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_rows_stroke_row__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_rows_stroke_row__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_rows_stroke_row__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_rows_stroke_row__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_rows_stroke_row__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_rows_stroke_row__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_rows_stroke_row__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_rows_stroke_row__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_rows_stroke_row__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-data {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
  --reorder-left-position: calc(-1 * var(--sp-l));
}
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-data:hover {
  --reorder-icon-visibility: visible;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-data.main_ui_workspace_sidebar_options_rows_stroke_row__dnd-over-top {
  --reorder-top-display: block;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-data.main_ui_workspace_sidebar_options_rows_stroke_row__dnd-over-bot {
  --reorder-bottom-display: block;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options {
  display: grid;
  align-items: center;
  gap: 0.25rem;
  grid-template-columns: 1fr 2fr 2fr;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options {
  display: grid;
  align-items: center;
  gap: 0.25rem;
  grid-template-columns: 1fr auto 1fr;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__cap-select {
  width: 100%;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-cap-dropdown,
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-cap-dropdown-start {
  min-width: 7.75rem;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 15.75rem;
  right: 0;
  left: unset;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-cap-dropdown-start {
  left: 0;
  right: unset;
}

.main_ui_workspace_sidebar_options_rows_stroke_row__swap-caps-btn {
  height: 2rem;
  width: 1.75rem;
}
@keyframes main_ui_workspace_sidebar_options_menus_align__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_align__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_align__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_align__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_align__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_align__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_align__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_align__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_align__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_align__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_align__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_align__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_align__button-primary, .main_ui_workspace_sidebar_options_menus_align__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_align__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_align__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_align__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_align__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_align__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_align__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_align__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_align__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_align__button-primary svg, .main_ui_workspace_sidebar_options_menus_align__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_align__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_align__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_align__button-primary:hover, .main_ui_workspace_sidebar_options_menus_align__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_align__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_align__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_align__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_align__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_align__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_align__button-primary:active, .main_ui_workspace_sidebar_options_menus_align__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_align__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_align__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_align__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_align__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_align__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_align__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_align__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_align__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_align__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_align__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_align__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_align__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_align__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_align__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_align__button-secondary, .main_ui_workspace_sidebar_options_menus_align__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_align__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_align__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_align__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_align__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_align__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_align__button-secondary svg, .main_ui_workspace_sidebar_options_menus_align__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_align__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_align__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_align__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_align__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_align__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_align__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_align__button-secondary:active, .main_ui_workspace_sidebar_options_menus_align__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_align__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_align__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_align__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_align__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_align__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_align__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_align__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_align__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_align__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_align__button-tertiary, .main_ui_workspace_sidebar_options_menus_align__align-button, .main_ui_workspace_sidebar_options_menus_align__attr-title button, .main_ui_workspace_sidebar_options_menus_align__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_align__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_align__align-button:focus-visible, .main_ui_workspace_sidebar_options_menus_align__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_align__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_align__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_align__align-button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_align__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_align__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_align__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_align__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_align__align-button svg, .main_ui_workspace_sidebar_options_menus_align__attr-title button svg, .main_ui_workspace_sidebar_options_menus_align__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_align__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_align__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_align__align-button:hover, .main_ui_workspace_sidebar_options_menus_align__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_align__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_align__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_align__align-button:hover svg, .main_ui_workspace_sidebar_options_menus_align__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_align__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_align__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_align__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_align__align-button:active, .main_ui_workspace_sidebar_options_menus_align__attr-title button:active, .main_ui_workspace_sidebar_options_menus_align__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_align__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_align__align-button:active svg, .main_ui_workspace_sidebar_options_menus_align__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_align__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_align__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_align__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_align__align-button.disabled, .main_ui_workspace_sidebar_options_menus_align__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_align__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_align__button-tertiary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_align__align-button, .main_ui_workspace_sidebar_options_menus_align__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_align__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_align__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_align__align-button:disabled, .main_ui_workspace_sidebar_options_menus_align__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_align__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_align__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_align__align-button.disabled svg, .main_ui_workspace_sidebar_options_menus_align__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_align__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_align__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_align__button-tertiary[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_align__align-button svg, .main_ui_workspace_sidebar_options_menus_align__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_align__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_align__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_align__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_align__align-button:disabled svg, .main_ui_workspace_sidebar_options_menus_align__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_align__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_align__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_align__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_align__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_align__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_align__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_align__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_align__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_align__button-radio svg,
.main_ui_workspace_sidebar_options_menus_align__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_align__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_align__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_align__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_align__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_align__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_align__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_align__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_align__button-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;
}

.main_ui_workspace_sidebar_options_menus_align__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_align__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_align__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_align__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_align__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_align__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_align__button-icon, .main_ui_workspace_sidebar_options_menus_align__align-button svg, .main_ui_workspace_sidebar_options_menus_align__empty-icon svg, .main_ui_workspace_sidebar_options_menus_align__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_align__button-icon-small, .main_ui_workspace_sidebar_options_menus_align__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_align__attr-title button svg, .main_ui_workspace_sidebar_options_menus_align__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_align__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_align__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_align__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_align__input-element span svg,
.main_ui_workspace_sidebar_options_menus_align__input-element label svg, .main_ui_workspace_sidebar_options_menus_align__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_align__button-icon-small, .main_ui_workspace_sidebar_options_menus_align__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_align__attr-title button svg, .main_ui_workspace_sidebar_options_menus_align__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_align__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_align__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_align__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_align__input-element span svg,
.main_ui_workspace_sidebar_options_menus_align__input-element label svg, .main_ui_workspace_sidebar_options_menus_align__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_align__input-base, .main_ui_workspace_sidebar_options_menus_align__input-with-label input, .main_ui_workspace_sidebar_options_menus_align__input-element-label input, .main_ui_workspace_sidebar_options_menus_align__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_align__input-base[disabled], .main_ui_workspace_sidebar_options_menus_align__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_align__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_align__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_align__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_align__input-label, .main_ui_workspace_sidebar_options_menus_align__input-element span,
.main_ui_workspace_sidebar_options_menus_align__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_align__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_align__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_align__input-element span svg,
.main_ui_workspace_sidebar_options_menus_align__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_align__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_align__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_align__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_align__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_align__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_align__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_align__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_align__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_align__input-element:focus, .main_ui_workspace_sidebar_options_menus_align__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_align__input-element:focus span, .main_ui_workspace_sidebar_options_menus_align__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_align__input-element:focus input, .main_ui_workspace_sidebar_options_menus_align__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_align__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_align__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_align__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_align__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_align__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_align__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_align__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_align__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_align__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_align__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_align__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_align__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_align__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_menus_align__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_align__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_align__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_align__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_align__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_align__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_align__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_align__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_align__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_align__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_align__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_align__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_align__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_align__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_align__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_align__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_align__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_align__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_align__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_align__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_align__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_align__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_align__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_align__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_align__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_align__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_align__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_align__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_align__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_align__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_align__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_align__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_align__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_align__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_align__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_align__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_align__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_align__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_align__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_align__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_align__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_align__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_align__align-options {
  display: flex;
  gap: 0.25rem;
  height: 2rem;
  margin: 0 -0.125rem;
}

.main_ui_workspace_sidebar_options_menus_align__align-group {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_align__align-button {
  height: 1.75rem;
  width: 1.75rem;
  padding: 0;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_align__align-button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_align__align-button.main_ui_workspace_sidebar_options_menus_align__disabled {
  cursor: default;
}
.main_ui_workspace_sidebar_options_menus_align__align-button.main_ui_workspace_sidebar_options_menus_align__disabled svg {
  stroke: var(--button-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_align__align-button.main_ui_workspace_sidebar_options_menus_align__disabled:hover {
  background-color: var(--panel-background-color);
}
.main_ui_workspace_sidebar_options_menus_align__align-button.main_ui_workspace_sidebar_options_menus_align__disabled:hover svg {
  stroke: var(--button-foreground-color-disabled);
}
@keyframes main_ui_workspace_sidebar_options_menus_blur__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_blur__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_blur__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_blur__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_blur__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_blur__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_blur__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_blur__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_blur__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_blur__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_blur__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_blur__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_blur__button-primary, .main_ui_workspace_sidebar_options_menus_blur__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_blur__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_blur__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_blur__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_blur__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_blur__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_blur__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_blur__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_blur__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_blur__button-primary svg, .main_ui_workspace_sidebar_options_menus_blur__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_blur__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_blur__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_blur__button-primary:hover, .main_ui_workspace_sidebar_options_menus_blur__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_blur__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_blur__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_blur__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_blur__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_blur__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_blur__button-primary:active, .main_ui_workspace_sidebar_options_menus_blur__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_blur__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_blur__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_blur__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_blur__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_blur__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_blur__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_blur__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_blur__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_blur__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_blur__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_blur__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_blur__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_blur__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_blur__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_blur__button-secondary, .main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__show-more, .main_ui_workspace_sidebar_options_menus_blur__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_blur__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__show-more:focus-visible, .main_ui_workspace_sidebar_options_menus_blur__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_blur__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__show-more:focus-visible svg, .main_ui_workspace_sidebar_options_menus_blur__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_blur__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_blur__button-secondary svg, .main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__show-more svg, .main_ui_workspace_sidebar_options_menus_blur__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_blur__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_blur__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__show-more:hover, .main_ui_workspace_sidebar_options_menus_blur__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_blur__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__show-more:hover svg, .main_ui_workspace_sidebar_options_menus_blur__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_blur__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_blur__button-secondary:active, .main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__show-more:active, .main_ui_workspace_sidebar_options_menus_blur__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_blur__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__show-more:active svg, .main_ui_workspace_sidebar_options_menus_blur__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_blur__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_blur__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__show-more.disabled, .main_ui_workspace_sidebar_options_menus_blur__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_blur__button-secondary[disabled], .main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info [disabled].main_ui_workspace_sidebar_options_menus_blur__show-more, [disabled].main_ui_workspace_sidebar_options_menus_blur__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_blur__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__show-more:disabled, .main_ui_workspace_sidebar_options_menus_blur__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_blur__button-tertiary, .main_ui_workspace_sidebar_options_menus_blur__attr-title button, .main_ui_workspace_sidebar_options_menus_blur__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_blur__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_blur__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_blur__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_blur__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_blur__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_blur__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_blur__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_blur__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_blur__attr-title button svg, .main_ui_workspace_sidebar_options_menus_blur__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_blur__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_blur__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_blur__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_blur__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_blur__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_blur__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_blur__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_blur__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_blur__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_blur__attr-title button:active, .main_ui_workspace_sidebar_options_menus_blur__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_blur__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_blur__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_blur__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_blur__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_blur__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_blur__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_blur__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_blur__button-tertiary[disabled], .main_ui_workspace_sidebar_options_menus_blur__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_blur__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_blur__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_blur__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_blur__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_blur__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_blur__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_blur__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_blur__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_blur__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_menus_blur__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_blur__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_blur__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_blur__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_blur__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_blur__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_blur__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_blur__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_blur__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_blur__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_blur__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_blur__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_blur__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_blur__button-radio svg,
.main_ui_workspace_sidebar_options_menus_blur__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_blur__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_blur__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_blur__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_blur__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_blur__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_blur__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_blur__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_blur__button-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;
}

.main_ui_workspace_sidebar_options_menus_blur__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_blur__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_blur__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_blur__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_blur__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_blur__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_blur__button-icon, .main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__show-more svg, .main_ui_workspace_sidebar_options_menus_blur__empty-icon svg, .main_ui_workspace_sidebar_options_menus_blur__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_blur__button-icon-small, .main_ui_workspace_sidebar_options_menus_blur__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_blur__attr-title button svg, .main_ui_workspace_sidebar_options_menus_blur__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_blur__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_blur__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_blur__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_blur__input-element span svg, .main_ui_workspace_sidebar_options_menus_blur__second-row span svg,
.main_ui_workspace_sidebar_options_menus_blur__input-element label svg,
.main_ui_workspace_sidebar_options_menus_blur__second-row label svg, .main_ui_workspace_sidebar_options_menus_blur__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_blur__button-icon-small, .main_ui_workspace_sidebar_options_menus_blur__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_blur__attr-title button svg, .main_ui_workspace_sidebar_options_menus_blur__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_blur__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_blur__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_blur__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_blur__input-element span svg, .main_ui_workspace_sidebar_options_menus_blur__second-row span svg,
.main_ui_workspace_sidebar_options_menus_blur__input-element label svg,
.main_ui_workspace_sidebar_options_menus_blur__second-row label svg, .main_ui_workspace_sidebar_options_menus_blur__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_blur__input-base, .main_ui_workspace_sidebar_options_menus_blur__input-with-label input, .main_ui_workspace_sidebar_options_menus_blur__input-element-label input, .main_ui_workspace_sidebar_options_menus_blur__input-element input, .main_ui_workspace_sidebar_options_menus_blur__second-row input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_blur__input-base[disabled], .main_ui_workspace_sidebar_options_menus_blur__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_blur__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_blur__input-element input[disabled], .main_ui_workspace_sidebar_options_menus_blur__second-row input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_blur__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_blur__input-label, .main_ui_workspace_sidebar_options_menus_blur__input-element span, .main_ui_workspace_sidebar_options_menus_blur__second-row span,
.main_ui_workspace_sidebar_options_menus_blur__input-element label,
.main_ui_workspace_sidebar_options_menus_blur__second-row label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_blur__input-element, .main_ui_workspace_sidebar_options_menus_blur__second-row {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_blur__second-row:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element span svg, .main_ui_workspace_sidebar_options_menus_blur__second-row span svg,
.main_ui_workspace_sidebar_options_menus_blur__input-element label svg,
.main_ui_workspace_sidebar_options_menus_blur__second-row label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_blur__second-row ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element ::placeholder, .main_ui_workspace_sidebar_options_menus_blur__second-row ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element:hover, .main_ui_workspace_sidebar_options_menus_blur__second-row:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element:hover span, .main_ui_workspace_sidebar_options_menus_blur__second-row:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element:hover input, .main_ui_workspace_sidebar_options_menus_blur__second-row:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element:active, .main_ui_workspace_sidebar_options_menus_blur__second-row:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element:active span, .main_ui_workspace_sidebar_options_menus_blur__second-row:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element:active input, .main_ui_workspace_sidebar_options_menus_blur__second-row:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element:focus, .main_ui_workspace_sidebar_options_menus_blur__second-row:focus, .main_ui_workspace_sidebar_options_menus_blur__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_blur__second-row:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element:focus span, .main_ui_workspace_sidebar_options_menus_blur__second-row:focus span, .main_ui_workspace_sidebar_options_menus_blur__input-element:focus-within span, .main_ui_workspace_sidebar_options_menus_blur__second-row:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element:focus input, .main_ui_workspace_sidebar_options_menus_blur__second-row:focus input, .main_ui_workspace_sidebar_options_menus_blur__input-element:focus-within input, .main_ui_workspace_sidebar_options_menus_blur__second-row:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_blur__second-row:focus:hover, .main_ui_workspace_sidebar_options_menus_blur__input-element:focus-within:hover, .main_ui_workspace_sidebar_options_menus_blur__second-row:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_blur__second-row:focus:hover span, .main_ui_workspace_sidebar_options_menus_blur__input-element:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_blur__second-row:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_blur__second-row:focus:hover input, .main_ui_workspace_sidebar_options_menus_blur__input-element:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_blur__second-row:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_blur__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_blur__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_blur__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_blur__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_menus_blur__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_blur__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_blur__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_blur__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_blur__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_blur__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_blur__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_blur__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_blur__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_blur__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_blur__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_blur__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_blur__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_blur__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_blur__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_blur__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_blur__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_blur__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_blur__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_blur__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_blur__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_blur__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_blur__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_blur__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_blur__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_blur__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_blur__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_blur__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_blur__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_blur__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_blur__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_blur__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_blur__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_blur__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_blur__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_blur__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_blur__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_blur__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_blur__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_blur__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_blur__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_blur__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_blur__element-set {
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_blur__title-spacing-blur {
  padding-left: 0.125rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_blur__element-set-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}

.main_ui_workspace_sidebar_options_menus_blur__first-row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
}
.main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info {
  display: flex;
  align-items: center;
  gap: 1px;
  flex-grow: 1;
  border-radius: 0.5rem;
  background-color: var(--input-details-color);
}
.main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__show-more {
  height: 2rem;
  width: 1.75rem;
  border-radius: 0.5rem 0 0 0.5rem;
  box-sizing: border-box;
  border: 1px solid var(--button-secondary-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__show-more.main_ui_workspace_sidebar_options_menus_blur__selected {
  background-color: var(--button-radio-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__show-more.main_ui_workspace_sidebar_options_menus_blur__selected svg {
  stroke: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  flex-grow: 1;
  display: flex;
  align-items: center;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0 0.5rem 0.5rem 0;
  background-color: var(--input-background-color);
  color: var(--menu-foreground-color);
  box-sizing: border-box;
  border: 1px solid var(--input-border-color);
}
.main_ui_workspace_sidebar_options_menus_blur__first-row .main_ui_workspace_sidebar_options_menus_blur__actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_blur__first-row.main_ui_workspace_sidebar_options_menus_blur__hidden .main_ui_workspace_sidebar_options_menus_blur__blur-info {
  cursor: default;
  pointer-events: none;
  box-sizing: border-box;
  color: var(--input-foreground-color-disabled);
  stroke: var(--input-foreground-color-disabled);
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_blur__first-row.main_ui_workspace_sidebar_options_menus_blur__hidden .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__show-more {
  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);
}
.main_ui_workspace_sidebar_options_menus_blur__first-row.main_ui_workspace_sidebar_options_menus_blur__hidden .main_ui_workspace_sidebar_options_menus_blur__blur-info .main_ui_workspace_sidebar_options_menus_blur__label {
  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);
}

.main_ui_workspace_sidebar_options_menus_blur__second-row {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 5.75rem;
}
.main_ui_workspace_sidebar_options_menus_blur__second-row .main_ui_workspace_sidebar_options_menus_blur__label {
  padding-left: 0.5rem;
  width: 3.75rem;
}
@keyframes main_ui_workspace_sidebar_options_menus_bool__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_bool__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_bool__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_bool__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_bool__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_bool__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_bool__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_bool__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_bool__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_bool__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_bool__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_bool__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_bool__button-primary, .main_ui_workspace_sidebar_options_menus_bool__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_bool__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_bool__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_bool__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_bool__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_bool__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_bool__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_bool__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_bool__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_bool__button-primary svg, .main_ui_workspace_sidebar_options_menus_bool__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_bool__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_bool__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_bool__button-primary:hover, .main_ui_workspace_sidebar_options_menus_bool__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_bool__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_bool__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_bool__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_bool__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_bool__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_bool__button-primary:active, .main_ui_workspace_sidebar_options_menus_bool__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_bool__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_bool__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_bool__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_bool__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_bool__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_bool__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_bool__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_bool__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_bool__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_bool__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_bool__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_bool__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_bool__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_bool__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_bool__button-secondary, .main_ui_workspace_sidebar_options_menus_bool__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_bool__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_bool__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_bool__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_bool__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_bool__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_bool__button-secondary svg, .main_ui_workspace_sidebar_options_menus_bool__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_bool__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_bool__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_bool__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_bool__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_bool__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_bool__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_bool__button-secondary:active, .main_ui_workspace_sidebar_options_menus_bool__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_bool__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_bool__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_bool__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_bool__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_bool__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_bool__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_bool__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_bool__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_bool__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_bool__button-tertiary, .main_ui_workspace_sidebar_options_menus_bool__flatten-button, .main_ui_workspace_sidebar_options_menus_bool__attr-title button, .main_ui_workspace_sidebar_options_menus_bool__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_bool__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_bool__flatten-button:focus-visible, .main_ui_workspace_sidebar_options_menus_bool__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_bool__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_bool__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_bool__flatten-button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_bool__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_bool__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_bool__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_bool__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_bool__flatten-button svg, .main_ui_workspace_sidebar_options_menus_bool__attr-title button svg, .main_ui_workspace_sidebar_options_menus_bool__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_bool__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_bool__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_bool__flatten-button:hover, .main_ui_workspace_sidebar_options_menus_bool__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_bool__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_bool__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_bool__flatten-button:hover svg, .main_ui_workspace_sidebar_options_menus_bool__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_bool__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_bool__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_bool__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_bool__flatten-button:active, .main_ui_workspace_sidebar_options_menus_bool__attr-title button:active, .main_ui_workspace_sidebar_options_menus_bool__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_bool__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_bool__flatten-button:active svg, .main_ui_workspace_sidebar_options_menus_bool__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_bool__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_bool__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_bool__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_bool__flatten-button.disabled, .main_ui_workspace_sidebar_options_menus_bool__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_bool__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_bool__button-tertiary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_bool__flatten-button, .main_ui_workspace_sidebar_options_menus_bool__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_bool__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_bool__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_bool__flatten-button:disabled, .main_ui_workspace_sidebar_options_menus_bool__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_bool__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_bool__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_bool__flatten-button.disabled svg, .main_ui_workspace_sidebar_options_menus_bool__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_bool__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_bool__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_bool__button-tertiary[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_bool__flatten-button svg, .main_ui_workspace_sidebar_options_menus_bool__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_bool__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_bool__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_bool__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_bool__flatten-button:disabled svg, .main_ui_workspace_sidebar_options_menus_bool__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_bool__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_bool__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_bool__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_bool__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_bool__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_bool__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_bool__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_bool__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_bool__button-radio svg,
.main_ui_workspace_sidebar_options_menus_bool__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_bool__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_bool__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_bool__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_bool__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_bool__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_bool__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_bool__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_bool__button-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;
}

.main_ui_workspace_sidebar_options_menus_bool__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_bool__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_bool__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_bool__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_bool__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_bool__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_bool__button-icon, .main_ui_workspace_sidebar_options_menus_bool__flatten-icon, .main_ui_workspace_sidebar_options_menus_bool__empty-icon svg, .main_ui_workspace_sidebar_options_menus_bool__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_bool__button-icon-small, .main_ui_workspace_sidebar_options_menus_bool__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_bool__attr-title button svg, .main_ui_workspace_sidebar_options_menus_bool__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_bool__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_bool__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_bool__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_bool__input-element span svg,
.main_ui_workspace_sidebar_options_menus_bool__input-element label svg, .main_ui_workspace_sidebar_options_menus_bool__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_bool__button-icon-small, .main_ui_workspace_sidebar_options_menus_bool__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_bool__attr-title button svg, .main_ui_workspace_sidebar_options_menus_bool__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_bool__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_bool__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_bool__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_bool__input-element span svg,
.main_ui_workspace_sidebar_options_menus_bool__input-element label svg, .main_ui_workspace_sidebar_options_menus_bool__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_bool__input-base, .main_ui_workspace_sidebar_options_menus_bool__input-with-label input, .main_ui_workspace_sidebar_options_menus_bool__input-element-label input, .main_ui_workspace_sidebar_options_menus_bool__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_bool__input-base[disabled], .main_ui_workspace_sidebar_options_menus_bool__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_bool__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_bool__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_bool__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_bool__input-label, .main_ui_workspace_sidebar_options_menus_bool__input-element span,
.main_ui_workspace_sidebar_options_menus_bool__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_bool__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element span svg,
.main_ui_workspace_sidebar_options_menus_bool__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element:focus, .main_ui_workspace_sidebar_options_menus_bool__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element:focus span, .main_ui_workspace_sidebar_options_menus_bool__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element:focus input, .main_ui_workspace_sidebar_options_menus_bool__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_bool__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_bool__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_bool__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_bool__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_bool__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_bool__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_bool__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_menus_bool__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_bool__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_bool__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_bool__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_bool__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_bool__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_bool__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_bool__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_bool__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_bool__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_bool__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_bool__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_bool__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_bool__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_bool__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_bool__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_bool__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_bool__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_bool__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_bool__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_bool__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_bool__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_bool__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_bool__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_bool__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_bool__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_bool__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_bool__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_bool__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_bool__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_bool__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_bool__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_bool__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_bool__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_bool__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_bool__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_bool__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_bool__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_bool__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_bool__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_bool__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_bool__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_bool__boolean-options {
  display: grid;
  grid-template-columns: repeat(8, 1.75rem);
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  height: 2rem;
}

.main_ui_workspace_sidebar_options_menus_bool__bool-group {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/span 4;
}

.main_ui_workspace_sidebar_options_menus_bool__flatten-button {
  height: 2rem;
  width: 2rem;
  border-radius: 0.5rem;
  grid-column: 5/span 1;
  --flatten-icon-foreground-color: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_bool__flatten-button.main_ui_workspace_sidebar_options_menus_bool__disabled {
  cursor: default;
  --flatten-icon-foreground-color: var(--button-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_bool__flatten-button.main_ui_workspace_sidebar_options_menus_bool__disabled:hover {
  background-color: var(--panel-background-color);
  --flatten-icon-foreground-color: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_bool__flatten-icon {
  stroke: var(--flatten-icon-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_bool__boolean-radio-btn {
  background-color: transparent;
}
@keyframes main_ui_workspace_sidebar_options_menus_border_radius__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_border_radius__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_border_radius__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_border_radius__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_border_radius__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_border_radius__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_border_radius__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_border_radius__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_border_radius__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_border_radius__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_border_radius__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_border_radius__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_border_radius__button-primary, .main_ui_workspace_sidebar_options_menus_border_radius__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_border_radius__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_border_radius__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_border_radius__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-primary svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-primary:hover, .main_ui_workspace_sidebar_options_menus_border_radius__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_border_radius__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-primary:active, .main_ui_workspace_sidebar_options_menus_border_radius__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_border_radius__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_border_radius__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_border_radius__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_border_radius__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_border_radius__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_border_radius__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_border_radius__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_border_radius__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_border_radius__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_border_radius__button-secondary, .main_ui_workspace_sidebar_options_menus_border_radius__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_border_radius__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-secondary svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_border_radius__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-secondary:active, .main_ui_workspace_sidebar_options_menus_border_radius__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_border_radius__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_border_radius__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_border_radius__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_border_radius__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_border_radius__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary, .main_ui_workspace_sidebar_options_menus_border_radius__attr-title button, .main_ui_workspace_sidebar_options_menus_border_radius__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_border_radius__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_border_radius__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_border_radius__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_border_radius__attr-title button svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_border_radius__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_border_radius__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_border_radius__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_border_radius__attr-title button:active, .main_ui_workspace_sidebar_options_menus_border_radius__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_border_radius__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_border_radius__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_border_radius__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary[disabled], .main_ui_workspace_sidebar_options_menus_border_radius__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_border_radius__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_border_radius__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_border_radius__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_border_radius__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_menus_border_radius__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_border_radius__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_border_radius__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_border_radius__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_border_radius__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-radio svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_border_radius__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_border_radius__button-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;
}

.main_ui_workspace_sidebar_options_menus_border_radius__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_border_radius__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_border_radius__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_border_radius__button-icon, .main_ui_workspace_sidebar_options_menus_border_radius__empty-icon svg, .main_ui_workspace_sidebar_options_menus_border_radius__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_border_radius__button-icon-small, .main_ui_workspace_sidebar_options_menus_border_radius__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_border_radius__attr-title button svg, .main_ui_workspace_sidebar_options_menus_border_radius__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_border_radius__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_border_radius__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_border_radius__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_border_radius__input-element span svg, .main_ui_workspace_sidebar_options_menus_border_radius__small-input span svg, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1 span svg,
.main_ui_workspace_sidebar_options_menus_border_radius__input-element label svg,
.main_ui_workspace_sidebar_options_menus_border_radius__small-input label svg,
.main_ui_workspace_sidebar_options_menus_border_radius__radius-1 label svg, .main_ui_workspace_sidebar_options_menus_border_radius__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_border_radius__button-icon-small, .main_ui_workspace_sidebar_options_menus_border_radius__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_border_radius__attr-title button svg, .main_ui_workspace_sidebar_options_menus_border_radius__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_border_radius__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_border_radius__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_border_radius__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_border_radius__input-element span svg, .main_ui_workspace_sidebar_options_menus_border_radius__small-input span svg, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1 span svg,
.main_ui_workspace_sidebar_options_menus_border_radius__input-element label svg,
.main_ui_workspace_sidebar_options_menus_border_radius__small-input label svg,
.main_ui_workspace_sidebar_options_menus_border_radius__radius-1 label svg, .main_ui_workspace_sidebar_options_menus_border_radius__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_border_radius__input-base, .main_ui_workspace_sidebar_options_menus_border_radius__input-with-label input, .main_ui_workspace_sidebar_options_menus_border_radius__input-element-label input, .main_ui_workspace_sidebar_options_menus_border_radius__input-element input, .main_ui_workspace_sidebar_options_menus_border_radius__small-input input, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1 input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-base[disabled], .main_ui_workspace_sidebar_options_menus_border_radius__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_border_radius__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_border_radius__input-element input[disabled], .main_ui_workspace_sidebar_options_menus_border_radius__small-input input[disabled], .main_ui_workspace_sidebar_options_menus_border_radius__radius-1 input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_border_radius__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-label, .main_ui_workspace_sidebar_options_menus_border_radius__input-element span, .main_ui_workspace_sidebar_options_menus_border_radius__small-input span, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1 span,
.main_ui_workspace_sidebar_options_menus_border_radius__input-element label,
.main_ui_workspace_sidebar_options_menus_border_radius__small-input label,
.main_ui_workspace_sidebar_options_menus_border_radius__radius-1 label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_border_radius__input-element, .main_ui_workspace_sidebar_options_menus_border_radius__small-input, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1 {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:focus-within, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element span svg, .main_ui_workspace_sidebar_options_menus_border_radius__small-input span svg, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1 span svg,
.main_ui_workspace_sidebar_options_menus_border_radius__input-element label svg,
.main_ui_workspace_sidebar_options_menus_border_radius__small-input label svg,
.main_ui_workspace_sidebar_options_menus_border_radius__radius-1 label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_border_radius__small-input ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1 ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element ::placeholder, .main_ui_workspace_sidebar_options_menus_border_radius__small-input ::placeholder, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1 ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element:hover, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:hover, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element:hover span, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:hover span, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element:hover input, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:hover input, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element:active, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:active, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element:active span, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:active span, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element:active input, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:active input, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element:focus, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:focus, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:focus, .main_ui_workspace_sidebar_options_menus_border_radius__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:focus-within, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element:focus span, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:focus span, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:focus span, .main_ui_workspace_sidebar_options_menus_border_radius__input-element:focus-within span, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:focus-within span, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element:focus input, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:focus input, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:focus input, .main_ui_workspace_sidebar_options_menus_border_radius__input-element:focus-within input, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:focus-within input, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:focus:hover, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:focus:hover, .main_ui_workspace_sidebar_options_menus_border_radius__input-element:focus-within:hover, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:focus-within:hover, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:focus:hover span, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:focus:hover span, .main_ui_workspace_sidebar_options_menus_border_radius__input-element:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:focus:hover input, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:focus:hover input, .main_ui_workspace_sidebar_options_menus_border_radius__input-element:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_border_radius__small-input:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_border_radius__radius-1:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_border_radius__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_border_radius__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_menus_border_radius__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_border_radius__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_border_radius__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_border_radius__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_border_radius__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_border_radius__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_border_radius__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_border_radius__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_border_radius__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_border_radius__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_border_radius__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_border_radius__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_border_radius__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_border_radius__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_border_radius__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_border_radius__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_border_radius__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_border_radius__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_border_radius__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_border_radius__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_border_radius__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_border_radius__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_border_radius__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_border_radius__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_border_radius__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_border_radius__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_border_radius__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_border_radius__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_border_radius__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_border_radius__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_border_radius__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_border_radius__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_border_radius__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_border_radius__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_border_radius__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_border_radius__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_border_radius__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_border_radius__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_border_radius__radius {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_border_radius__radius-1 {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 6.75rem;
  position: relative;
}

.main_ui_workspace_sidebar_options_menus_border_radius__radius-4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_border_radius__small-input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 3.25rem;
  margin-block-end: 0;
}

.main_ui_workspace_sidebar_options_menus_border_radius__selected {
  border-color: var(--button-icon-border-color-selected);
  background-color: var(--button-icon-background-color-selected);
  color: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_border_radius__icon {
  margin-inline: 0.25rem;
}
@keyframes main_ui_workspace_sidebar_options_menus_color_selection__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_color_selection__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_color_selection__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_color_selection__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_color_selection__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_color_selection__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_color_selection__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_color_selection__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_color_selection__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_color_selection__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_color_selection__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_color_selection__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_color_selection__button-primary, .main_ui_workspace_sidebar_options_menus_color_selection__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_color_selection__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_color_selection__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_color_selection__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-primary svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-primary:hover, .main_ui_workspace_sidebar_options_menus_color_selection__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_color_selection__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-primary:active, .main_ui_workspace_sidebar_options_menus_color_selection__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_color_selection__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_color_selection__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_color_selection__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_color_selection__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_color_selection__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_color_selection__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_color_selection__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_color_selection__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_color_selection__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_color_selection__button-secondary, .main_ui_workspace_sidebar_options_menus_color_selection__more-colors-btn, .main_ui_workspace_sidebar_options_menus_color_selection__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_color_selection__more-colors-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_color_selection__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_color_selection__more-colors-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-secondary svg, .main_ui_workspace_sidebar_options_menus_color_selection__more-colors-btn svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_color_selection__more-colors-btn:hover, .main_ui_workspace_sidebar_options_menus_color_selection__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_color_selection__more-colors-btn:hover svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-secondary:active, .main_ui_workspace_sidebar_options_menus_color_selection__more-colors-btn:active, .main_ui_workspace_sidebar_options_menus_color_selection__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_color_selection__more-colors-btn:active svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_color_selection__more-colors-btn.disabled, .main_ui_workspace_sidebar_options_menus_color_selection__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_color_selection__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_color_selection__more-colors-btn, [disabled].main_ui_workspace_sidebar_options_menus_color_selection__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_color_selection__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_color_selection__more-colors-btn:disabled, .main_ui_workspace_sidebar_options_menus_color_selection__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary, .main_ui_workspace_sidebar_options_menus_color_selection__add-fill, .main_ui_workspace_sidebar_options_menus_color_selection__attr-title button, .main_ui_workspace_sidebar_options_menus_color_selection__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_color_selection__add-fill:focus-visible, .main_ui_workspace_sidebar_options_menus_color_selection__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_color_selection__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_color_selection__add-fill:focus-visible svg, .main_ui_workspace_sidebar_options_menus_color_selection__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_color_selection__add-fill svg, .main_ui_workspace_sidebar_options_menus_color_selection__attr-title button svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_color_selection__add-fill:hover, .main_ui_workspace_sidebar_options_menus_color_selection__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_color_selection__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_color_selection__add-fill:hover svg, .main_ui_workspace_sidebar_options_menus_color_selection__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_color_selection__add-fill:active, .main_ui_workspace_sidebar_options_menus_color_selection__attr-title button:active, .main_ui_workspace_sidebar_options_menus_color_selection__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_color_selection__add-fill:active svg, .main_ui_workspace_sidebar_options_menus_color_selection__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_color_selection__add-fill.disabled, .main_ui_workspace_sidebar_options_menus_color_selection__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_color_selection__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_color_selection__add-fill, .main_ui_workspace_sidebar_options_menus_color_selection__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_color_selection__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_color_selection__add-fill:disabled, .main_ui_workspace_sidebar_options_menus_color_selection__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_color_selection__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_color_selection__add-fill.disabled svg, .main_ui_workspace_sidebar_options_menus_color_selection__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_color_selection__add-fill svg, .main_ui_workspace_sidebar_options_menus_color_selection__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_color_selection__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_color_selection__add-fill:disabled svg, .main_ui_workspace_sidebar_options_menus_color_selection__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_color_selection__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_color_selection__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-radio svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_color_selection__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_color_selection__button-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;
}

.main_ui_workspace_sidebar_options_menus_color_selection__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_color_selection__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_color_selection__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_color_selection__button-icon, .main_ui_workspace_sidebar_options_menus_color_selection__add-fill svg, .main_ui_workspace_sidebar_options_menus_color_selection__empty-icon svg, .main_ui_workspace_sidebar_options_menus_color_selection__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_color_selection__button-icon-small, .main_ui_workspace_sidebar_options_menus_color_selection__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_color_selection__attr-title button svg, .main_ui_workspace_sidebar_options_menus_color_selection__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_color_selection__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_color_selection__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_color_selection__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_color_selection__input-element span svg,
.main_ui_workspace_sidebar_options_menus_color_selection__input-element label svg, .main_ui_workspace_sidebar_options_menus_color_selection__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_color_selection__button-icon-small, .main_ui_workspace_sidebar_options_menus_color_selection__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_color_selection__attr-title button svg, .main_ui_workspace_sidebar_options_menus_color_selection__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_color_selection__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_color_selection__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_color_selection__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_color_selection__input-element span svg,
.main_ui_workspace_sidebar_options_menus_color_selection__input-element label svg, .main_ui_workspace_sidebar_options_menus_color_selection__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_color_selection__input-base, .main_ui_workspace_sidebar_options_menus_color_selection__input-with-label input, .main_ui_workspace_sidebar_options_menus_color_selection__input-element-label input, .main_ui_workspace_sidebar_options_menus_color_selection__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-base[disabled], .main_ui_workspace_sidebar_options_menus_color_selection__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_color_selection__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_color_selection__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_color_selection__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-label, .main_ui_workspace_sidebar_options_menus_color_selection__input-element span,
.main_ui_workspace_sidebar_options_menus_color_selection__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_color_selection__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element span svg,
.main_ui_workspace_sidebar_options_menus_color_selection__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element:focus, .main_ui_workspace_sidebar_options_menus_color_selection__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element:focus span, .main_ui_workspace_sidebar_options_menus_color_selection__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element:focus input, .main_ui_workspace_sidebar_options_menus_color_selection__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_color_selection__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_color_selection__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_color_selection__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_color_selection__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_color_selection__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_menus_color_selection__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_color_selection__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_color_selection__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_color_selection__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_color_selection__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_color_selection__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_color_selection__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_color_selection__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_color_selection__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_color_selection__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_color_selection__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_color_selection__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_color_selection__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_color_selection__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_color_selection__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_color_selection__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_color_selection__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_color_selection__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_color_selection__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_color_selection__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_color_selection__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_color_selection__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_color_selection__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_color_selection__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_color_selection__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_color_selection__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_color_selection__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_color_selection__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_color_selection__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_color_selection__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_color_selection__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_color_selection__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_color_selection__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_color_selection__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_color_selection__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_color_selection__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_color_selection__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_color_selection__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_color_selection__element-set {
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_color_selection__title-spacing-selected-colors {
  padding-left: 0.125rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_color_selection__add-fill {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_color_selection__element-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}

.main_ui_workspace_sidebar_options_menus_color_selection__selected-color-group {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_color_selection__more-colors-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2rem;
}
@keyframes main_ui_workspace_sidebar_options_menus_component__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_component__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_component__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_component__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_component__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_component__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_component__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_component__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_component__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_component__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_component__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_component__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_component__button-primary, .main_ui_workspace_sidebar_options_menus_component__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_component__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_component__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_component__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_component__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_component__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_component__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_component__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_component__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_component__button-primary svg, .main_ui_workspace_sidebar_options_menus_component__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_component__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_component__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_component__button-primary:hover, .main_ui_workspace_sidebar_options_menus_component__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_component__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_component__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_component__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_component__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_component__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__button-primary:active, .main_ui_workspace_sidebar_options_menus_component__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_component__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_component__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_component__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_component__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_component__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_component__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_component__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_component__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_component__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_component__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_component__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_component__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_component__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_component__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_component__button-secondary, .main_ui_workspace_sidebar_options_menus_component__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_component__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_component__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_component__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_component__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_component__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_component__button-secondary svg, .main_ui_workspace_sidebar_options_menus_component__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_component__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_component__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_component__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_component__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_component__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_component__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__button-secondary:active, .main_ui_workspace_sidebar_options_menus_component__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_component__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_component__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_component__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_component__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_component__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_component__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_component__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_component__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_component__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_component__button-tertiary, .main_ui_workspace_sidebar_options_menus_component__menu-btn, .main_ui_workspace_sidebar_options_menus_component__attr-title button, .main_ui_workspace_sidebar_options_menus_component__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_component__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_component__menu-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_component__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_component__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_component__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_component__menu-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_component__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_component__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_component__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_component__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_component__menu-btn svg, .main_ui_workspace_sidebar_options_menus_component__attr-title button svg, .main_ui_workspace_sidebar_options_menus_component__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_component__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_component__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_component__menu-btn:hover, .main_ui_workspace_sidebar_options_menus_component__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_component__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_component__menu-btn:hover svg, .main_ui_workspace_sidebar_options_menus_component__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_component__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_component__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_component__menu-btn:active, .main_ui_workspace_sidebar_options_menus_component__attr-title button:active, .main_ui_workspace_sidebar_options_menus_component__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_component__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_component__menu-btn:active svg, .main_ui_workspace_sidebar_options_menus_component__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_component__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_component__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_component__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_component__menu-btn.disabled, .main_ui_workspace_sidebar_options_menus_component__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_component__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_component__button-tertiary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_component__menu-btn, .main_ui_workspace_sidebar_options_menus_component__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_component__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_component__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_component__menu-btn:disabled, .main_ui_workspace_sidebar_options_menus_component__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_component__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_component__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_component__menu-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_component__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_component__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_component__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_component__button-tertiary[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_component__menu-btn svg, .main_ui_workspace_sidebar_options_menus_component__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_component__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_component__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_component__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_component__menu-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_component__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_component__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_component__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_component__button-icon-selected, .main_ui_workspace_sidebar_options_menus_component__menu-btn.main_ui_workspace_sidebar_options_menus_component__selected, .main_ui_workspace_sidebar_options_menus_component__menu-btn:hover.main_ui_workspace_sidebar_options_menus_component__selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_component__button-icon-selected svg, .main_ui_workspace_sidebar_options_menus_component__menu-btn.main_ui_workspace_sidebar_options_menus_component__selected svg, .main_ui_workspace_sidebar_options_menus_component__menu-btn:hover.main_ui_workspace_sidebar_options_menus_component__selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_component__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_component__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_component__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_component__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_component__button-radio svg,
.main_ui_workspace_sidebar_options_menus_component__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_component__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_component__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_component__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_component__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_component__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_component__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_component__button-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;
}

.main_ui_workspace_sidebar_options_menus_component__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_component__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_component__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_component__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_component__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_component__button-icon, .main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title .main_ui_workspace_sidebar_options_menus_component__icon svg, .main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title .main_ui_workspace_sidebar_options_menus_component__icon-arrow svg, .main_ui_workspace_sidebar_options_menus_component__menu-btn svg, .main_ui_workspace_sidebar_options_menus_component__empty-icon svg, .main_ui_workspace_sidebar_options_menus_component__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_component__button-icon-small, .main_ui_workspace_sidebar_options_menus_component__search-icon svg, .main_ui_workspace_sidebar_options_menus_component__clear-btn .main_ui_workspace_sidebar_options_menus_component__clear-icon svg, .main_ui_workspace_sidebar_options_menus_component__icon-wrapper svg, .main_ui_workspace_sidebar_options_menus_component__component-icon svg, .main_ui_workspace_sidebar_options_menus_component__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_component__dropdown-element span svg, .main_ui_workspace_sidebar_options_menus_component__attr-title button svg, .main_ui_workspace_sidebar_options_menus_component__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_component__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_component__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_component__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_component__input-element span svg,
.main_ui_workspace_sidebar_options_menus_component__input-element label svg, .main_ui_workspace_sidebar_options_menus_component__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_component__button-icon-small, .main_ui_workspace_sidebar_options_menus_component__search-icon svg, .main_ui_workspace_sidebar_options_menus_component__clear-btn .main_ui_workspace_sidebar_options_menus_component__clear-icon svg, .main_ui_workspace_sidebar_options_menus_component__icon-wrapper svg, .main_ui_workspace_sidebar_options_menus_component__component-icon svg, .main_ui_workspace_sidebar_options_menus_component__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_component__dropdown-element span svg, .main_ui_workspace_sidebar_options_menus_component__attr-title button svg, .main_ui_workspace_sidebar_options_menus_component__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_component__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_component__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_component__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_component__input-element span svg,
.main_ui_workspace_sidebar_options_menus_component__input-element label svg, .main_ui_workspace_sidebar_options_menus_component__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_component__input-base, .main_ui_workspace_sidebar_options_menus_component__input-with-label input, .main_ui_workspace_sidebar_options_menus_component__input-element-label input, .main_ui_workspace_sidebar_options_menus_component__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_component__input-base[disabled], .main_ui_workspace_sidebar_options_menus_component__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_component__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_component__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_component__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_component__input-label, .main_ui_workspace_sidebar_options_menus_component__input-element span,
.main_ui_workspace_sidebar_options_menus_component__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_component__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_component__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_component__input-element span svg,
.main_ui_workspace_sidebar_options_menus_component__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_component__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_component__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_component__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_component__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_component__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_component__input-element:focus, .main_ui_workspace_sidebar_options_menus_component__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_component__input-element:focus span, .main_ui_workspace_sidebar_options_menus_component__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_component__input-element:focus input, .main_ui_workspace_sidebar_options_menus_component__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_component__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_component__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_component__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_component__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_component__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_component__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_component__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_component__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_component__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_component__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_component__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_component__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_menus_component__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_component__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_component__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_component__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_component__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_component__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_component__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_component__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_component__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_component__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_component__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_component__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_component__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_component__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_component__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_component__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_component__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_component__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_component__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_component__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_component__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_component__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_component__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_component__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_component__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_component__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_component__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_component__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_component__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_component__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_component__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_component__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_component__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_component__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_component__dropdown-element-base, .main_ui_workspace_sidebar_options_menus_component__dropdown-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_component__dropdown-element-base span, .main_ui_workspace_sidebar_options_menus_component__dropdown-element span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_component__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_component__dropdown-element span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_component__dropdown-element-base:hover, .main_ui_workspace_sidebar_options_menus_component__dropdown-element:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_component__dropdown-element-base:hover span svg, .main_ui_workspace_sidebar_options_menus_component__dropdown-element:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_component__dropdown-wrapper, .main_ui_workspace_sidebar_options_menus_component__custom-select-dropdown {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_component__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_component__element-set {
  margin: 0;
  padding-top: 0.5rem;
}

.main_ui_workspace_sidebar_options_menus_component__element-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_component__title-back {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: 0.5rem;
  background-color: var(--title-background-color);
  color: var(--title-foreground-color);
  cursor: pointer;
}

.main_ui_workspace_sidebar_options_menus_component__icon-back {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.75rem;
  height: 100%;
}
.main_ui_workspace_sidebar_options_menus_component__icon-back svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke: var(--icon-foreground);
  transform: rotate(180deg);
}

.main_ui_workspace_sidebar_options_menus_component__component-wrapper {
  width: 100%;
  min-height: 2rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_component__component-wrapper.main_ui_workspace_sidebar_options_menus_component__with-actions {
  display: grid;
  grid-template-columns: 1fr 1.75rem;
  gap: 0.125rem;
}
.main_ui_workspace_sidebar_options_menus_component__component-wrapper.main_ui_workspace_sidebar_options_menus_component__without-actions {
  padding-right: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_component__component-wrapper.main_ui_workspace_sidebar_options_menus_component__without-actions .main_ui_workspace_sidebar_options_menus_component__component-name-wrapper {
  width: 100%;
  border-radius: 0.5rem;
}

.main_ui_workspace_sidebar_options_menus_component__component-name-wrapper {
  border: none;
  background: none;
  cursor: pointer;
  cursor: default;
  display: grid;
  grid-template-columns: 0.75rem 1fr;
  gap: 0.25rem;
  padding: 0 0.5rem;
  border-radius: 0.5rem 0 0 0.5rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__component-name-wrapper:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_component__component-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_component__component-icon svg {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_component__name-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-height: 2rem;
  padding: 0.5rem 0 0.5rem 0.125rem;
  border-radius: 0.5rem 0 0 0.5rem;
  overflow: hidden;
}

.main_ui_workspace_sidebar_options_menus_component__component-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  text-align: left;
  min-height: 1rem;
}

.main_ui_workspace_sidebar_options_menus_component__component-name-inside {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.main_ui_workspace_sidebar_options_menus_component__component-parent-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  text-align: left;
  min-height: 1rem;
  max-width: 11.5rem;
  color: var(--title-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_component__component-actions {
  position: relative;
}

.main_ui_workspace_sidebar_options_menus_component__menu-btn {
  height: 100%;
  width: 1.75rem;
  border-radius: 0 0.5rem 0.5rem 0;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__menu-btn svg {
  min-height: 1rem;
  min-width: 1rem;
}
.main_ui_workspace_sidebar_options_menus_component__menu-btn:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__copy-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 100%;
  display: flex;
  align-items: center;
  color: var(--title-foreground-color);
  margin-right: 0.5rem;
}

.main_ui_workspace_sidebar_options_menus_component__swappeable {
  cursor: pointer;
}

.main_ui_workspace_sidebar_options_menus_component__custom-select-dropdown {
  right: 0;
  left: unset;
  width: 15.75rem;
}

.main_ui_workspace_sidebar_options_menus_component__not-main {
  top: 3.5rem;
}

.main_ui_workspace_sidebar_options_menus_component__icon-wrapper {
  display: flex;
}
.main_ui_workspace_sidebar_options_menus_component__icon-wrapper svg {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_component__input-text {
  border: none;
  background: none;
  outline: none;
  height: 2rem;
  width: 100%;
  margin: 0;
  padding: 0.25rem;
  border: 0;
  font-size: 0.75rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_component__input-text::-moz-placeholder {
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_component__input-text::placeholder {
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_component__input-text:focus-visible {
  border-color: var(--input-border-outline-color-active);
}

.main_ui_workspace_sidebar_options_menus_component__clear-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
}
.main_ui_workspace_sidebar_options_menus_component__clear-btn .main_ui_workspace_sidebar_options_menus_component__clear-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_component__clear-btn .main_ui_workspace_sidebar_options_menus_component__clear-icon svg {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_component__search-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.75rem;
  margin-left: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_component__search-icon svg {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_component__component-path {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  height: 2rem;
  padding: 0;
  border: 0;
  background-color: var(--title-background-color);
  color: var(--title-foreground-color);
  cursor: pointer;
}

.main_ui_workspace_sidebar_options_menus_component__back-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_component__back-arrow svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke: var(--icon-foreground);
  transform: rotate(180deg);
}

.main_ui_workspace_sidebar_options_menus_component__path-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  height: 2rem;
  padding: 0.5rem 0 0.5rem 0.125rem;
  margin-right: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_component__component-list-empty {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0.25rem 0 0.5rem;
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_sidebar_options_menus_component__component-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  cursor: pointer;
  width: 100%;
  height: 2.75rem;
  border-radius: 0.5rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_component__component-item .main_ui_workspace_sidebar_options_menus_component__component-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80%;
}
.main_ui_workspace_sidebar_options_menus_component__component-item svg,
.main_ui_workspace_sidebar_options_menus_component__component-item img {
  background-color: var(--assets-component-background-color);
  border-radius: 0.5rem;
  height: 2.25rem;
  width: 2.25rem;
  margin: 0.125rem 0.5rem 0.125rem 0.125rem;
}
.main_ui_workspace_sidebar_options_menus_component__component-item .main_ui_workspace_sidebar_options_menus_component__selected {
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__component-item:hover {
  color: var(--assets-item-name-foreground-color-hover);
  background-color: var(--assets-item-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__component-item.main_ui_workspace_sidebar_options_menus_component__disabled {
  cursor: auto;
  color: var(--assets-item-name-foreground-color-disabled);
  background-color: var(--assets-item-background-color);
}
.main_ui_workspace_sidebar_options_menus_component__component-item.main_ui_workspace_sidebar_options_menus_component__disabled svg {
  cursor: auto;
}

.main_ui_workspace_sidebar_options_menus_component__component-grid {
  display: grid;
  grid-template-columns: repeat(2, 7.75rem);
  grid-auto-rows: 7.75rem;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_component__grid-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  place-items: center;
  flex-wrap: wrap;
  position: relative;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--assets-component-background-color);
  overflow: hidden;
  --assets-component-current-border-color: var(--assets-component-border-color);
  border: 0.25rem solid var(--assets-component-current-border-color);
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_component__grid-cell img {
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  pointer-events: none;
  border: 0;
}
.main_ui_workspace_sidebar_options_menus_component__grid-cell svg {
  height: 100%;
  width: 100%;
  stroke: none;
  -o-object-fit: contain;
     object-fit: contain;
}
.main_ui_workspace_sidebar_options_menus_component__grid-cell .main_ui_workspace_sidebar_options_menus_component__component-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.125rem;
  text-align: center;
  direction: rtl;
}
.main_ui_workspace_sidebar_options_menus_component__grid-cell:hover {
  background-color: var(--assets-item-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__grid-cell:hover .main_ui_workspace_sidebar_options_menus_component__component-name {
  display: block;
  color: var(--assets-item-name-foreground-color-hover);
  background: linear-gradient(to top, var(--assets-item-background-color-hover) 0%, transparent 100%);
}
.main_ui_workspace_sidebar_options_menus_component__grid-cell.main_ui_workspace_sidebar_options_menus_component__selected {
  --assets-component-current-border-color: var(--assets-item-border-color);
}
.main_ui_workspace_sidebar_options_menus_component__grid-cell.main_ui_workspace_sidebar_options_menus_component__selected .main_ui_workspace_sidebar_options_menus_component__component-name {
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__grid-cell.main_ui_workspace_sidebar_options_menus_component__disabled {
  background: var(--assets-component-background-color-disabled);
  cursor: auto;
}
.main_ui_workspace_sidebar_options_menus_component__grid-cell.main_ui_workspace_sidebar_options_menus_component__disabled svg {
  cursor: auto;
}
.main_ui_workspace_sidebar_options_menus_component__grid-cell.main_ui_workspace_sidebar_options_menus_component__disabled .main_ui_workspace_sidebar_options_menus_component__component-name {
  background: linear-gradient(to top, var(--assets-component-background-color-disabled) 0%, transparent 100%);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_component__element-set-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  height: 2rem;
  padding-left: 0.125rem;
  color: var(--title-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_component__component-swap {
  padding-top: 0.75rem;
  max-width: 15.5rem;
}

.main_ui_workspace_sidebar_options_menus_component__component-swap-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_component__fields-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_component__search-field {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  font-family: "worksans", "vazirmatn", sans-serif;
  background-color: var(--input-background-color);
}

.main_ui_workspace_sidebar_options_menus_component__library-name-wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
}

.main_ui_workspace_sidebar_options_menus_component__library-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--title-foreground-color);
  padding: 0.5rem 0 0.5rem 0.125rem;
}

.main_ui_workspace_sidebar_options_menus_component__swap-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_component__listing-options-wrapper {
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_component__listing-options {
  display: flex;
  align-items: center;
}

.main_ui_workspace_sidebar_options_menus_component__component-group {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: grid;
  grid-template-columns: 1fr 0.75rem;
  height: 2rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_component__component-group .main_ui_workspace_sidebar_options_menus_component__component-group-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--assets-item-name-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_component__component-group:hover {
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_component__component-group:hover .main_ui_workspace_sidebar_options_menus_component__component-group-name {
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_component__arrow-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_component__arrow-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_component__path-wrapper {
  display: flex;
  max-width: 14.5rem;
  padding: 0.5rem 0 0.5rem 0.125rem;
}

.main_ui_workspace_sidebar_options_menus_component__component-group-path {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  color: var(--assets-item-name-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_component__component-annotation {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--entry-foreground-color);
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title {
  display: flex;
  align-items: center;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title.main_ui_workspace_sidebar_options_menus_component__expanded {
  border-bottom: 1px solid var(--entry-border-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title.main_ui_workspace_sidebar_options_menus_component__expandeable {
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title div {
  display: flex;
  align-items: center;
  line-height: 2.5;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title .main_ui_workspace_sidebar_options_menus_component__icon-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 2rem;
  display: flex;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title .main_ui_workspace_sidebar_options_menus_component__icon-arrow svg {
  stroke: var(--icon-foreground);
  width: 1rem;
  height: 1rem;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title .main_ui_workspace_sidebar_options_menus_component__icon-arrow.main_ui_workspace_sidebar_options_menus_component__expanded svg {
  transform: rotate(90deg);
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title .main_ui_workspace_sidebar_options_menus_component__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 2rem;
  border-radius: 0.5rem;
  display: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title .main_ui_workspace_sidebar_options_menus_component__icon svg {
  stroke: var(--icon-foreground);
  width: 1rem;
  height: 1rem;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title .main_ui_workspace_sidebar_options_menus_component__icon.main_ui_workspace_sidebar_options_menus_component__icon-tick:hover svg, .main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title .main_ui_workspace_sidebar_options_menus_component__icon.main_ui_workspace_sidebar_options_menus_component__icon-edit:hover svg {
  stroke: var(--icon-foreground-accept);
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title .main_ui_workspace_sidebar_options_menus_component__icon.main_ui_workspace_sidebar_options_menus_component__icon-tick.main_ui_workspace_sidebar_options_menus_component__invalid:hover {
  cursor: default;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title .main_ui_workspace_sidebar_options_menus_component__icon.main_ui_workspace_sidebar_options_menus_component__icon-tick.main_ui_workspace_sidebar_options_menus_component__invalid:hover svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title .main_ui_workspace_sidebar_options_menus_component__icon.main_ui_workspace_sidebar_options_menus_component__icon-cross:hover svg, .main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title .main_ui_workspace_sidebar_options_menus_component__icon.main_ui_workspace_sidebar_options_menus_component__icon-trash:hover svg {
  stroke: var(--icon-foreground-discard);
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title .main_ui_workspace_sidebar_options_menus_component__annotation-text {
  flex-grow: 1;
  margin-left: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__annotation-title:hover .main_ui_workspace_sidebar_options_menus_component__icon {
  display: flex;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation.main_ui_workspace_sidebar_options_menus_component__editing {
  border: 1px solid var(--input-border-color-success);
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation.main_ui_workspace_sidebar_options_menus_component__editing .main_ui_workspace_sidebar_options_menus_component__annotation-title {
  border-bottom: 1px solid var(--entry-border-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation.main_ui_workspace_sidebar_options_menus_component__editing .main_ui_workspace_sidebar_options_menus_component__annotation-title .main_ui_workspace_sidebar_options_menus_component__icon {
  display: flex;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation.main_ui_workspace_sidebar_options_menus_component__editing textarea {
  min-height: 15.75rem;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation.main_ui_workspace_sidebar_options_menus_component__creating {
  border: 1px solid var(--input-border-color-success);
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation.main_ui_workspace_sidebar_options_menus_component__creating .main_ui_workspace_sidebar_options_menus_component__annotation-title .main_ui_workspace_sidebar_options_menus_component__icon {
  display: flex;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation.main_ui_workspace_sidebar_options_menus_component__creating textarea {
  min-height: 15.75rem;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__hidden {
  display: none;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__hidden svg {
  display: none;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__counter {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: right;
  color: var(--entry-foreground-color);
  margin: 0 0.5rem 0.5rem 0;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__grow-wrap {
  display: grid;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__grow-wrap:after {
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__grow-wrap textarea {
  background-color: var(--input-background-color-active);
  color: var(--input-foreground-color-active);
  padding: 0.75rem;
  border: none;
  overflow: hidden;
  outline: none;
  box-shadow: none;
  resize: none;
  /*remove the resize handle on the bottom right*/
}
.main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__grow-wrap textarea, .main_ui_workspace_sidebar_options_menus_component__component-annotation .main_ui_workspace_sidebar_options_menus_component__grow-wrap:after {
  /* Identical styling required!! */
  font: inherit;
  overflow-wrap: anywhere;
  padding: 10px;
  /* Place on top of each other */
  grid-area: 1/1/2/2;
}

.main_ui_workspace_sidebar_options_menus_component__variant-property-row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  justify-content: space-between;
  width: 100%;
  margin-block-start: 0.75rem;
}

.main_ui_workspace_sidebar_options_menus_component__variant-property-container {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  width: 100%;
  display: flex;
  gap: var(--sp-xs);
  padding-right: var(--sp-xxs);
}

.main_ui_workspace_sidebar_options_menus_component__variant-property-name {
  color: var(--color-foreground-primary);
  height: var(--sp-xxxl);
  width: 6.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main_ui_workspace_sidebar_options_menus_component__variant-property-name-wrapper {
  display: flex;
  flex: 0 0 auto;
  width: 6.5rem;
}
@keyframes main_ui_workspace_sidebar_options_menus_constraints__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_constraints__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_constraints__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_constraints__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_constraints__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_constraints__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_constraints__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_constraints__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_constraints__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_constraints__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_constraints__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_constraints__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_constraints__button-primary, .main_ui_workspace_sidebar_options_menus_constraints__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_constraints__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_constraints__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_constraints__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_constraints__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-primary svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-primary:hover, .main_ui_workspace_sidebar_options_menus_constraints__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_constraints__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_constraints__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-primary:active, .main_ui_workspace_sidebar_options_menus_constraints__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_constraints__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_constraints__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_constraints__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_constraints__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_constraints__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_constraints__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_constraints__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_constraints__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_constraints__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_constraints__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_constraints__button-secondary, .main_ui_workspace_sidebar_options_menus_constraints__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_constraints__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-secondary svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_constraints__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_constraints__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-secondary:active, .main_ui_workspace_sidebar_options_menus_constraints__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_constraints__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_constraints__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_constraints__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_constraints__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_constraints__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary, .main_ui_workspace_sidebar_options_menus_constraints__attr-title button, .main_ui_workspace_sidebar_options_menus_constraints__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_constraints__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_constraints__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_constraints__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_constraints__attr-title button svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_constraints__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_constraints__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_constraints__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_constraints__attr-title button:active, .main_ui_workspace_sidebar_options_menus_constraints__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_constraints__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_constraints__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_constraints__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_constraints__button-tertiary[disabled], .main_ui_workspace_sidebar_options_menus_constraints__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_constraints__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_constraints__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_constraints__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_constraints__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_constraints__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_constraints__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_menus_constraints__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_constraints__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_constraints__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_constraints__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_constraints__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_constraints__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-radio svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_constraints__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_constraints__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_constraints__button-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;
}

.main_ui_workspace_sidebar_options_menus_constraints__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_constraints__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_constraints__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_constraints__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_constraints__button-icon, .main_ui_workspace_sidebar_options_menus_constraints__empty-icon svg, .main_ui_workspace_sidebar_options_menus_constraints__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_constraints__button-icon-small, .main_ui_workspace_sidebar_options_menus_constraints__checkbox label .main_ui_workspace_sidebar_options_menus_constraints__check-mark.main_ui_workspace_sidebar_options_menus_constraints__checked svg, .main_ui_workspace_sidebar_options_menus_constraints__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_constraints__attr-title button svg, .main_ui_workspace_sidebar_options_menus_constraints__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_constraints__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_constraints__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_constraints__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_constraints__input-element span svg,
.main_ui_workspace_sidebar_options_menus_constraints__input-element label svg, .main_ui_workspace_sidebar_options_menus_constraints__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_constraints__button-icon-small, .main_ui_workspace_sidebar_options_menus_constraints__checkbox label .main_ui_workspace_sidebar_options_menus_constraints__check-mark.main_ui_workspace_sidebar_options_menus_constraints__checked svg, .main_ui_workspace_sidebar_options_menus_constraints__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_constraints__attr-title button svg, .main_ui_workspace_sidebar_options_menus_constraints__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_constraints__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_constraints__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_constraints__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_constraints__input-element span svg,
.main_ui_workspace_sidebar_options_menus_constraints__input-element label svg, .main_ui_workspace_sidebar_options_menus_constraints__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_constraints__input-base, .main_ui_workspace_sidebar_options_menus_constraints__input-with-label input, .main_ui_workspace_sidebar_options_menus_constraints__input-element-label input, .main_ui_workspace_sidebar_options_menus_constraints__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-base[disabled], .main_ui_workspace_sidebar_options_menus_constraints__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_constraints__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_constraints__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_constraints__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_constraints__input-label, .main_ui_workspace_sidebar_options_menus_constraints__input-element span,
.main_ui_workspace_sidebar_options_menus_constraints__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_constraints__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element span svg,
.main_ui_workspace_sidebar_options_menus_constraints__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element:focus, .main_ui_workspace_sidebar_options_menus_constraints__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element:focus span, .main_ui_workspace_sidebar_options_menus_constraints__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element:focus input, .main_ui_workspace_sidebar_options_menus_constraints__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_constraints__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_constraints__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_constraints__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_constraints__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_constraints__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_menus_constraints__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_constraints__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_constraints__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_constraints__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_constraints__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_constraints__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_constraints__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_constraints__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_constraints__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_constraints__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_constraints__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_constraints__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_constraints__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_constraints__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_constraints__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_constraints__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_constraints__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_constraints__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_constraints__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_constraints__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_constraints__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_constraints__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_constraints__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_constraints__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_constraints__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_constraints__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_constraints__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_constraints__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_constraints__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_constraints__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_constraints__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_constraints__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_constraints__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_constraints__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_constraints__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_constraints__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_constraints__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_constraints__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_constraints__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_constraints__element-set {
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_constraints__element-set-content {
  display: flex;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_constraints__constraints-widget {
  background-color: var(--constraint-widget-background-color);
  display: grid;
  grid-template-columns: 1.5rem 3.75rem 1.5rem;
  grid-template-rows: 1.5rem 3.75rem 1.5rem;
  grid-template-areas: "top top top" "left center right" "bottom bottom bottom";
  height: 6.75rem;
  width: 6.75rem;
  border-radius: 0.5rem;
}

.main_ui_workspace_sidebar_options_menus_constraints__constraints-top,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-left,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-center,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-right,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-area: top;
}

.main_ui_workspace_sidebar_options_menus_constraints__constraint-btn,
.main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special,
.main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  --resalted-area-background-color: var(--button-constraint-background-color-rest);
  --resalted-area-border-color: none;
}
.main_ui_workspace_sidebar_options_menus_constraints__constraint-btn.main_ui_workspace_sidebar_options_menus_constraints__active,
.main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special.main_ui_workspace_sidebar_options_menus_constraints__active,
.main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated.main_ui_workspace_sidebar_options_menus_constraints__active {
  --resalted-area-border-color: var(--button-constraint-border-color-hover);
  --resalted-area-background-color: var(--button-constraint-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_constraints__constraint-btn:hover, .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn:focus-visible,
.main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special:hover,
.main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special:focus-visible,
.main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated:hover,
.main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated:focus-visible {
  --resalted-area-border-color: var(--button-constraint-border-color-hover);
  --resalted-area-background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_constraints__resalted-area {
  width: 2rem;
  height: calc(1px + 0.125rem);
  border-radius: 0.5rem;
  background-color: var(--resalted-area-background-color);
  outline: 0.25rem solid var(--resalted-area-border-color);
  padding: 0;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_constraints__constraints-left {
  grid-area: left;
}
.main_ui_workspace_sidebar_options_menus_constraints__constraints-left .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated {
  height: 3.75rem;
  width: 1.5rem;
}
.main_ui_workspace_sidebar_options_menus_constraints__constraints-left .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated .main_ui_workspace_sidebar_options_menus_constraints__resalted-area {
  height: 2rem;
  width: calc(1px + 0.125rem);
}

.main_ui_workspace_sidebar_options_menus_constraints__constraints-center {
  grid-area: center;
  position: relative;
  background-color: var(--constraint-center-area-background-color);
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_constraints__constraints-center .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn {
  width: 3.75rem;
  height: 1.5rem;
}
.main_ui_workspace_sidebar_options_menus_constraints__constraints-center .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn .main_ui_workspace_sidebar_options_menus_constraints__resalted-area {
  width: 2rem;
  height: calc(1px + 0.125rem);
}
.main_ui_workspace_sidebar_options_menus_constraints__constraints-center .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special {
  position: absolute;
  height: 3.75rem;
  width: 1.5rem;
}
.main_ui_workspace_sidebar_options_menus_constraints__constraints-center .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special .main_ui_workspace_sidebar_options_menus_constraints__resalted-area {
  height: 2rem;
  width: calc(1px + 0.125rem);
}

.main_ui_workspace_sidebar_options_menus_constraints__constraints-right {
  grid-area: right;
}
.main_ui_workspace_sidebar_options_menus_constraints__constraints-right .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated {
  height: 4.5rem;
  width: 1.5rem;
}
.main_ui_workspace_sidebar_options_menus_constraints__constraints-right .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated .main_ui_workspace_sidebar_options_menus_constraints__resalted-area {
  height: 2rem;
  width: calc(1px + 0.125rem);
}

.main_ui_workspace_sidebar_options_menus_constraints__constraints-bottom {
  grid-area: bottom;
}

.main_ui_workspace_sidebar_options_menus_constraints__constraints-selects {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_constraints__horizontal-select,
.main_ui_workspace_sidebar_options_menus_constraints__vertical-select {
  width: 7.75rem;
  padding: 0;
}

.main_ui_workspace_sidebar_options_menus_constraints__checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  padding-left: 0;
}
.main_ui_workspace_sidebar_options_menus_constraints__checkbox input {
  margin: 0;
}
.main_ui_workspace_sidebar_options_menus_constraints__checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.125rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_constraints__checkbox label .main_ui_workspace_sidebar_options_menus_constraints__check-mark {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  border-radius: 0.375rem;
  background-color: var(--input-checkbox-inactive-background-color);
}
.main_ui_workspace_sidebar_options_menus_constraints__checkbox label .main_ui_workspace_sidebar_options_menus_constraints__check-mark.main_ui_workspace_sidebar_options_menus_constraints__checked {
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_constraints__checkbox label .main_ui_workspace_sidebar_options_menus_constraints__check-mark.main_ui_workspace_sidebar_options_menus_constraints__checked svg {
  stroke: var(--input-details-color);
}
.main_ui_workspace_sidebar_options_menus_constraints__checkbox label .main_ui_workspace_sidebar_options_menus_constraints__check-mark:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_constraints__checkbox label .main_ui_workspace_sidebar_options_menus_constraints__check-mark:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
@keyframes main_ui_workspace_sidebar_options_menus_exports__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_exports__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_exports__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_exports__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_exports__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_exports__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_exports__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_exports__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_exports__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_exports__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_exports__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_exports__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_exports__button-primary, .main_ui_workspace_sidebar_options_menus_exports__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_exports__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_exports__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_exports__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_exports__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_exports__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_exports__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_exports__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_exports__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_exports__button-primary svg, .main_ui_workspace_sidebar_options_menus_exports__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_exports__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_exports__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_exports__button-primary:hover, .main_ui_workspace_sidebar_options_menus_exports__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_exports__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_exports__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_exports__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_exports__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_exports__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_exports__button-primary:active, .main_ui_workspace_sidebar_options_menus_exports__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_exports__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_exports__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_exports__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_exports__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_exports__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_exports__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_exports__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_exports__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_exports__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_exports__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_exports__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_exports__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_exports__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_exports__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_exports__button-secondary, .main_ui_workspace_sidebar_options_menus_exports__export-btn, .main_ui_workspace_sidebar_options_menus_exports__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_exports__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_exports__export-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_exports__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_exports__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_exports__export-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_exports__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_exports__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_exports__button-secondary svg, .main_ui_workspace_sidebar_options_menus_exports__export-btn svg, .main_ui_workspace_sidebar_options_menus_exports__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_exports__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_exports__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_exports__export-btn:hover, .main_ui_workspace_sidebar_options_menus_exports__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_exports__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_exports__export-btn:hover svg, .main_ui_workspace_sidebar_options_menus_exports__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_exports__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_exports__button-secondary:active, .main_ui_workspace_sidebar_options_menus_exports__export-btn:active, .main_ui_workspace_sidebar_options_menus_exports__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_exports__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_exports__export-btn:active svg, .main_ui_workspace_sidebar_options_menus_exports__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_exports__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_exports__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_exports__export-btn.disabled, .main_ui_workspace_sidebar_options_menus_exports__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_exports__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_exports__export-btn, [disabled].main_ui_workspace_sidebar_options_menus_exports__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_exports__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_exports__export-btn:disabled, .main_ui_workspace_sidebar_options_menus_exports__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_exports__button-tertiary, .main_ui_workspace_sidebar_options_menus_exports__attr-title button, .main_ui_workspace_sidebar_options_menus_exports__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_exports__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_exports__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_exports__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_exports__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_exports__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_exports__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_exports__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_exports__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_exports__attr-title button svg, .main_ui_workspace_sidebar_options_menus_exports__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_exports__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_exports__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_exports__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_exports__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_exports__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_exports__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_exports__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_exports__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_exports__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_exports__attr-title button:active, .main_ui_workspace_sidebar_options_menus_exports__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_exports__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_exports__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_exports__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_exports__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_exports__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_exports__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_exports__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_exports__button-tertiary[disabled], .main_ui_workspace_sidebar_options_menus_exports__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_exports__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_exports__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_exports__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_exports__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_exports__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_exports__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_exports__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_exports__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_exports__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_menus_exports__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_exports__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_exports__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_exports__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_exports__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_exports__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_exports__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_exports__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_exports__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_exports__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_exports__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_exports__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_exports__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_exports__button-radio svg,
.main_ui_workspace_sidebar_options_menus_exports__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_exports__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_exports__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_exports__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_exports__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_exports__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_exports__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_exports__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_exports__button-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;
}

.main_ui_workspace_sidebar_options_menus_exports__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_exports__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_exports__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_exports__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_exports__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_exports__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_exports__button-icon, .main_ui_workspace_sidebar_options_menus_exports__empty-icon svg, .main_ui_workspace_sidebar_options_menus_exports__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_exports__button-icon-small, .main_ui_workspace_sidebar_options_menus_exports__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_exports__attr-title button svg, .main_ui_workspace_sidebar_options_menus_exports__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_exports__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_exports__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_exports__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_exports__input-element span svg, .main_ui_workspace_sidebar_options_menus_exports__suffix-input span svg,
.main_ui_workspace_sidebar_options_menus_exports__input-element label svg,
.main_ui_workspace_sidebar_options_menus_exports__suffix-input label svg, .main_ui_workspace_sidebar_options_menus_exports__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_exports__button-icon-small, .main_ui_workspace_sidebar_options_menus_exports__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_exports__attr-title button svg, .main_ui_workspace_sidebar_options_menus_exports__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_exports__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_exports__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_exports__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_exports__input-element span svg, .main_ui_workspace_sidebar_options_menus_exports__suffix-input span svg,
.main_ui_workspace_sidebar_options_menus_exports__input-element label svg,
.main_ui_workspace_sidebar_options_menus_exports__suffix-input label svg, .main_ui_workspace_sidebar_options_menus_exports__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_exports__input-base, .main_ui_workspace_sidebar_options_menus_exports__input-with-label input, .main_ui_workspace_sidebar_options_menus_exports__input-element-label input, .main_ui_workspace_sidebar_options_menus_exports__input-element input, .main_ui_workspace_sidebar_options_menus_exports__suffix-input input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_exports__input-base[disabled], .main_ui_workspace_sidebar_options_menus_exports__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_exports__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_exports__input-element input[disabled], .main_ui_workspace_sidebar_options_menus_exports__suffix-input input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_exports__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_exports__input-label, .main_ui_workspace_sidebar_options_menus_exports__input-element span, .main_ui_workspace_sidebar_options_menus_exports__suffix-input span,
.main_ui_workspace_sidebar_options_menus_exports__input-element label,
.main_ui_workspace_sidebar_options_menus_exports__suffix-input label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_exports__input-element, .main_ui_workspace_sidebar_options_menus_exports__suffix-input {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element span svg, .main_ui_workspace_sidebar_options_menus_exports__suffix-input span svg,
.main_ui_workspace_sidebar_options_menus_exports__input-element label svg,
.main_ui_workspace_sidebar_options_menus_exports__suffix-input label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_exports__suffix-input ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element ::placeholder, .main_ui_workspace_sidebar_options_menus_exports__suffix-input ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element:hover, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element:hover span, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element:hover input, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element:active, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element:active span, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element:active input, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element:focus, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:focus, .main_ui_workspace_sidebar_options_menus_exports__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element:focus span, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:focus span, .main_ui_workspace_sidebar_options_menus_exports__input-element:focus-within span, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element:focus input, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:focus input, .main_ui_workspace_sidebar_options_menus_exports__input-element:focus-within input, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:focus:hover, .main_ui_workspace_sidebar_options_menus_exports__input-element:focus-within:hover, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:focus:hover span, .main_ui_workspace_sidebar_options_menus_exports__input-element:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:focus:hover input, .main_ui_workspace_sidebar_options_menus_exports__input-element:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_exports__suffix-input:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_exports__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_exports__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_exports__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_exports__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_menus_exports__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_exports__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_exports__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_exports__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_exports__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_exports__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_exports__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_exports__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_exports__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_exports__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_exports__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_exports__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_exports__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_exports__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_exports__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_exports__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_exports__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_exports__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_exports__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_exports__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_exports__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_exports__mixed-bar, .main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_exports__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_exports__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_exports__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_exports__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_exports__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_exports__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_exports__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_exports__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_exports__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_exports__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_exports__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_exports__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_exports__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_exports__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_exports__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_exports__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_exports__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_exports__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_exports__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_exports__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_exports__element-set {
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_exports__title-spacing-export {
  padding-left: 0.125rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_exports__element-set-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0.25rem 0 0.5rem 0;
}

.main_ui_workspace_sidebar_options_menus_exports__multiple-exports {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_exports__element-group {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_exports__input-wrapper {
  grid-column: span 8;
  display: grid;
  grid-template-columns: subgrid;
}

.main_ui_workspace_sidebar_options_menus_exports__format-select {
  grid-column: span 3;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_exports__format-select .main_ui_workspace_sidebar_options_menus_exports__dropdown-upwards {
  bottom: 2.25rem;
  width: 5rem;
  top: unset;
}

.main_ui_workspace_sidebar_options_menus_exports__size-select {
  grid-column: span 2;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_exports__size-select .main_ui_workspace_sidebar_options_menus_exports__dropdown-upwards {
  bottom: 2.25rem;
  top: unset;
  width: 5rem;
}

.main_ui_workspace_sidebar_options_menus_exports__suffix-input {
  grid-column: span 3;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_exports__export-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2rem;
  width: 15.75rem;
}
@keyframes main_ui_workspace_sidebar_options_menus_fill__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_fill__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_fill__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_fill__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_fill__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_fill__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_fill__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_fill__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_fill__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_fill__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_fill__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_fill__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_fill__button-primary, .main_ui_workspace_sidebar_options_menus_fill__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_fill__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_fill__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_fill__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_fill__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_fill__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_fill__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_fill__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_fill__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_fill__button-primary svg, .main_ui_workspace_sidebar_options_menus_fill__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_fill__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_fill__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_fill__button-primary:hover, .main_ui_workspace_sidebar_options_menus_fill__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_fill__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_fill__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_fill__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_fill__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_fill__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_fill__button-primary:active, .main_ui_workspace_sidebar_options_menus_fill__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_fill__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_fill__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_fill__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_fill__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_fill__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_fill__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_fill__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_fill__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_fill__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_fill__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_fill__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_fill__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_fill__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_fill__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_fill__button-secondary, .main_ui_workspace_sidebar_options_menus_fill__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_fill__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_fill__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_fill__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_fill__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_fill__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_fill__button-secondary svg, .main_ui_workspace_sidebar_options_menus_fill__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_fill__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_fill__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_fill__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_fill__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_fill__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_fill__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_fill__button-secondary:active, .main_ui_workspace_sidebar_options_menus_fill__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_fill__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_fill__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_fill__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_fill__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_fill__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_fill__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_fill__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_fill__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_fill__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_fill__button-tertiary, .main_ui_workspace_sidebar_options_menus_fill__attr-title button, .main_ui_workspace_sidebar_options_menus_fill__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_fill__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_fill__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_fill__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_fill__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_fill__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_fill__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_fill__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_fill__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_fill__attr-title button svg, .main_ui_workspace_sidebar_options_menus_fill__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_fill__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_fill__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_fill__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_fill__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_fill__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_fill__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_fill__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_fill__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_fill__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_fill__attr-title button:active, .main_ui_workspace_sidebar_options_menus_fill__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_fill__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_fill__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_fill__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_fill__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_fill__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_fill__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_fill__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_fill__button-tertiary[disabled], .main_ui_workspace_sidebar_options_menus_fill__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_fill__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_fill__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_fill__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_fill__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_fill__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_fill__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_fill__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_fill__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_fill__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_menus_fill__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_fill__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_fill__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_fill__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_fill__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_fill__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_fill__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_fill__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_fill__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_fill__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_fill__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_fill__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_fill__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_fill__button-radio svg,
.main_ui_workspace_sidebar_options_menus_fill__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_fill__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_fill__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_fill__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_fill__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_fill__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_fill__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_fill__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_fill__button-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;
}

.main_ui_workspace_sidebar_options_menus_fill__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_fill__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_fill__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_fill__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_fill__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_fill__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_fill__button-icon, .main_ui_workspace_sidebar_options_menus_fill__empty-icon svg, .main_ui_workspace_sidebar_options_menus_fill__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_fill__button-icon-small, .main_ui_workspace_sidebar_options_menus_fill__checkbox span.main_ui_workspace_sidebar_options_menus_fill__checked svg, .main_ui_workspace_sidebar_options_menus_fill__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_fill__attr-title button svg, .main_ui_workspace_sidebar_options_menus_fill__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_fill__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_fill__checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_fill__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_fill__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_fill__checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_fill__input-element span svg,
.main_ui_workspace_sidebar_options_menus_fill__input-element label svg, .main_ui_workspace_sidebar_options_menus_fill__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_fill__button-icon-small, .main_ui_workspace_sidebar_options_menus_fill__checkbox span.main_ui_workspace_sidebar_options_menus_fill__checked svg, .main_ui_workspace_sidebar_options_menus_fill__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_fill__attr-title button svg, .main_ui_workspace_sidebar_options_menus_fill__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_fill__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_fill__checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_fill__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_fill__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_fill__checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_fill__input-element span svg,
.main_ui_workspace_sidebar_options_menus_fill__input-element label svg, .main_ui_workspace_sidebar_options_menus_fill__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_fill__input-base, .main_ui_workspace_sidebar_options_menus_fill__input-with-label input, .main_ui_workspace_sidebar_options_menus_fill__input-element-label input, .main_ui_workspace_sidebar_options_menus_fill__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_fill__input-base[disabled], .main_ui_workspace_sidebar_options_menus_fill__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_fill__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_fill__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_fill__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_fill__input-label, .main_ui_workspace_sidebar_options_menus_fill__input-element span,
.main_ui_workspace_sidebar_options_menus_fill__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_fill__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element span svg,
.main_ui_workspace_sidebar_options_menus_fill__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element:focus, .main_ui_workspace_sidebar_options_menus_fill__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element:focus span, .main_ui_workspace_sidebar_options_menus_fill__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element:focus input, .main_ui_workspace_sidebar_options_menus_fill__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_fill__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_fill__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_fill__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_fill__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_fill__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_fill__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_fill__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_menus_fill__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_fill__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_fill__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_fill__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_fill__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_fill__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_fill__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_fill__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_fill__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_fill__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_fill__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_fill__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_fill__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_fill__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_fill__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_fill__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_fill__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_fill__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_fill__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_fill__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_fill__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_fill__mixed-bar, .main_ui_workspace_sidebar_options_menus_fill__group-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_fill__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_fill__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_fill__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_fill__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_fill__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_fill__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_fill__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_fill__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_fill__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_fill__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_fill__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_fill__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_fill__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_fill__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_fill__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_fill__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_fill__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_fill__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_fill__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_fill__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_fill__element-set {
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_fill__element-title {
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_fill__title-spacing-fill {
  padding-left: 0.125rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_fill__element-content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0.25rem 0 0.5rem 0;
}

.main_ui_workspace_sidebar_options_menus_fill__element-set-options-group {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_fill__checkbox {
  padding-left: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_fill__checkbox span.main_ui_workspace_sidebar_options_menus_fill__checked {
  background-color: var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_fill__checkbox span.main_ui_workspace_sidebar_options_menus_fill__checked svg {
  stroke: var(--input-details-color);
}
@keyframes main_ui_workspace_sidebar_options_menus_frame_grid__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_frame_grid__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_frame_grid__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_frame_grid__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__button-primary, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-primary svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-primary:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-primary:active, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_frame_grid__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_frame_grid__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_frame_grid__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__button-secondary, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-options, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-options:focus-visible, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-options:focus-visible svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-secondary svg, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-options svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-options:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-options:hover svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-secondary:active, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-options:active, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-options:active svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-options.disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__button-secondary[disabled], .main_ui_workspace_sidebar_options_menus_frame_grid__option-row [disabled].main_ui_workspace_sidebar_options_menus_frame_grid__show-options, [disabled].main_ui_workspace_sidebar_options_menus_frame_grid__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_frame_grid__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-options:disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options, .main_ui_workspace_sidebar_options_menus_frame_grid__attr-title button, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options:focus-visible, .main_ui_workspace_sidebar_options_menus_frame_grid__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options:focus-visible svg, .main_ui_workspace_sidebar_options_menus_frame_grid__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options svg, .main_ui_workspace_sidebar_options_menus_frame_grid__attr-title button svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options:hover svg, .main_ui_workspace_sidebar_options_menus_frame_grid__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options:active, .main_ui_workspace_sidebar_options_menus_frame_grid__attr-title button:active, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options:active svg, .main_ui_workspace_sidebar_options_menus_frame_grid__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options.disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary[disabled], .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row [disabled].main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options, .main_ui_workspace_sidebar_options_menus_frame_grid__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_frame_grid__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options:disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options.disabled svg, .main_ui_workspace_sidebar_options_menus_frame_grid__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row [disabled].main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options svg, .main_ui_workspace_sidebar_options_menus_frame_grid__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_frame_grid__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options:disabled svg, .main_ui_workspace_sidebar_options_menus_frame_grid__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__button-icon-selected, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options.main_ui_workspace_sidebar_options_menus_frame_grid__selected, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-options.main_ui_workspace_sidebar_options_menus_frame_grid__selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-icon-selected svg, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options.main_ui_workspace_sidebar_options_menus_frame_grid__selected svg, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-options.main_ui_workspace_sidebar_options_menus_frame_grid__selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-radio svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__button-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;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__button-icon, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options svg, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__editable-select-wrapper .main_ui_workspace_sidebar_options_menus_frame_grid__column-select span svg, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-options svg, .main_ui_workspace_sidebar_options_menus_frame_grid__empty-icon svg, .main_ui_workspace_sidebar_options_menus_frame_grid__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_frame_grid__button-icon-small, .main_ui_workspace_sidebar_options_menus_frame_grid__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_frame_grid__second-row .main_ui_workspace_sidebar_options_menus_frame_grid__btn-options span svg, .main_ui_workspace_sidebar_options_menus_frame_grid__attr-title button svg, .main_ui_workspace_sidebar_options_menus_frame_grid__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_frame_grid__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_frame_grid__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_frame_grid__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_frame_grid__input-element span svg, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter span svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin span svg, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height span svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element label svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter label svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin label svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height label svg, .main_ui_workspace_sidebar_options_menus_frame_grid__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__button-icon-small, .main_ui_workspace_sidebar_options_menus_frame_grid__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_frame_grid__second-row .main_ui_workspace_sidebar_options_menus_frame_grid__btn-options span svg, .main_ui_workspace_sidebar_options_menus_frame_grid__attr-title button svg, .main_ui_workspace_sidebar_options_menus_frame_grid__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_frame_grid__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_frame_grid__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_frame_grid__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_frame_grid__input-element span svg, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter span svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin span svg, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height span svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element label svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter label svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin label svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height label svg, .main_ui_workspace_sidebar_options_menus_frame_grid__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_frame_grid__input-base, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__editable-select-wrapper .main_ui_workspace_sidebar_options_menus_frame_grid__column-select .main_ui_workspace_sidebar_options_menus_frame_grid__numeric-input, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__grid-size .main_ui_workspace_sidebar_options_menus_frame_grid__numeric-input, .main_ui_workspace_sidebar_options_menus_frame_grid__input-with-label input, .main_ui_workspace_sidebar_options_menus_frame_grid__input-element-label input, .main_ui_workspace_sidebar_options_menus_frame_grid__input-element input, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter input,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin input, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-base[disabled], .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__editable-select-wrapper .main_ui_workspace_sidebar_options_menus_frame_grid__column-select [disabled].main_ui_workspace_sidebar_options_menus_frame_grid__numeric-input, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__grid-size [disabled].main_ui_workspace_sidebar_options_menus_frame_grid__numeric-input, .main_ui_workspace_sidebar_options_menus_frame_grid__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_frame_grid__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_frame_grid__input-element input[disabled], .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter input[disabled],
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin input[disabled], .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-label, .main_ui_workspace_sidebar_options_menus_frame_grid__input-element span, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter span,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin span, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height span,
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element label,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter label,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin label,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__input-element, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:focus-within,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:focus-within, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element span svg, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter span svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin span svg, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height span svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element label svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter label svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin label svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element ::placeholder, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter ::placeholder,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin ::placeholder, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:hover,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element:hover span, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:hover span,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:hover span, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element:hover input, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:hover input,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:hover input, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element:active, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:active,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:active, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element:active span, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:active span,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:active span, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element:active input, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:active input,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:active input, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element:focus, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:focus,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:focus, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:focus, .main_ui_workspace_sidebar_options_menus_frame_grid__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:focus-within,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:focus-within, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element:focus span, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:focus span,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:focus span, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:focus span, .main_ui_workspace_sidebar_options_menus_frame_grid__input-element:focus-within span, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:focus-within span,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:focus-within span, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element:focus input, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:focus input,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:focus input, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:focus input, .main_ui_workspace_sidebar_options_menus_frame_grid__input-element:focus-within input, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:focus-within input,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:focus-within input, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:focus:hover,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:focus:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:focus:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__input-element:focus-within:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:focus-within:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:focus:hover span,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:focus:hover span, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:focus:hover span, .main_ui_workspace_sidebar_options_menus_frame_grid__input-element:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:focus:hover input,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:focus:hover input, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:focus:hover input, .main_ui_workspace_sidebar_options_menus_frame_grid__input-element:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_frame_grid__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_menus_frame_grid__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_frame_grid__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_frame_grid__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_frame_grid__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__asset-element, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__editable-select-wrapper, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__grid-size {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__asset-element:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__editable-select-wrapper:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__grid-size:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_frame_grid__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_frame_grid__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_frame_grid__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__dropdown-element-base, .main_ui_workspace_sidebar_options_menus_frame_grid__second-row .main_ui_workspace_sidebar_options_menus_frame_grid__btn-options {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__dropdown-element-base span, .main_ui_workspace_sidebar_options_menus_frame_grid__second-row .main_ui_workspace_sidebar_options_menus_frame_grid__btn-options span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_frame_grid__second-row .main_ui_workspace_sidebar_options_menus_frame_grid__btn-options span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__dropdown-element-base:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__second-row .main_ui_workspace_sidebar_options_menus_frame_grid__btn-options:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__dropdown-element-base:hover span svg, .main_ui_workspace_sidebar_options_menus_frame_grid__second-row .main_ui_workspace_sidebar_options_menus_frame_grid__btn-options:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__dropdown-wrapper, .main_ui_workspace_sidebar_options_menus_frame_grid__second-row {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__element-set {
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__title-spacing-board-grid {
  padding-left: 0.125rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__element-set-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0.25rem 0 0.5rem 0;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__grid-title {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__option-row {
  display: flex;
  align-items: center;
  gap: 1px;
  border-radius: 0.5rem;
  background-color: var(--input-details-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-options {
  height: 2rem;
  width: 1.75rem;
  border-radius: 0.5rem 0 0 0.5rem;
  box-sizing: border-box;
  border: 1px solid var(--input-border-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__type-select-wrapper {
  width: 6rem;
  padding: 0;
  border-radius: 0;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__type-select-wrapper .main_ui_workspace_sidebar_options_menus_frame_grid__grid-type-select {
  border-radius: 0;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid var(--input-border-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__type-select-wrapper .main_ui_workspace_sidebar_options_menus_frame_grid__grid-type-select:hover {
  border: 1px solid var(--input-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__grid-size {
  width: 3.75rem;
  margin: 0;
  padding: 0;
  padding-left: 0.5rem;
  border-radius: 0 0.5rem 0.5rem 0;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__grid-size .main_ui_workspace_sidebar_options_menus_frame_grid__numeric-input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__editable-select-wrapper {
  width: 3.75rem;
  margin: 0;
  padding: 0;
  position: relative;
  border-radius: 0 0.5rem 0.5rem 0;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__editable-select-wrapper .main_ui_workspace_sidebar_options_menus_frame_grid__column-select {
  height: 2rem;
  border-radius: 0 0.5rem 0.5rem 0;
  box-sizing: border-box;
  border: 1px solid var(--input-border-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__editable-select-wrapper .main_ui_workspace_sidebar_options_menus_frame_grid__column-select .main_ui_workspace_sidebar_options_menus_frame_grid__numeric-input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row .main_ui_workspace_sidebar_options_menus_frame_grid__editable-select-wrapper .main_ui_workspace_sidebar_options_menus_frame_grid__column-select span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__show-options {
  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);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__type-select-wrapper,
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__editable-select-wrapper {
  cursor: default;
  pointer-events: none;
  box-sizing: border-box;
  color: var(--input-foreground-color-disabled);
  stroke: var(--input-foreground-color-disabled);
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__type-select-wrapper .main_ui_workspace_sidebar_options_menus_frame_grid__column-select,
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__type-select-wrapper .main_ui_workspace_sidebar_options_menus_frame_grid__grid-type-select,
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__editable-select-wrapper .main_ui_workspace_sidebar_options_menus_frame_grid__column-select,
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__editable-select-wrapper .main_ui_workspace_sidebar_options_menus_frame_grid__grid-type-select {
  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);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__type-select-wrapper .main_ui_workspace_sidebar_options_menus_frame_grid__column-select,
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__editable-select-wrapper .main_ui_workspace_sidebar_options_menus_frame_grid__column-select {
  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-radius: 0 0.5rem 0.5rem 0;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__type-select-wrapper .main_ui_workspace_sidebar_options_menus_frame_grid__column-select .main_ui_workspace_sidebar_options_menus_frame_grid__numeric-input,
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__editable-select-wrapper .main_ui_workspace_sidebar_options_menus_frame_grid__column-select .main_ui_workspace_sidebar_options_menus_frame_grid__numeric-input {
  cursor: default;
  pointer-events: none;
  box-sizing: border-box;
  color: var(--input-foreground-color-disabled);
  stroke: var(--input-foreground-color-disabled);
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__grid-size {
  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);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__grid-size .main_ui_workspace_sidebar_options_menus_frame_grid__icon {
  stroke: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__grid-size .main_ui_workspace_sidebar_options_menus_frame_grid__numeric-input {
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__actions .main_ui_workspace_sidebar_options_menus_frame_grid__hidden-btn,
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__actions .main_ui_workspace_sidebar_options_menus_frame_grid__lock-btn {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__actions .main_ui_workspace_sidebar_options_menus_frame_grid__hidden-btn svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__option-row.main_ui_workspace_sidebar_options_menus_frame_grid__hidden .main_ui_workspace_sidebar_options_menus_frame_grid__actions .main_ui_workspace_sidebar_options_menus_frame_grid__lock-btn svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__grid-advanced-options {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__column-row,
.main_ui_workspace_sidebar_options_menus_frame_grid__square-row {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
}

.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row {
  position: relative;
  display: flex;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__orientation-select-wrapper {
  width: 5.75rem;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__color-wrapper {
  width: 9.75rem;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__show-more-options {
  height: 2rem;
  width: 2rem;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__height .main_ui_workspace_sidebar_options_menus_frame_grid__icon-text {
  padding-top: 1px;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__gutter .main_ui_workspace_sidebar_options_menus_frame_grid__icon.main_ui_workspace_sidebar_options_menus_frame_grid__rotated svg,
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__margin .main_ui_workspace_sidebar_options_menus_frame_grid__icon.main_ui_workspace_sidebar_options_menus_frame_grid__rotated svg {
  transform: rotate(90deg);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__more-options {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  top: calc(0.125rem + 1.75rem);
  right: 0;
  width: 9.75rem;
  max-height: 18.75rem;
  padding: 0.125rem;
  margin: 0 0 2.5rem 0;
  margin-top: 0.25rem;
  border-radius: 0.5rem;
  z-index: 4;
  overflow-y: auto;
  background-color: var(--menu-background-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__more-options .main_ui_workspace_sidebar_options_menus_frame_grid__option-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__advanced-row .main_ui_workspace_sidebar_options_menus_frame_grid__more-options .main_ui_workspace_sidebar_options_menus_frame_grid__option-btn:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__second-row {
  left: unset;
  right: 0;
  width: 6.75rem;
}
.main_ui_workspace_sidebar_options_menus_frame_grid__second-row .main_ui_workspace_sidebar_options_menus_frame_grid__btn-options {
  border: none;
  background: none;
  cursor: pointer;
  width: 100%;
}
@keyframes main_ui_workspace_sidebar_options_menus_grid_cell__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_grid_cell__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_grid_cell__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_grid_cell__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__button-primary, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-primary svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-primary:hover, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-primary:active, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_grid_cell__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_grid_cell__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_grid_cell__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_grid_cell__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__button-secondary, .main_ui_workspace_sidebar_options_menus_grid_cell__edit-grid-btn, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_grid_cell__edit-grid-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_grid_cell__edit-grid-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-secondary svg, .main_ui_workspace_sidebar_options_menus_grid_cell__edit-grid-btn svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_grid_cell__edit-grid-btn:hover, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_grid_cell__edit-grid-btn:hover svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-secondary:active, .main_ui_workspace_sidebar_options_menus_grid_cell__edit-grid-btn:active, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_grid_cell__edit-grid-btn:active svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_grid_cell__edit-grid-btn.disabled, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_grid_cell__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_grid_cell__edit-grid-btn, [disabled].main_ui_workspace_sidebar_options_menus_grid_cell__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_grid_cell__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_grid_cell__edit-grid-btn:disabled, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary, .main_ui_workspace_sidebar_options_menus_grid_cell__attr-title button, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_grid_cell__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_grid_cell__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_grid_cell__attr-title button svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_grid_cell__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_grid_cell__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_grid_cell__attr-title button:active, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_grid_cell__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_grid_cell__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary[disabled], .main_ui_workspace_sidebar_options_menus_grid_cell__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_grid_cell__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_grid_cell__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_grid_cell__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_menus_grid_cell__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_grid_cell__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_grid_cell__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-radio svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__button-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;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__button-icon, .main_ui_workspace_sidebar_options_menus_grid_cell__icon svg, .main_ui_workspace_sidebar_options_menus_grid_cell__empty-icon svg, .main_ui_workspace_sidebar_options_menus_grid_cell__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_grid_cell__button-icon-small, .main_ui_workspace_sidebar_options_menus_grid_cell__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_grid_cell__attr-title button svg, .main_ui_workspace_sidebar_options_menus_grid_cell__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_grid_cell__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_grid_cell__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_grid_cell__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_grid_cell__input-element span svg, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input span svg, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input span svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element label svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__coord-input label svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__area-input label svg, .main_ui_workspace_sidebar_options_menus_grid_cell__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__button-icon-small, .main_ui_workspace_sidebar_options_menus_grid_cell__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_grid_cell__attr-title button svg, .main_ui_workspace_sidebar_options_menus_grid_cell__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_grid_cell__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_grid_cell__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_grid_cell__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_grid_cell__input-element span svg, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input span svg, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input span svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element label svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__coord-input label svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__area-input label svg, .main_ui_workspace_sidebar_options_menus_grid_cell__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_grid_cell__input-base, .main_ui_workspace_sidebar_options_menus_grid_cell__input-with-label input, .main_ui_workspace_sidebar_options_menus_grid_cell__input-element-label input, .main_ui_workspace_sidebar_options_menus_grid_cell__input-element input, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input input, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-base[disabled], .main_ui_workspace_sidebar_options_menus_grid_cell__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_grid_cell__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_grid_cell__input-element input[disabled], .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input input[disabled], .main_ui_workspace_sidebar_options_menus_grid_cell__area-input input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-label, .main_ui_workspace_sidebar_options_menus_grid_cell__input-element span, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input span, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input span,
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element label,
.main_ui_workspace_sidebar_options_menus_grid_cell__coord-input label,
.main_ui_workspace_sidebar_options_menus_grid_cell__area-input label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__input-element, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:focus-within, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element span svg, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input span svg, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input span svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element label svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__coord-input label svg,
.main_ui_workspace_sidebar_options_menus_grid_cell__area-input label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element ::placeholder, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input ::placeholder, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element:hover, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:hover, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element:hover span, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:hover span, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element:hover input, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:hover input, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element:active, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:active, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element:active span, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:active span, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element:active input, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:active input, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element:focus, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:focus, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:focus, .main_ui_workspace_sidebar_options_menus_grid_cell__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:focus-within, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element:focus span, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:focus span, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:focus span, .main_ui_workspace_sidebar_options_menus_grid_cell__input-element:focus-within span, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:focus-within span, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element:focus input, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:focus input, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:focus input, .main_ui_workspace_sidebar_options_menus_grid_cell__input-element:focus-within input, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:focus-within input, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:focus:hover, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:focus:hover, .main_ui_workspace_sidebar_options_menus_grid_cell__input-element:focus-within:hover, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:focus-within:hover, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:focus:hover span, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:focus:hover span, .main_ui_workspace_sidebar_options_menus_grid_cell__input-element:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:focus:hover input, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:focus:hover input, .main_ui_workspace_sidebar_options_menus_grid_cell__input-element:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_grid_cell__coord-input:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_grid_cell__area-input:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_grid_cell__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_menus_grid_cell__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_grid_cell__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_grid_cell__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_grid_cell__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_grid_cell__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_grid_cell__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_grid_cell__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_grid_cell__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_grid_cell__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__grid-cell-menu-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.5rem;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__grid-cell-menu-title {
  font-size: 0.688rem;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__cell-mode label {
  padding: 0 0.75rem;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__edit-grid-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  width: 100%;
  padding: 0.5rem;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__area-input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 100%;
  padding: 0.5rem;
}

.main_ui_workspace_sidebar_options_menus_grid_cell__grid-coord-group {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  padding-left: 0.25rem;
  background-color: var(--input-background-color);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__icon svg {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__coord-input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0 0.5rem 0.5rem 0;
  border-left: 1px solid var(--panel-background-color);
}
@keyframes main_ui_workspace_sidebar_options_menus_interactions__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_interactions__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_interactions__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_interactions__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_interactions__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_interactions__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_interactions__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_interactions__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_interactions__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_interactions__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_interactions__button-primary, .main_ui_workspace_sidebar_options_menus_interactions__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_interactions__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_interactions__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_interactions__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_interactions__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-primary svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-primary:hover, .main_ui_workspace_sidebar_options_menus_interactions__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_interactions__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_interactions__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-primary:active, .main_ui_workspace_sidebar_options_menus_interactions__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_interactions__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_interactions__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_interactions__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_interactions__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_interactions__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_interactions__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_interactions__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_interactions__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_interactions__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_interactions__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_interactions__button-secondary, .main_ui_workspace_sidebar_options_menus_interactions__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_interactions__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-secondary svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_interactions__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_interactions__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-secondary:active, .main_ui_workspace_sidebar_options_menus_interactions__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_interactions__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_interactions__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_interactions__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_interactions__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_interactions__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary, .main_ui_workspace_sidebar_options_menus_interactions__extend-btn, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary .main_ui_workspace_sidebar_options_menus_interactions__remove-btn, .main_ui_workspace_sidebar_options_menus_interactions__direction-btn, .main_ui_workspace_sidebar_options_menus_interactions__attr-title button, .main_ui_workspace_sidebar_options_menus_interactions__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_interactions__extend-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary .main_ui_workspace_sidebar_options_menus_interactions__remove-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_interactions__direction-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_interactions__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_interactions__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_interactions__extend-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary .main_ui_workspace_sidebar_options_menus_interactions__remove-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_interactions__direction-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_interactions__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_interactions__extend-btn svg, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary .main_ui_workspace_sidebar_options_menus_interactions__remove-btn svg, .main_ui_workspace_sidebar_options_menus_interactions__direction-btn svg, .main_ui_workspace_sidebar_options_menus_interactions__attr-title button svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_interactions__extend-btn:hover, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary .main_ui_workspace_sidebar_options_menus_interactions__remove-btn:hover, .main_ui_workspace_sidebar_options_menus_interactions__direction-btn:hover, .main_ui_workspace_sidebar_options_menus_interactions__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_interactions__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_interactions__extend-btn:hover svg, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary .main_ui_workspace_sidebar_options_menus_interactions__remove-btn:hover svg, .main_ui_workspace_sidebar_options_menus_interactions__direction-btn:hover svg, .main_ui_workspace_sidebar_options_menus_interactions__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_interactions__extend-btn:active, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary .main_ui_workspace_sidebar_options_menus_interactions__remove-btn:active, .main_ui_workspace_sidebar_options_menus_interactions__direction-btn:active, .main_ui_workspace_sidebar_options_menus_interactions__attr-title button:active, .main_ui_workspace_sidebar_options_menus_interactions__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_interactions__extend-btn:active svg, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary .main_ui_workspace_sidebar_options_menus_interactions__remove-btn:active svg, .main_ui_workspace_sidebar_options_menus_interactions__direction-btn:active svg, .main_ui_workspace_sidebar_options_menus_interactions__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_interactions__extend-btn.disabled, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary .main_ui_workspace_sidebar_options_menus_interactions__remove-btn.disabled, .main_ui_workspace_sidebar_options_menus_interactions__direction-btn.disabled, .main_ui_workspace_sidebar_options_menus_interactions__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_interactions__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_interactions__button-tertiary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_interactions__extend-btn, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary [disabled].main_ui_workspace_sidebar_options_menus_interactions__remove-btn, [disabled].main_ui_workspace_sidebar_options_menus_interactions__direction-btn, .main_ui_workspace_sidebar_options_menus_interactions__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_interactions__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_interactions__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_interactions__extend-btn:disabled, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary .main_ui_workspace_sidebar_options_menus_interactions__remove-btn:disabled, .main_ui_workspace_sidebar_options_menus_interactions__direction-btn:disabled, .main_ui_workspace_sidebar_options_menus_interactions__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_interactions__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_interactions__extend-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary .main_ui_workspace_sidebar_options_menus_interactions__remove-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_interactions__direction-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_interactions__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_interactions__button-tertiary[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_interactions__extend-btn svg, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary [disabled].main_ui_workspace_sidebar_options_menus_interactions__remove-btn svg, [disabled].main_ui_workspace_sidebar_options_menus_interactions__direction-btn svg, .main_ui_workspace_sidebar_options_menus_interactions__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_interactions__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_interactions__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_interactions__extend-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary .main_ui_workspace_sidebar_options_menus_interactions__remove-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_interactions__direction-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_interactions__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_interactions__button-icon-selected, .main_ui_workspace_sidebar_options_menus_interactions__extend-btn.main_ui_workspace_sidebar_options_menus_interactions__extended, .main_ui_workspace_sidebar_options_menus_interactions__direction-btn.main_ui_workspace_sidebar_options_menus_interactions__active {
  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);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-icon-selected svg, .main_ui_workspace_sidebar_options_menus_interactions__extend-btn.main_ui_workspace_sidebar_options_menus_interactions__extended svg, .main_ui_workspace_sidebar_options_menus_interactions__direction-btn.main_ui_workspace_sidebar_options_menus_interactions__active svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_interactions__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-radio svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_interactions__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_interactions__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_interactions__button-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;
}

.main_ui_workspace_sidebar_options_menus_interactions__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_interactions__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_interactions__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_interactions__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_interactions__button-icon, .main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper .main_ui_workspace_sidebar_options_menus_interactions__start-flow-btn svg, .main_ui_workspace_sidebar_options_menus_interactions__extend-btn svg, .main_ui_workspace_sidebar_options_menus_interactions__interactions-help-icon svg, .main_ui_workspace_sidebar_options_menus_interactions__empty-icon svg, .main_ui_workspace_sidebar_options_menus_interactions__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_interactions__button-icon-small, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary .main_ui_workspace_sidebar_options_menus_interactions__remove-btn svg, .main_ui_workspace_sidebar_options_menus_interactions__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_interactions__attr-title button svg, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label span.checked svg, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label span.checked svg, .main_ui_workspace_sidebar_options_menus_interactions__input-element span svg, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper span svg,
.main_ui_workspace_sidebar_options_menus_interactions__input-element label svg,
.main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper label svg, .main_ui_workspace_sidebar_options_menus_interactions__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_interactions__button-icon-small, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary .main_ui_workspace_sidebar_options_menus_interactions__remove-btn svg, .main_ui_workspace_sidebar_options_menus_interactions__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_interactions__attr-title button svg, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label span.checked svg, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label span.checked svg, .main_ui_workspace_sidebar_options_menus_interactions__input-element span svg, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper span svg,
.main_ui_workspace_sidebar_options_menus_interactions__input-element label svg,
.main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper label svg, .main_ui_workspace_sidebar_options_menus_interactions__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_interactions__input-base, .main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper .main_ui_workspace_sidebar_options_menus_interactions__flow-input, .main_ui_workspace_sidebar_options_menus_interactions__input-with-label input, .main_ui_workspace_sidebar_options_menus_interactions__input-element-label input, .main_ui_workspace_sidebar_options_menus_interactions__input-element input, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-base[disabled], .main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper [disabled].main_ui_workspace_sidebar_options_menus_interactions__flow-input, .main_ui_workspace_sidebar_options_menus_interactions__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_interactions__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_interactions__input-element input[disabled], .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_interactions__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_interactions__input-label, .main_ui_workspace_sidebar_options_menus_interactions__input-element span, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper span,
.main_ui_workspace_sidebar_options_menus_interactions__input-element label,
.main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_interactions__input-element, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element span svg, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper span svg,
.main_ui_workspace_sidebar_options_menus_interactions__input-element label svg,
.main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element ::placeholder, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element:hover, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element:hover span, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element:hover input, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element:active, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element:active span, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element:active input, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element:focus, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:focus, .main_ui_workspace_sidebar_options_menus_interactions__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element:focus span, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:focus span, .main_ui_workspace_sidebar_options_menus_interactions__input-element:focus-within span, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element:focus input, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:focus input, .main_ui_workspace_sidebar_options_menus_interactions__input-element:focus-within input, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:focus:hover, .main_ui_workspace_sidebar_options_menus_interactions__input-element:focus-within:hover, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:focus:hover span, .main_ui_workspace_sidebar_options_menus_interactions__input-element:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:focus:hover input, .main_ui_workspace_sidebar_options_menus_interactions__input-element:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_interactions__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_interactions__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_interactions__checkbox-icon, .main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label span, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label span, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_interactions__checkbox-icon svg, .main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label span svg, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label span svg, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__checkbox-icon:hover, .main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label span:hover, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label span:hover, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_interactions__checkbox-icon:focus, .main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label span:focus, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label span:focus, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_sidebar_options_menus_interactions__checkbox-icon.checked, .main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label span.checked, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label span.checked, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label span.checked svg, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__checkbox-icon.intermediate, .main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label span.intermediate, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label span.intermediate, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_sidebar_options_menus_interactions__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_sidebar_options_menus_interactions__checkbox-icon.unchecked, .main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label span.unchecked, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label span.unchecked, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_interactions__checkbox-icon.unchecked svg, .main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label span.unchecked svg, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label span.unchecked svg, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label span.unchecked svg {
  display: none;
}

.main_ui_workspace_sidebar_options_menus_interactions__input-checkbox, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn {
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label input, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label input, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label input {
  margin: 0;
}
.main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label:hover span, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label:hover span, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label:focus span, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label:focus span, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label:focus span, .main_ui_workspace_sidebar_options_menus_interactions__input-checkbox label:focus-within span, .main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label:focus-within span, .main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper .main_ui_workspace_sidebar_options_menus_interactions__radio-btn label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_sidebar_options_menus_interactions__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_interactions__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_interactions__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_interactions__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_interactions__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_interactions__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_interactions__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_interactions__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_interactions__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_interactions__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_interactions__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_interactions__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_interactions__asset-element, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_interactions__asset-element:hover, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_interactions__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_interactions__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_interactions__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_interactions__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_interactions__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_interactions__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_interactions__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_interactions__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_interactions__attr-row, .main_ui_workspace_sidebar_options_menus_interactions__property-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_interactions__attr-row .attr-label, .main_ui_workspace_sidebar_options_menus_interactions__property-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_interactions__attr-row .attr-value, .main_ui_workspace_sidebar_options_menus_interactions__property-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_interactions__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_interactions__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_interactions__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_interactions__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_interactions__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_interactions__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_interactions__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_interactions__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_interactions__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_interactions__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_interactions__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_interactions__interactions-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: var(--sp-m);
}

.main_ui_workspace_sidebar_options_menus_interactions__interaction-options {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_interactions__help-content {
  padding: 2rem 0;
  width: 12.5rem;
  margin: 0 auto;
}

.main_ui_workspace_sidebar_options_menus_interactions__help-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2.5rem;
  gap: 0.75rem;
}

.main_ui_workspace_sidebar_options_menus_interactions__interactions-help-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: var(--pill-background-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__interactions-help-icon svg {
  stroke: var(--icon-foreground);
  height: 2rem;
  width: 2rem;
}

.main_ui_workspace_sidebar_options_menus_interactions__after {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 1px;
}

.main_ui_workspace_sidebar_options_menus_interactions__interactions-help {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  color: var(--title-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_interactions__element-set {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_interactions__interactions-info {
  flex-grow: 1;
  display: grid;
}

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

.main_ui_workspace_sidebar_options_menus_interactions__action-summary {
  color: var(--color-foreground-secondary);
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main_ui_workspace_sidebar_options_menus_interactions__groups {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.main_ui_workspace_sidebar_options_menus_interactions__element-set-options-group-open {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_interactions__extended-options {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_interactions__property-list {
  list-style: none;
  margin: 0;
  display: grid;
  row-gap: 1rem;
  margin-block: calc(1rem - 0.25rem);
}

.main_ui_workspace_sidebar_options_menus_interactions__property-row {
  height: auto;
}
.main_ui_workspace_sidebar_options_menus_interactions__property-row.main_ui_workspace_sidebar_options_menus_interactions__big-row {
  height: 100%;
}
.main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__interaction-name {
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  padding-left: 0.25rem;
  width: 5.75rem;
  margin: auto 0;
  grid-area: name;
  color: var(--title-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__select-wrapper {
  display: flex;
  align-items: center;
  grid-area: content;
}
.main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__select-wrapper .main_ui_workspace_sidebar_options_menus_interactions__easing-select {
  width: 9.75rem;
  padding: 0 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__select-wrapper .main_ui_workspace_sidebar_options_menus_interactions__easing-select .main_ui_workspace_sidebar_options_menus_interactions__dropdown-upwards {
  bottom: 2.25rem;
  width: 9.75rem;
  top: unset;
}
.main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__input-element-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  grid-area: content;
}
.main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__buttons-wrapper {
  grid-area: content;
}
.main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__buttons-wrapper .main_ui_workspace_sidebar_options_menus_interactions__right svg {
  transform: rotate(-90deg);
}
.main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__buttons-wrapper .main_ui_workspace_sidebar_options_menus_interactions__left svg {
  transform: rotate(90deg);
}
.main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__buttons-wrapper .main_ui_workspace_sidebar_options_menus_interactions__up svg {
  transform: rotate(180deg);
}
.main_ui_workspace_sidebar_options_menus_interactions__property-row .main_ui_workspace_sidebar_options_menus_interactions__inputs-wrapper {
  grid-area: content;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_interactions__position-btns-wrapper {
  grid-area: content;
  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);
  width: 5.25rem;
  height: 5.25rem;
  border-radius: 0.5rem;
  background-color: var(--color-background-tertiary);
}
.main_ui_workspace_sidebar_options_menus_interactions__position-btns-wrapper .main_ui_workspace_sidebar_options_menus_interactions__center-btn {
  grid-area: center;
}
.main_ui_workspace_sidebar_options_menus_interactions__position-btns-wrapper .main_ui_workspace_sidebar_options_menus_interactions__top-left-btn {
  grid-area: topleft;
}
.main_ui_workspace_sidebar_options_menus_interactions__position-btns-wrapper .main_ui_workspace_sidebar_options_menus_interactions__top-right-btn {
  grid-area: topright;
}
.main_ui_workspace_sidebar_options_menus_interactions__position-btns-wrapper .main_ui_workspace_sidebar_options_menus_interactions__top-center-btn {
  grid-area: top;
}
.main_ui_workspace_sidebar_options_menus_interactions__position-btns-wrapper .main_ui_workspace_sidebar_options_menus_interactions__bottom-left-btn {
  grid-area: bottomleft;
}
.main_ui_workspace_sidebar_options_menus_interactions__position-btns-wrapper .main_ui_workspace_sidebar_options_menus_interactions__bottom-right-btn {
  grid-area: bottomright;
}
.main_ui_workspace_sidebar_options_menus_interactions__position-btns-wrapper .main_ui_workspace_sidebar_options_menus_interactions__bottom-center-btn {
  grid-area: bottom;
}

.main_ui_workspace_sidebar_options_menus_interactions__direction-btn {
  height: 1.75rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_interactions__checkbox-option {
  grid-area: content;
  line-height: 1.2;
}
.main_ui_workspace_sidebar_options_menus_interactions__checkbox-option label {
  align-items: start;
}

.main_ui_workspace_sidebar_options_menus_interactions__interactions-summary {
  height: 2.75rem;
  padding: 0;
  gap: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_interactions__interactions-summary .main_ui_workspace_sidebar_options_menus_interactions__remove-btn {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_interactions__extend-btn {
  --button-tertiary-border-width: var(--expand-button-icon-border-width);
  height: 100%;
  width: 1.75rem;
  border-end-end-radius: 0;
  border-start-end-radius: 0;
  padding: 0;
  position: relative;
}
.main_ui_workspace_sidebar_options_menus_interactions__extend-btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-inline-end: 1px solid var(--panel-background-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__extend-btn.main_ui_workspace_sidebar_options_menus_interactions__extended {
  --button-tertiary-border-width: var(--expand-button-icon-border-width-selected);
}

.main_ui_workspace_sidebar_options_menus_interactions__corner-icon {
  fill: none;
  stroke: currentColor;
  width: 0.75rem;
  height: 0.75rem;
}

.main_ui_workspace_sidebar_options_menus_interactions__flow-element {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_interactions__flow-info {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  border-radius: 0.5rem;
  background-color: var(--input-details-color);
  height: 2rem;
  width: 100%;
  flex-grow: 1;
}

.main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-grow: 1;
  height: 2rem;
  width: 100%;
  border-radius: 0.5rem;
  padding: 0;
  margin-right: 0;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper .main_ui_workspace_sidebar_options_menus_interactions__start-flow-btn {
  border: none;
  background: none;
  cursor: pointer;
  height: 2rem;
  width: 1.75rem;
  padding: 0 0.125rem 0 0.5rem;
  border-radius: 0.5rem 0 0 0.5rem;
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper .main_ui_workspace_sidebar_options_menus_interactions__start-flow-btn svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper .main_ui_workspace_sidebar_options_menus_interactions__start-flow-btn svg:hover {
  stroke: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper .main_ui_workspace_sidebar_options_menus_interactions__flow-input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  background-color: transparent;
  height: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper .main_ui_workspace_sidebar_options_menus_interactions__flow-input-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 1.75rem;
  padding: 0;
  width: 100%;
  margin: 0;
  flex-grow: 1;
  background-color: transparent;
  color: var(--input-foreground-color);
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper:hover {
  background-color: var(--input-background-color-hover);
  border: 1px solid var(--input-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper:hover:active {
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper:hover:active .main_ui_workspace_sidebar_options_menus_interactions__flow-input-wrapper {
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper:focus, .main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper:focus-within {
  background-color: var(--input-background-color-focus);
  border: 1px solid var(--input-border-color-focus);
}
.main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper:focus:hover, .main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
}
.main_ui_workspace_sidebar_options_menus_interactions__flow-name-wrapper.main_ui_workspace_sidebar_options_menus_interactions__editing {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
@keyframes main_ui_workspace_sidebar_options_menus_layer__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_layer__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_layer__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_layer__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_layer__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_layer__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_layer__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_layer__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_layer__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_layer__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_layer__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_layer__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_layer__button-primary, .main_ui_workspace_sidebar_options_menus_layer__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_layer__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_layer__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_layer__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_layer__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_layer__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layer__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layer__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layer__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layer__button-primary svg, .main_ui_workspace_sidebar_options_menus_layer__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_layer__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_layer__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layer__button-primary:hover, .main_ui_workspace_sidebar_options_menus_layer__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_layer__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_layer__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_layer__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_layer__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_layer__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layer__button-primary:active, .main_ui_workspace_sidebar_options_menus_layer__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_layer__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_layer__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_layer__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_layer__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_layer__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layer__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_layer__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_layer__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_layer__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_layer__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_layer__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_layer__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_layer__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_layer__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_layer__button-secondary, .main_ui_workspace_sidebar_options_menus_layer__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layer__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_layer__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layer__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layer__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layer__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layer__button-secondary svg, .main_ui_workspace_sidebar_options_menus_layer__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_layer__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layer__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_layer__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_layer__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_layer__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_layer__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layer__button-secondary:active, .main_ui_workspace_sidebar_options_menus_layer__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_layer__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_layer__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_layer__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layer__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_layer__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_layer__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_layer__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_layer__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_layer__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_layer__button-tertiary, .main_ui_workspace_sidebar_options_menus_layer__attr-title button, .main_ui_workspace_sidebar_options_menus_layer__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_layer__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_layer__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_layer__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_layer__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layer__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layer__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layer__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layer__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_layer__attr-title button svg, .main_ui_workspace_sidebar_options_menus_layer__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_layer__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layer__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_layer__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_layer__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layer__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_layer__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_layer__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_layer__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layer__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_layer__attr-title button:active, .main_ui_workspace_sidebar_options_menus_layer__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layer__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_layer__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_layer__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_layer__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layer__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_layer__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_layer__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_layer__button-tertiary[disabled], .main_ui_workspace_sidebar_options_menus_layer__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_layer__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_layer__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_layer__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_layer__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_layer__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_layer__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_layer__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_layer__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_layer__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_menus_layer__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_layer__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_layer__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_layer__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_layer__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_layer__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_layer__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_layer__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_layer__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_layer__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layer__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_layer__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layer__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layer__button-radio svg,
.main_ui_workspace_sidebar_options_menus_layer__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layer__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_layer__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_layer__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layer__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layer__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_layer__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_layer__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_layer__button-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;
}

.main_ui_workspace_sidebar_options_menus_layer__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_layer__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_layer__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layer__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layer__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layer__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_layer__button-icon, .main_ui_workspace_sidebar_options_menus_layer__empty-icon svg, .main_ui_workspace_sidebar_options_menus_layer__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_layer__button-icon-small, .main_ui_workspace_sidebar_options_menus_layer__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_layer__attr-title button svg, .main_ui_workspace_sidebar_options_menus_layer__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_layer__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_layer__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_layer__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_layer__input-element span svg, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input span svg,
.main_ui_workspace_sidebar_options_menus_layer__input-element label svg,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input label svg, .main_ui_workspace_sidebar_options_menus_layer__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_layer__button-icon-small, .main_ui_workspace_sidebar_options_menus_layer__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_layer__attr-title button svg, .main_ui_workspace_sidebar_options_menus_layer__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_layer__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_layer__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_layer__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_layer__input-element span svg, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input span svg,
.main_ui_workspace_sidebar_options_menus_layer__input-element label svg,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input label svg, .main_ui_workspace_sidebar_options_menus_layer__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_layer__input-base, .main_ui_workspace_sidebar_options_menus_layer__input-with-label input, .main_ui_workspace_sidebar_options_menus_layer__input-element-label input, .main_ui_workspace_sidebar_options_menus_layer__input-element input, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layer__input-base[disabled], .main_ui_workspace_sidebar_options_menus_layer__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_layer__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_layer__input-element input[disabled], .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_layer__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_layer__input-label, .main_ui_workspace_sidebar_options_menus_layer__input-element span, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input span,
.main_ui_workspace_sidebar_options_menus_layer__input-element label,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_layer__input-element, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element span svg, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input span svg,
.main_ui_workspace_sidebar_options_menus_layer__input-element label svg,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element ::placeholder, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element:hover, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element:hover span, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element:hover input, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element:active, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element:active span, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element:active input, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element:focus, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:focus, .main_ui_workspace_sidebar_options_menus_layer__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element:focus span, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:focus span, .main_ui_workspace_sidebar_options_menus_layer__input-element:focus-within span, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element:focus input, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:focus input, .main_ui_workspace_sidebar_options_menus_layer__input-element:focus-within input, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:focus:hover, .main_ui_workspace_sidebar_options_menus_layer__input-element:focus-within:hover, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:focus:hover span, .main_ui_workspace_sidebar_options_menus_layer__input-element:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:focus:hover input, .main_ui_workspace_sidebar_options_menus_layer__input-element:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_layer__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_layer__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layer__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_layer__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_menus_layer__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_layer__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layer__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layer__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_layer__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_layer__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_layer__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layer__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_layer__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_layer__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_layer__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_layer__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_layer__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_layer__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_layer__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_layer__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_layer__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layer__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_layer__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_layer__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_layer__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_layer__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_layer__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_layer__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_layer__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_layer__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_layer__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_layer__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_layer__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_layer__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_layer__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_layer__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_layer__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_layer__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_layer__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_layer__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layer__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_layer__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_layer__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_layer__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_layer__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_layer__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_layer__element-set {
  margin-bottom: 0.5rem;
}

.main_ui_workspace_sidebar_options_menus_layer__element-set-content {
  display: flex;
  height: 2rem;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__select {
  width: 7.75rem;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 3.75rem;
}
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions {
  display: flex;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_layer__element-set-content.main_ui_workspace_sidebar_options_menus_layer__hidden .main_ui_workspace_sidebar_options_menus_layer__hidden-select {
  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);
}
.main_ui_workspace_sidebar_options_menus_layer__element-set-content.main_ui_workspace_sidebar_options_menus_layer__hidden .main_ui_workspace_sidebar_options_menus_layer__input {
  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);
}
.main_ui_workspace_sidebar_options_menus_layer__element-set-content.main_ui_workspace_sidebar_options_menus_layer__hidden .main_ui_workspace_sidebar_options_menus_layer__input .main_ui_workspace_sidebar_options_menus_layer__icon {
  stroke: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_layer__element-set-content.main_ui_workspace_sidebar_options_menus_layer__hidden .main_ui_workspace_sidebar_options_menus_layer__input .main_ui_workspace_sidebar_options_menus_layer__numeric-input {
  color: var(--input-foreground-color-disabled);
}
@keyframes main_ui_workspace_sidebar_options_menus_layout_container__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_layout_container__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_layout_container__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_layout_container__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_layout_container__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_layout_container__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_layout_container__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_layout_container__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_layout_container__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_layout_container__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_layout_container__button-primary, .main_ui_workspace_sidebar_options_menus_layout_container__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_layout_container__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_container__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_container__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-primary svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-primary:hover, .main_ui_workspace_sidebar_options_menus_layout_container__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_layout_container__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-primary:active, .main_ui_workspace_sidebar_options_menus_layout_container__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_layout_container__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_layout_container__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_layout_container__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_layout_container__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_layout_container__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_layout_container__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_layout_container__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_layout_container__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_layout_container__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_layout_container__button-secondary, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__expand-icon, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__exit-btn, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__edit-mode-btn, .main_ui_workspace_sidebar_options_menus_layout_container__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__expand-icon:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__exit-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__edit-mode-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_container__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__expand-icon:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__exit-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__edit-mode-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-secondary svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__expand-icon svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__exit-btn svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__edit-mode-btn svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__expand-icon:hover, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__exit-btn:hover, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__edit-mode-btn:hover, .main_ui_workspace_sidebar_options_menus_layout_container__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__expand-icon:hover svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__exit-btn:hover svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__edit-mode-btn:hover svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-secondary:active, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__expand-icon:active, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__exit-btn:active, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__edit-mode-btn:active, .main_ui_workspace_sidebar_options_menus_layout_container__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__expand-icon:active svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__exit-btn:active svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__edit-mode-btn:active svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__expand-icon.disabled, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__exit-btn.disabled, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__edit-mode-btn.disabled, .main_ui_workspace_sidebar_options_menus_layout_container__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_layout_container__button-secondary[disabled], .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks [disabled].main_ui_workspace_sidebar_options_menus_layout_container__expand-icon, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu [disabled].main_ui_workspace_sidebar_options_menus_layout_container__exit-btn, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu [disabled].main_ui_workspace_sidebar_options_menus_layout_container__edit-mode-btn, [disabled].main_ui_workspace_sidebar_options_menus_layout_container__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_layout_container__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__expand-icon:disabled, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__exit-btn:disabled, .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__edit-mode-btn:disabled, .main_ui_workspace_sidebar_options_menus_layout_container__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__add-column, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button, .main_ui_workspace_sidebar_options_menus_layout_container__attr-title button, .main_ui_workspace_sidebar_options_menus_layout_container__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__add-column:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_container__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_container__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__add-column:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_container__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__add-column svg, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle svg, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button svg, .main_ui_workspace_sidebar_options_menus_layout_container__attr-title button svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary span svg,
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__add-column:hover, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle:hover, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button:hover, .main_ui_workspace_sidebar_options_menus_layout_container__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_layout_container__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__add-column:hover svg, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle:hover svg, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button:hover svg, .main_ui_workspace_sidebar_options_menus_layout_container__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__add-column:active, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle:active, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button:active, .main_ui_workspace_sidebar_options_menus_layout_container__attr-title button:active, .main_ui_workspace_sidebar_options_menus_layout_container__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__add-column:active svg, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle:active svg, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button:active svg, .main_ui_workspace_sidebar_options_menus_layout_container__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__add-column.disabled, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle.disabled, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button.disabled, .main_ui_workspace_sidebar_options_menus_layout_container__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_layout_container__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary[disabled], .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks [disabled].main_ui_workspace_sidebar_options_menus_layout_container__add-column, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group [disabled].main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row [disabled].main_ui_workspace_sidebar_options_menus_layout_container__wrap-button, .main_ui_workspace_sidebar_options_menus_layout_container__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_layout_container__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__add-column:disabled, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle:disabled, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button:disabled, .main_ui_workspace_sidebar_options_menus_layout_container__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_layout_container__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__add-column.disabled svg, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle.disabled svg, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button.disabled svg, .main_ui_workspace_sidebar_options_menus_layout_container__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks [disabled].main_ui_workspace_sidebar_options_menus_layout_container__add-column svg, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group [disabled].main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle svg, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row [disabled].main_ui_workspace_sidebar_options_menus_layout_container__wrap-button svg, .main_ui_workspace_sidebar_options_menus_layout_container__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_layout_container__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__add-column:disabled svg, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle:disabled svg, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button:disabled svg, .main_ui_workspace_sidebar_options_menus_layout_container__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_layout_container__button-icon-selected, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle.main_ui_workspace_sidebar_options_menus_layout_container__selected, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button.main_ui_workspace_sidebar_options_menus_layout_container__selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-icon-selected svg, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle.main_ui_workspace_sidebar_options_menus_layout_container__selected svg, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button.main_ui_workspace_sidebar_options_menus_layout_container__selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_layout_container__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-radio svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_layout_container__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_layout_container__button-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;
}

.main_ui_workspace_sidebar_options_menus_layout_container__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layout_container__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_container__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_layout_container__button-icon, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__add-column svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__expand-icon svg, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-dir-icon svg, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle svg, .main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button svg, .main_ui_workspace_sidebar_options_menus_layout_container__empty-icon svg, .main_ui_workspace_sidebar_options_menus_layout_container__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_layout_container__button-icon-small, .main_ui_workspace_sidebar_options_menus_layout_container__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_layout_container__attr-title button svg, .main_ui_workspace_sidebar_options_menus_layout_container__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_layout_container__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_layout_container__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_layout_container__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_layout_container__input-element span svg, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value span svg, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple span svg, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple span svg, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap span svg, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap span svg,
.main_ui_workspace_sidebar_options_menus_layout_container__input-element label svg,
.main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value label svg,
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple label svg,
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple label svg,
.main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap label svg,
.main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap label svg, .main_ui_workspace_sidebar_options_menus_layout_container__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_layout_container__button-icon-small, .main_ui_workspace_sidebar_options_menus_layout_container__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_layout_container__attr-title button svg, .main_ui_workspace_sidebar_options_menus_layout_container__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_layout_container__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_layout_container__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_layout_container__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_layout_container__input-element span svg, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value span svg, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple span svg, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple span svg, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap span svg, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap span svg,
.main_ui_workspace_sidebar_options_menus_layout_container__input-element label svg,
.main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value label svg,
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple label svg,
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple label svg,
.main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap label svg,
.main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap label svg, .main_ui_workspace_sidebar_options_menus_layout_container__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_layout_container__input-base, .main_ui_workspace_sidebar_options_menus_layout_container__input-with-label input, .main_ui_workspace_sidebar_options_menus_layout_container__input-element-label input, .main_ui_workspace_sidebar_options_menus_layout_container__input-element input, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value input, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple input, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-base[disabled], .main_ui_workspace_sidebar_options_menus_layout_container__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_layout_container__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_layout_container__input-element input[disabled], .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value input[disabled], .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple input[disabled], .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple input[disabled], .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap input[disabled], .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_layout_container__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-label, .main_ui_workspace_sidebar_options_menus_layout_container__input-element span, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value span, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple span, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple span, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap span, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap span,
.main_ui_workspace_sidebar_options_menus_layout_container__input-element label,
.main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value label,
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple label,
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple label,
.main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap label,
.main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_layout_container__input-element, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:focus-within, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:focus-within, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:focus-within, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:focus-within, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element span svg, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value span svg, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple span svg, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple span svg, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap span svg, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap span svg,
.main_ui_workspace_sidebar_options_menus_layout_container__input-element label svg,
.main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value label svg,
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple label svg,
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple label svg,
.main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap label svg,
.main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element ::placeholder, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value ::placeholder, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple ::placeholder, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple ::placeholder, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap ::placeholder, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element:hover, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:hover, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:hover, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:hover, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:hover, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element:hover span, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:hover span, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:hover span, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:hover span, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:hover span, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element:hover input, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:hover input, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:hover input, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:hover input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:hover input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element:active, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:active, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:active, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:active, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:active, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element:active span, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:active span, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:active span, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:active span, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:active span, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element:active input, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:active input, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:active input, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:active input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:active input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element:focus, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:focus, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:focus, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:focus, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:focus, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:focus, .main_ui_workspace_sidebar_options_menus_layout_container__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:focus-within, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:focus-within, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:focus-within, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:focus-within, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element:focus span, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:focus span, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:focus span, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:focus span, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:focus span, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:focus span, .main_ui_workspace_sidebar_options_menus_layout_container__input-element:focus-within span, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:focus-within span, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:focus-within span, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:focus-within span, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:focus-within span, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element:focus input, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:focus input, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:focus input, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:focus input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:focus input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:focus input, .main_ui_workspace_sidebar_options_menus_layout_container__input-element:focus-within input, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:focus-within input, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:focus-within input, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:focus-within input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:focus-within input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:focus:hover, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:focus:hover, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:focus:hover, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:focus:hover, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:focus:hover, .main_ui_workspace_sidebar_options_menus_layout_container__input-element:focus-within:hover, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:focus-within:hover, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:focus-within:hover, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:focus-within:hover, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:focus-within:hover, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:focus:hover span, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:focus:hover span, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:focus:hover span, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:focus:hover span, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:focus:hover span, .main_ui_workspace_sidebar_options_menus_layout_container__input-element:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:focus:hover input, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:focus:hover input, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:focus:hover input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:focus:hover input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:focus:hover input, .main_ui_workspace_sidebar_options_menus_layout_container__input-element:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_layout_container__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_layout_container__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_sidebar_options_menus_layout_container__disabled-input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap.main_ui_workspace_sidebar_options_menus_layout_container__disabled, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap.main_ui_workspace_sidebar_options_menus_layout_container__disabled, .main_ui_workspace_sidebar_options_menus_layout_container__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_layout_container__disabled-input input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap.main_ui_workspace_sidebar_options_menus_layout_container__disabled input, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap.main_ui_workspace_sidebar_options_menus_layout_container__disabled input, .main_ui_workspace_sidebar_options_menus_layout_container__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_layout_container__disabled-input span svg, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap.main_ui_workspace_sidebar_options_menus_layout_container__disabled span svg, .main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap.main_ui_workspace_sidebar_options_menus_layout_container__disabled span svg, .main_ui_workspace_sidebar_options_menus_layout_container__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

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

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

.main_ui_workspace_sidebar_options_menus_layout_container__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_layout_container__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_layout_container__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_container__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_layout_container__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_layout_container__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_layout_container__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_layout_container__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_layout_container__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_layout_container__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_layout_container__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_layout_container__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_container__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_layout_container__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_layout_container__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_layout_container__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_layout_container__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_layout_container__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_layout_container__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_layout_container__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_layout_container__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_layout_container__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_layout_container__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_layout_container__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_layout_container__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_layout_container__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_layout_container__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_layout_container__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_layout_container__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layout_container__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_layout_container__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_layout_container__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_layout_container__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_layout_container__dropdown-wrapper, .main_ui_workspace_sidebar_options_menus_layout_container__layout-options {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_layout_container__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_layout_container__element-set {
  margin: 0;
}
.main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__element-title .main_ui_workspace_sidebar_options_menus_layout_container__title-spacing-layout {
  padding-left: 0.125rem;
  margin: 0;
}
.main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__element-title .main_ui_workspace_sidebar_options_menus_layout_container__title-actions {
  position: relative;
  display: flex;
  gap: 0.25rem;
  height: 2rem;
  padding: 0;
  margin: 0;
}
.main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__element-title .main_ui_workspace_sidebar_options_menus_layout_container__title-actions .main_ui_workspace_sidebar_options_menus_layout_container__layout-options {
  width: -moz-fit-content;
  width: fit-content;
}
.main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__element-title .main_ui_workspace_sidebar_options_menus_layout_container__title-actions .main_ui_workspace_sidebar_options_menus_layout_container__layout-option {
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu {
  margin-bottom: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
  margin-top: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button {
  border-radius: 0.5rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row .main_ui_workspace_sidebar_options_menus_layout_container__wrap-button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__second-row,
.main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__third-row {
  margin-bottom: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__forth-row {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__element-set .main_ui_workspace_sidebar_options_menus_layout_container__flex-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__help-button-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.main_ui_workspace_sidebar_options_menus_layout_container__gap-group {
  display: flex;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__column-gap {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 6.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 6.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group {
  display: flex;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-inputs {
  display: flex;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple {
  display: flex;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-simple .main_ui_workspace_sidebar_options_menus_layout_container__padding-simple {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  max-width: 6.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__paddings-multiple .main_ui_workspace_sidebar_options_menus_layout_container__padding-multiple {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  max-width: 6.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle {
  height: 2rem;
  width: 1.75rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__padding-group .main_ui_workspace_sidebar_options_menus_layout_container__padding-toggle svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__first-row {
  margin-bottom: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-align {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 0.25rem;
  align-items: flex-start;
  position: relative;
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-align .main_ui_workspace_sidebar_options_menus_layout_container__locate-button {
  position: absolute;
  top: 0;
  right: 0;
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu-title {
  flex: 1;
  font-size: 0.688rem;
  color: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__edit-mode-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  width: 100%;
  padding: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__exit-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.25rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks-info-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__padding-section {
  margin-top: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks-row {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0.5rem 0;
  gap: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-layout-menu .main_ui_workspace_sidebar_options_menus_layout_container__edit-grid-wrapper {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_layout_container__track-info {
  display: flex;
}
.main_ui_workspace_sidebar_options_menus_layout_container__track-info.main_ui_workspace_sidebar_options_menus_layout_container__dnd-over-top {
  border-top: 0.125rem solid var(--button-foreground-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_container__track-info.main_ui_workspace_sidebar_options_menus_layout_container__dnd-over-bot {
  border-bottom: 0.125rem solid var(--button-foreground-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-container {
  display: flex;
}
.main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-dir-icon {
  cursor: pointer;
  border-radius: 0.5rem 0 0 0.5rem;
  background-color: var(--input-background-color);
  padding: 0 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-dir-icon svg {
  stroke: var(--icon-foreground);
  height: 100%;
}
.main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-dir-icon:hover svg {
  stroke: var(--icon-foreground-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-value {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0;
  border-right: 1px solid var(--panel-background-color);
}
.main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__track-info-unit-selector {
  border-radius: 0 0.5rem 0.5rem 0;
  width: 6rem;
}

.main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks {
  width: 100%;
  margin-top: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__grid-track-header {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background: var(--button-secondary-background-color-rest);
  height: 3.25rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__track-title {
  display: grid;
  flex-grow: 1;
  padding: 0.5rem;
  gap: 0;
  overflow: hidden;
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__track-name {
  color: var(--color-foreground-primary);
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__track-detail {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  color: var(--color-foreground-secondary);
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__expand-icon {
  height: 3.25rem;
  border-radius: 0.5rem 0 0 0.5rem;
  border-right: 1px solid var(--panel-background-color);
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__expand-icon svg {
  stroke: var(--icon-foreground);
  fill: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__expand-icon:hover svg, .main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__expand-icon:active svg {
  stroke: var(--button-foreground-hover);
  fill: var(--button-foreground-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__add-column {
  height: 3.25rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__grid-tracks .main_ui_workspace_sidebar_options_menus_layout_container__add-column svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke: var(--icon-foreground);
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_layout_container__layout-options {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  right: var(--sp-s);
  left: initial;
}
.main_ui_workspace_sidebar_options_menus_layout_container__layout-options button {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0.5rem;
  color: var(--color-foreground-primary);
  border-radius: 0.375rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__layout-options button:hover {
  background: var(--color-background-quaternary);
}
@keyframes main_ui_workspace_sidebar_options_menus_layout_item__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_layout_item__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_layout_item__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_layout_item__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_item__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_layout_item__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_layout_item__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_layout_item__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_layout_item__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_layout_item__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_layout_item__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_layout_item__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_layout_item__button-primary, .main_ui_workspace_sidebar_options_menus_layout_item__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_layout_item__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_item__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_item__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-primary svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-primary:hover, .main_ui_workspace_sidebar_options_menus_layout_item__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_layout_item__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-primary:active, .main_ui_workspace_sidebar_options_menus_layout_item__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_layout_item__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_layout_item__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_layout_item__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_layout_item__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_layout_item__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_layout_item__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_layout_item__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_layout_item__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_layout_item__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_layout_item__button-secondary, .main_ui_workspace_sidebar_options_menus_layout_item__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_item__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-secondary svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_layout_item__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-secondary:active, .main_ui_workspace_sidebar_options_menus_layout_item__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_layout_item__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_layout_item__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_layout_item__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_layout_item__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_layout_item__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary, .main_ui_workspace_sidebar_options_menus_layout_item__margin-mode, .main_ui_workspace_sidebar_options_menus_layout_item__attr-title button, .main_ui_workspace_sidebar_options_menus_layout_item__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_item__margin-mode:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_item__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_layout_item__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_item__margin-mode:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_item__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_layout_item__margin-mode svg, .main_ui_workspace_sidebar_options_menus_layout_item__attr-title button svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_layout_item__margin-mode:hover, .main_ui_workspace_sidebar_options_menus_layout_item__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_layout_item__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_layout_item__margin-mode:hover svg, .main_ui_workspace_sidebar_options_menus_layout_item__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_layout_item__margin-mode:active, .main_ui_workspace_sidebar_options_menus_layout_item__attr-title button:active, .main_ui_workspace_sidebar_options_menus_layout_item__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_layout_item__margin-mode:active svg, .main_ui_workspace_sidebar_options_menus_layout_item__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_layout_item__margin-mode.disabled, .main_ui_workspace_sidebar_options_menus_layout_item__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_layout_item__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_layout_item__margin-mode, .main_ui_workspace_sidebar_options_menus_layout_item__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_layout_item__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_layout_item__margin-mode:disabled, .main_ui_workspace_sidebar_options_menus_layout_item__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_layout_item__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_layout_item__margin-mode.disabled svg, .main_ui_workspace_sidebar_options_menus_layout_item__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_layout_item__margin-mode svg, .main_ui_workspace_sidebar_options_menus_layout_item__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_layout_item__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_layout_item__margin-mode:disabled svg, .main_ui_workspace_sidebar_options_menus_layout_item__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_layout_item__button-icon-selected, .main_ui_workspace_sidebar_options_menus_layout_item__margin-mode.main_ui_workspace_sidebar_options_menus_layout_item__selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-icon-selected svg, .main_ui_workspace_sidebar_options_menus_layout_item__margin-mode.main_ui_workspace_sidebar_options_menus_layout_item__selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_layout_item__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-radio svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_layout_item__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_layout_item__button-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;
}

.main_ui_workspace_sidebar_options_menus_layout_item__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layout_item__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_item__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_layout_item__button-icon, .main_ui_workspace_sidebar_options_menus_layout_item__margin-mode svg, .main_ui_workspace_sidebar_options_menus_layout_item__empty-icon svg, .main_ui_workspace_sidebar_options_menus_layout_item__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_layout_item__button-icon-small, .main_ui_workspace_sidebar_options_menus_layout_item__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_layout_item__attr-title button svg, .main_ui_workspace_sidebar_options_menus_layout_item__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_layout_item__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_layout_item__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_layout_item__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_layout_item__input-element span svg, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h span svg, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin span svg, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin span svg, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__input-element label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__top-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper label svg, .main_ui_workspace_sidebar_options_menus_layout_item__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_layout_item__button-icon-small, .main_ui_workspace_sidebar_options_menus_layout_item__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_layout_item__attr-title button svg, .main_ui_workspace_sidebar_options_menus_layout_item__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_layout_item__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_layout_item__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_layout_item__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_layout_item__input-element span svg, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h span svg, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin span svg, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin span svg, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__input-element label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__top-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper label svg, .main_ui_workspace_sidebar_options_menus_layout_item__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_layout_item__input-base, .main_ui_workspace_sidebar_options_menus_layout_item__input-with-label input, .main_ui_workspace_sidebar_options_menus_layout_item__input-element-label input, .main_ui_workspace_sidebar_options_menus_layout_item__input-element input, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h input, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin input,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin input,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin input,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin input, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin input,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin input, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-base[disabled], .main_ui_workspace_sidebar_options_menus_layout_item__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_layout_item__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_layout_item__input-element input[disabled], .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w input[disabled],
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h input[disabled],
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w input[disabled],
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h input[disabled], .main_ui_workspace_sidebar_options_menus_layout_item__top-margin input[disabled],
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin input[disabled],
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin input[disabled],
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin input[disabled], .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin input[disabled],
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin input[disabled], .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_layout_item__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-label, .main_ui_workspace_sidebar_options_menus_layout_item__input-element span, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h span, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin span,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin span,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin span,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin span, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin span,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin span, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper span,
.main_ui_workspace_sidebar_options_menus_layout_item__input-element label,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w label,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h label,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w label,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h label,
.main_ui_workspace_sidebar_options_menus_layout_item__top-margin label,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin label,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin label,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin label,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin label,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin label,
.main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_layout_item__input-element, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:focus-within,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:focus-within,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:focus-within,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:focus-within, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:focus-within,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:focus-within,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:focus-within,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:focus-within, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:focus-within,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:focus-within, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element span svg, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h span svg, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin span svg, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin span svg, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper span svg,
.main_ui_workspace_sidebar_options_menus_layout_item__input-element label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__top-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin label svg,
.main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layout_item__left-margin ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layout_item__right-margin ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element ::placeholder, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w ::placeholder,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h ::placeholder,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w ::placeholder,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h ::placeholder, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin ::placeholder,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin ::placeholder,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin ::placeholder,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin ::placeholder, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin ::placeholder,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin ::placeholder, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element:hover, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:hover, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:hover, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:hover, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element:hover span, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:hover span, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:hover span, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:hover span, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element:hover input, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:hover input, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:hover input, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:hover input, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element:active, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:active,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:active,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:active,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:active, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:active,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:active,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:active,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:active, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:active,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:active, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element:active span, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:active span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:active span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:active span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:active span, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:active span,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:active span,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:active span,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:active span, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:active span,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:active span, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element:active input, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:active input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:active input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:active input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:active input, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:active input,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:active input,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:active input,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:active input, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:active input,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:active input, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element:focus, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:focus,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:focus,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:focus,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:focus, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:focus,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:focus,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:focus,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:focus, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:focus,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:focus, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:focus, .main_ui_workspace_sidebar_options_menus_layout_item__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:focus-within,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:focus-within,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:focus-within,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:focus-within, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:focus-within,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:focus-within,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:focus-within,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:focus-within, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:focus-within,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:focus-within, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element:focus span, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:focus span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:focus span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:focus span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:focus span, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:focus span,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:focus span,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:focus span,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:focus span, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:focus span,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:focus span, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:focus span, .main_ui_workspace_sidebar_options_menus_layout_item__input-element:focus-within span, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:focus-within span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:focus-within span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:focus-within span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:focus-within span, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:focus-within span,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:focus-within span,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:focus-within span,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:focus-within span, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:focus-within span,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:focus-within span, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element:focus input, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:focus input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:focus input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:focus input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:focus input, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:focus input,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:focus input,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:focus input,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:focus input, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:focus input,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:focus input, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:focus input, .main_ui_workspace_sidebar_options_menus_layout_item__input-element:focus-within input, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:focus-within input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:focus-within input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:focus-within input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:focus-within input, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:focus-within input,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:focus-within input,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:focus-within input,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:focus-within input, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:focus-within input,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:focus-within input, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:focus:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:focus:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:focus:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:focus:hover, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:focus:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:focus:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:focus:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:focus:hover, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:focus:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:focus:hover, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:focus:hover, .main_ui_workspace_sidebar_options_menus_layout_item__input-element:focus-within:hover, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:focus-within:hover, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:focus-within:hover, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:focus-within:hover, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:focus:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:focus:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:focus:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:focus:hover span, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:focus:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:focus:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:focus:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:focus:hover span, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:focus:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:focus:hover span, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:focus:hover span, .main_ui_workspace_sidebar_options_menus_layout_item__input-element:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:focus:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:focus:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:focus:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:focus:hover input, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:focus:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:focus:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:focus:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:focus:hover input, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:focus:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:focus:hover input, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:focus:hover input, .main_ui_workspace_sidebar_options_menus_layout_item__input-element:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_layout_item__top-margin:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_layout_item__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_layout_item__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_menus_layout_item__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_layout_item__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_layout_item__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_layout_item__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_layout_item__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_layout_item__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_layout_item__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_item__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_layout_item__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_layout_item__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_layout_item__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_layout_item__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_layout_item__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_layout_item__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_layout_item__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_layout_item__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_layout_item__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_layout_item__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_layout_item__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_layout_item__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_layout_item__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_layout_item__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_layout_item__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_layout_item__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_layout_item__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_layout_item__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_layout_item__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_layout_item__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_layout_item__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_layout_item__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_layout_item__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_layout_item__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_layout_item__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_layout_item__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_layout_item__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_layout_item__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_layout_item__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_layout_item__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_layout_item__element-set {
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_layout_item__title-spacing-layout-element {
  margin: 0 0 0.25rem 0;
}

.main_ui_workspace_sidebar_options_menus_layout_item__title-spacing-empty {
  padding-left: 0.125rem;
}

.main_ui_workspace_sidebar_options_menus_layout_item__flex-element-menu {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 0.75rem;
  margin-block-end: 0.5rem;
}

.main_ui_workspace_sidebar_options_menus_layout_item__behaviour-menu {
  display: flex;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_layout_item__horizontal-behaviour.main_ui_workspace_sidebar_options_menus_layout_item__one-element {
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_item__horizontal-behaviour.main_ui_workspace_sidebar_options_menus_layout_item__two-element {
  width: 3.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_item__horizontal-behaviour.main_ui_workspace_sidebar_options_menus_layout_item__three-element {
  width: 5.75rem;
}

.main_ui_workspace_sidebar_options_menus_layout_item__vertical-behaviour .main_ui_workspace_sidebar_options_menus_layout_item__rotated {
  transform: rotate(90deg);
}
.main_ui_workspace_sidebar_options_menus_layout_item__vertical-behaviour.main_ui_workspace_sidebar_options_menus_layout_item__one-element {
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_item__vertical-behaviour.main_ui_workspace_sidebar_options_menus_layout_item__two-element {
  width: 3.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_item__vertical-behaviour.main_ui_workspace_sidebar_options_menus_layout_item__three-element {
  width: 5.75rem;
}

.main_ui_workspace_sidebar_options_menus_layout_item__z-index-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 3.75rem;
}

.main_ui_workspace_sidebar_options_menus_layout_item__row {
  display: flex;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_layout_item__position-options {
  width: 11.75rem;
}

.main_ui_workspace_sidebar_options_menus_layout_item__margin-row {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_layout_item__margin-mode {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple {
  display: flex;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__vertical-margin,
.main_ui_workspace_sidebar_options_menus_layout_item__margin-simple .main_ui_workspace_sidebar_options_menus_layout_item__horizontal-margin {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 6.75rem;
}

.main_ui_workspace_sidebar_options_menus_layout_item__margin-multiple {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_layout_item__top-margin,
.main_ui_workspace_sidebar_options_menus_layout_item__bottom-margin,
.main_ui_workspace_sidebar_options_menus_layout_item__left-margin,
.main_ui_workspace_sidebar_options_menus_layout_item__right-margin {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 6.75rem;
}

.main_ui_workspace_sidebar_options_menus_layout_item__advanced-options {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_layout_item__horizontal-fill,
.main_ui_workspace_sidebar_options_menus_layout_item__vertical-fill {
  display: flex;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 6.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-w .main_ui_workspace_sidebar_options_menus_layout_item__icon-text,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-min-h .main_ui_workspace_sidebar_options_menus_layout_item__icon-text,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-w .main_ui_workspace_sidebar_options_menus_layout_item__icon-text,
.main_ui_workspace_sidebar_options_menus_layout_item__layout-item-max-h .main_ui_workspace_sidebar_options_menus_layout_item__icon-text {
  justify-content: flex-start;
  width: 5rem;
  padding-top: 0.125rem;
}
@keyframes main_ui_workspace_sidebar_options_menus_measures__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_measures__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_measures__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_measures__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_measures__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_measures__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_measures__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_measures__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_measures__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_measures__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_measures__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_measures__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_measures__button-primary, .main_ui_workspace_sidebar_options_menus_measures__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_measures__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_measures__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_measures__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_measures__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_measures__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_measures__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_measures__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_measures__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_measures__button-primary svg, .main_ui_workspace_sidebar_options_menus_measures__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_measures__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_measures__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_measures__button-primary:hover, .main_ui_workspace_sidebar_options_menus_measures__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_measures__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_measures__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_measures__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_measures__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_measures__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_measures__button-primary:active, .main_ui_workspace_sidebar_options_menus_measures__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_measures__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_measures__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_measures__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_measures__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_measures__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_measures__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_measures__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_measures__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_measures__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_measures__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_measures__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_measures__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_measures__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_measures__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_measures__button-secondary, .main_ui_workspace_sidebar_options_menus_measures__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_measures__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_measures__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_measures__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_measures__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_measures__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_measures__button-secondary svg, .main_ui_workspace_sidebar_options_menus_measures__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_measures__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_measures__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_measures__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_measures__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_measures__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_measures__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_measures__button-secondary:active, .main_ui_workspace_sidebar_options_menus_measures__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_measures__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_measures__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_measures__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_measures__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_measures__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_measures__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_measures__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_measures__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_measures__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_measures__button-tertiary, .main_ui_workspace_sidebar_options_menus_measures__clip-content-label, .main_ui_workspace_sidebar_options_menus_measures__lock-size-btn, .main_ui_workspace_sidebar_options_menus_measures__attr-title button, .main_ui_workspace_sidebar_options_menus_measures__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_measures__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_measures__clip-content-label:focus-visible, .main_ui_workspace_sidebar_options_menus_measures__lock-size-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_measures__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_measures__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_measures__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_measures__clip-content-label:focus-visible svg, .main_ui_workspace_sidebar_options_menus_measures__lock-size-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_measures__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_measures__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_measures__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_measures__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_measures__clip-content-label svg, .main_ui_workspace_sidebar_options_menus_measures__lock-size-btn svg, .main_ui_workspace_sidebar_options_menus_measures__attr-title button svg, .main_ui_workspace_sidebar_options_menus_measures__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_measures__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_measures__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_measures__clip-content-label:hover, .main_ui_workspace_sidebar_options_menus_measures__lock-size-btn:hover, .main_ui_workspace_sidebar_options_menus_measures__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_measures__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_measures__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_measures__clip-content-label:hover svg, .main_ui_workspace_sidebar_options_menus_measures__lock-size-btn:hover svg, .main_ui_workspace_sidebar_options_menus_measures__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_measures__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_measures__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_measures__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_measures__clip-content-label:active, .main_ui_workspace_sidebar_options_menus_measures__lock-size-btn:active, .main_ui_workspace_sidebar_options_menus_measures__attr-title button:active, .main_ui_workspace_sidebar_options_menus_measures__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_measures__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_measures__clip-content-label:active svg, .main_ui_workspace_sidebar_options_menus_measures__lock-size-btn:active svg, .main_ui_workspace_sidebar_options_menus_measures__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_measures__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_measures__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_measures__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_measures__clip-content-label.disabled, .main_ui_workspace_sidebar_options_menus_measures__lock-size-btn.disabled, .main_ui_workspace_sidebar_options_menus_measures__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_measures__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_measures__button-tertiary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_measures__clip-content-label, [disabled].main_ui_workspace_sidebar_options_menus_measures__lock-size-btn, .main_ui_workspace_sidebar_options_menus_measures__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_measures__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_measures__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_measures__clip-content-label:disabled, .main_ui_workspace_sidebar_options_menus_measures__lock-size-btn:disabled, .main_ui_workspace_sidebar_options_menus_measures__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_measures__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_measures__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_measures__clip-content-label.disabled svg, .main_ui_workspace_sidebar_options_menus_measures__lock-size-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_measures__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_measures__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_measures__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_measures__button-tertiary[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_measures__clip-content-label svg, [disabled].main_ui_workspace_sidebar_options_menus_measures__lock-size-btn svg, .main_ui_workspace_sidebar_options_menus_measures__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_measures__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_measures__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_measures__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_measures__clip-content-label:disabled svg, .main_ui_workspace_sidebar_options_menus_measures__lock-size-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_measures__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_measures__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_measures__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_measures__button-icon-selected, .main_ui_workspace_sidebar_options_menus_measures__selected, .main_ui_workspace_sidebar_options_menus_measures__lock-size-btn.main_ui_workspace_sidebar_options_menus_measures__selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_measures__button-icon-selected svg, .main_ui_workspace_sidebar_options_menus_measures__selected svg, .main_ui_workspace_sidebar_options_menus_measures__lock-size-btn.main_ui_workspace_sidebar_options_menus_measures__selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_measures__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_measures__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_measures__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_measures__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_measures__button-radio svg,
.main_ui_workspace_sidebar_options_menus_measures__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_measures__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_measures__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_measures__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_measures__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_measures__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_measures__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_measures__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_measures__button-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;
}

.main_ui_workspace_sidebar_options_menus_measures__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_measures__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_measures__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_measures__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_measures__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_measures__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_measures__button-icon, .main_ui_workspace_sidebar_options_menus_measures__checkbox-button, .main_ui_workspace_sidebar_options_menus_measures__lock-ratio-icon, .main_ui_workspace_sidebar_options_menus_measures__empty-icon svg, .main_ui_workspace_sidebar_options_menus_measures__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_measures__button-icon-small, .main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element .main_ui_workspace_sidebar_options_menus_measures__check-icon svg, .main_ui_workspace_sidebar_options_menus_measures__presets-wrapper .main_ui_workspace_sidebar_options_menus_measures__collapsed-icon svg, .main_ui_workspace_sidebar_options_menus_measures__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element span svg, .main_ui_workspace_sidebar_options_menus_measures__attr-title button svg, .main_ui_workspace_sidebar_options_menus_measures__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_measures__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_measures__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_measures__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_measures__input-element span svg, .main_ui_workspace_sidebar_options_menus_measures__rotation span svg, .main_ui_workspace_sidebar_options_menus_measures__x-position span svg,
.main_ui_workspace_sidebar_options_menus_measures__y-position span svg, .main_ui_workspace_sidebar_options_menus_measures__height span svg,
.main_ui_workspace_sidebar_options_menus_measures__width span svg,
.main_ui_workspace_sidebar_options_menus_measures__input-element label svg,
.main_ui_workspace_sidebar_options_menus_measures__rotation label svg,
.main_ui_workspace_sidebar_options_menus_measures__x-position label svg,
.main_ui_workspace_sidebar_options_menus_measures__y-position label svg,
.main_ui_workspace_sidebar_options_menus_measures__height label svg,
.main_ui_workspace_sidebar_options_menus_measures__width label svg, .main_ui_workspace_sidebar_options_menus_measures__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_measures__button-icon-small, .main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element .main_ui_workspace_sidebar_options_menus_measures__check-icon svg, .main_ui_workspace_sidebar_options_menus_measures__presets-wrapper .main_ui_workspace_sidebar_options_menus_measures__collapsed-icon svg, .main_ui_workspace_sidebar_options_menus_measures__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element span svg, .main_ui_workspace_sidebar_options_menus_measures__attr-title button svg, .main_ui_workspace_sidebar_options_menus_measures__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_measures__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_measures__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_measures__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_measures__input-element span svg, .main_ui_workspace_sidebar_options_menus_measures__rotation span svg, .main_ui_workspace_sidebar_options_menus_measures__x-position span svg,
.main_ui_workspace_sidebar_options_menus_measures__y-position span svg, .main_ui_workspace_sidebar_options_menus_measures__height span svg,
.main_ui_workspace_sidebar_options_menus_measures__width span svg,
.main_ui_workspace_sidebar_options_menus_measures__input-element label svg,
.main_ui_workspace_sidebar_options_menus_measures__rotation label svg,
.main_ui_workspace_sidebar_options_menus_measures__x-position label svg,
.main_ui_workspace_sidebar_options_menus_measures__y-position label svg,
.main_ui_workspace_sidebar_options_menus_measures__height label svg,
.main_ui_workspace_sidebar_options_menus_measures__width label svg, .main_ui_workspace_sidebar_options_menus_measures__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_measures__input-base, .main_ui_workspace_sidebar_options_menus_measures__input-with-label input, .main_ui_workspace_sidebar_options_menus_measures__input-element-label input, .main_ui_workspace_sidebar_options_menus_measures__input-element input, .main_ui_workspace_sidebar_options_menus_measures__rotation input, .main_ui_workspace_sidebar_options_menus_measures__x-position input,
.main_ui_workspace_sidebar_options_menus_measures__y-position input, .main_ui_workspace_sidebar_options_menus_measures__height input,
.main_ui_workspace_sidebar_options_menus_measures__width input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_measures__input-base[disabled], .main_ui_workspace_sidebar_options_menus_measures__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_measures__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_measures__input-element input[disabled], .main_ui_workspace_sidebar_options_menus_measures__rotation input[disabled], .main_ui_workspace_sidebar_options_menus_measures__x-position input[disabled],
.main_ui_workspace_sidebar_options_menus_measures__y-position input[disabled], .main_ui_workspace_sidebar_options_menus_measures__height input[disabled],
.main_ui_workspace_sidebar_options_menus_measures__width input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_measures__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_measures__input-label, .main_ui_workspace_sidebar_options_menus_measures__input-element span, .main_ui_workspace_sidebar_options_menus_measures__rotation span, .main_ui_workspace_sidebar_options_menus_measures__x-position span,
.main_ui_workspace_sidebar_options_menus_measures__y-position span, .main_ui_workspace_sidebar_options_menus_measures__height span,
.main_ui_workspace_sidebar_options_menus_measures__width span,
.main_ui_workspace_sidebar_options_menus_measures__input-element label,
.main_ui_workspace_sidebar_options_menus_measures__rotation label,
.main_ui_workspace_sidebar_options_menus_measures__x-position label,
.main_ui_workspace_sidebar_options_menus_measures__y-position label,
.main_ui_workspace_sidebar_options_menus_measures__height label,
.main_ui_workspace_sidebar_options_menus_measures__width label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_measures__input-element, .main_ui_workspace_sidebar_options_menus_measures__rotation, .main_ui_workspace_sidebar_options_menus_measures__x-position,
.main_ui_workspace_sidebar_options_menus_measures__y-position, .main_ui_workspace_sidebar_options_menus_measures__height,
.main_ui_workspace_sidebar_options_menus_measures__width {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_measures__rotation:focus-within, .main_ui_workspace_sidebar_options_menus_measures__x-position:focus-within,
.main_ui_workspace_sidebar_options_menus_measures__y-position:focus-within, .main_ui_workspace_sidebar_options_menus_measures__height:focus-within,
.main_ui_workspace_sidebar_options_menus_measures__width:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element span svg, .main_ui_workspace_sidebar_options_menus_measures__rotation span svg, .main_ui_workspace_sidebar_options_menus_measures__x-position span svg,
.main_ui_workspace_sidebar_options_menus_measures__y-position span svg, .main_ui_workspace_sidebar_options_menus_measures__height span svg,
.main_ui_workspace_sidebar_options_menus_measures__width span svg,
.main_ui_workspace_sidebar_options_menus_measures__input-element label svg,
.main_ui_workspace_sidebar_options_menus_measures__rotation label svg,
.main_ui_workspace_sidebar_options_menus_measures__x-position label svg,
.main_ui_workspace_sidebar_options_menus_measures__y-position label svg,
.main_ui_workspace_sidebar_options_menus_measures__height label svg,
.main_ui_workspace_sidebar_options_menus_measures__width label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_measures__rotation ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_measures__x-position ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_measures__y-position ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_measures__height ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_measures__width ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element ::placeholder, .main_ui_workspace_sidebar_options_menus_measures__rotation ::placeholder, .main_ui_workspace_sidebar_options_menus_measures__x-position ::placeholder,
.main_ui_workspace_sidebar_options_menus_measures__y-position ::placeholder, .main_ui_workspace_sidebar_options_menus_measures__height ::placeholder,
.main_ui_workspace_sidebar_options_menus_measures__width ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element:hover, .main_ui_workspace_sidebar_options_menus_measures__rotation:hover, .main_ui_workspace_sidebar_options_menus_measures__x-position:hover,
.main_ui_workspace_sidebar_options_menus_measures__y-position:hover, .main_ui_workspace_sidebar_options_menus_measures__height:hover,
.main_ui_workspace_sidebar_options_menus_measures__width:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element:hover span, .main_ui_workspace_sidebar_options_menus_measures__rotation:hover span, .main_ui_workspace_sidebar_options_menus_measures__x-position:hover span,
.main_ui_workspace_sidebar_options_menus_measures__y-position:hover span, .main_ui_workspace_sidebar_options_menus_measures__height:hover span,
.main_ui_workspace_sidebar_options_menus_measures__width:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element:hover input, .main_ui_workspace_sidebar_options_menus_measures__rotation:hover input, .main_ui_workspace_sidebar_options_menus_measures__x-position:hover input,
.main_ui_workspace_sidebar_options_menus_measures__y-position:hover input, .main_ui_workspace_sidebar_options_menus_measures__height:hover input,
.main_ui_workspace_sidebar_options_menus_measures__width:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element:active, .main_ui_workspace_sidebar_options_menus_measures__rotation:active, .main_ui_workspace_sidebar_options_menus_measures__x-position:active,
.main_ui_workspace_sidebar_options_menus_measures__y-position:active, .main_ui_workspace_sidebar_options_menus_measures__height:active,
.main_ui_workspace_sidebar_options_menus_measures__width:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element:active span, .main_ui_workspace_sidebar_options_menus_measures__rotation:active span, .main_ui_workspace_sidebar_options_menus_measures__x-position:active span,
.main_ui_workspace_sidebar_options_menus_measures__y-position:active span, .main_ui_workspace_sidebar_options_menus_measures__height:active span,
.main_ui_workspace_sidebar_options_menus_measures__width:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element:active input, .main_ui_workspace_sidebar_options_menus_measures__rotation:active input, .main_ui_workspace_sidebar_options_menus_measures__x-position:active input,
.main_ui_workspace_sidebar_options_menus_measures__y-position:active input, .main_ui_workspace_sidebar_options_menus_measures__height:active input,
.main_ui_workspace_sidebar_options_menus_measures__width:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element:focus, .main_ui_workspace_sidebar_options_menus_measures__rotation:focus, .main_ui_workspace_sidebar_options_menus_measures__x-position:focus,
.main_ui_workspace_sidebar_options_menus_measures__y-position:focus, .main_ui_workspace_sidebar_options_menus_measures__height:focus,
.main_ui_workspace_sidebar_options_menus_measures__width:focus, .main_ui_workspace_sidebar_options_menus_measures__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_measures__rotation:focus-within, .main_ui_workspace_sidebar_options_menus_measures__x-position:focus-within,
.main_ui_workspace_sidebar_options_menus_measures__y-position:focus-within, .main_ui_workspace_sidebar_options_menus_measures__height:focus-within,
.main_ui_workspace_sidebar_options_menus_measures__width:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element:focus span, .main_ui_workspace_sidebar_options_menus_measures__rotation:focus span, .main_ui_workspace_sidebar_options_menus_measures__x-position:focus span,
.main_ui_workspace_sidebar_options_menus_measures__y-position:focus span, .main_ui_workspace_sidebar_options_menus_measures__height:focus span,
.main_ui_workspace_sidebar_options_menus_measures__width:focus span, .main_ui_workspace_sidebar_options_menus_measures__input-element:focus-within span, .main_ui_workspace_sidebar_options_menus_measures__rotation:focus-within span, .main_ui_workspace_sidebar_options_menus_measures__x-position:focus-within span,
.main_ui_workspace_sidebar_options_menus_measures__y-position:focus-within span, .main_ui_workspace_sidebar_options_menus_measures__height:focus-within span,
.main_ui_workspace_sidebar_options_menus_measures__width:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element:focus input, .main_ui_workspace_sidebar_options_menus_measures__rotation:focus input, .main_ui_workspace_sidebar_options_menus_measures__x-position:focus input,
.main_ui_workspace_sidebar_options_menus_measures__y-position:focus input, .main_ui_workspace_sidebar_options_menus_measures__height:focus input,
.main_ui_workspace_sidebar_options_menus_measures__width:focus input, .main_ui_workspace_sidebar_options_menus_measures__input-element:focus-within input, .main_ui_workspace_sidebar_options_menus_measures__rotation:focus-within input, .main_ui_workspace_sidebar_options_menus_measures__x-position:focus-within input,
.main_ui_workspace_sidebar_options_menus_measures__y-position:focus-within input, .main_ui_workspace_sidebar_options_menus_measures__height:focus-within input,
.main_ui_workspace_sidebar_options_menus_measures__width:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_measures__rotation:focus:hover, .main_ui_workspace_sidebar_options_menus_measures__x-position:focus:hover,
.main_ui_workspace_sidebar_options_menus_measures__y-position:focus:hover, .main_ui_workspace_sidebar_options_menus_measures__height:focus:hover,
.main_ui_workspace_sidebar_options_menus_measures__width:focus:hover, .main_ui_workspace_sidebar_options_menus_measures__input-element:focus-within:hover, .main_ui_workspace_sidebar_options_menus_measures__rotation:focus-within:hover, .main_ui_workspace_sidebar_options_menus_measures__x-position:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_measures__y-position:focus-within:hover, .main_ui_workspace_sidebar_options_menus_measures__height:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_measures__width:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_measures__rotation:focus:hover span, .main_ui_workspace_sidebar_options_menus_measures__x-position:focus:hover span,
.main_ui_workspace_sidebar_options_menus_measures__y-position:focus:hover span, .main_ui_workspace_sidebar_options_menus_measures__height:focus:hover span,
.main_ui_workspace_sidebar_options_menus_measures__width:focus:hover span, .main_ui_workspace_sidebar_options_menus_measures__input-element:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_measures__rotation:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_measures__x-position:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_measures__y-position:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_measures__height:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_measures__width:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_measures__rotation:focus:hover input, .main_ui_workspace_sidebar_options_menus_measures__x-position:focus:hover input,
.main_ui_workspace_sidebar_options_menus_measures__y-position:focus:hover input, .main_ui_workspace_sidebar_options_menus_measures__height:focus:hover input,
.main_ui_workspace_sidebar_options_menus_measures__width:focus:hover input, .main_ui_workspace_sidebar_options_menus_measures__input-element:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_measures__rotation:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_measures__x-position:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_measures__y-position:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_measures__height:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_measures__width:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_measures__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_measures__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_measures__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_measures__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_sidebar_options_menus_measures__disabled-input, .main_ui_workspace_sidebar_options_menus_measures__x-position.main_ui_workspace_sidebar_options_menus_measures__disabled,
.main_ui_workspace_sidebar_options_menus_measures__y-position.main_ui_workspace_sidebar_options_menus_measures__disabled, .main_ui_workspace_sidebar_options_menus_measures__height.main_ui_workspace_sidebar_options_menus_measures__disabled,
.main_ui_workspace_sidebar_options_menus_measures__width.main_ui_workspace_sidebar_options_menus_measures__disabled, .main_ui_workspace_sidebar_options_menus_measures__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_measures__disabled-input input, .main_ui_workspace_sidebar_options_menus_measures__x-position.main_ui_workspace_sidebar_options_menus_measures__disabled input,
.main_ui_workspace_sidebar_options_menus_measures__y-position.main_ui_workspace_sidebar_options_menus_measures__disabled input, .main_ui_workspace_sidebar_options_menus_measures__height.main_ui_workspace_sidebar_options_menus_measures__disabled input,
.main_ui_workspace_sidebar_options_menus_measures__width.main_ui_workspace_sidebar_options_menus_measures__disabled input, .main_ui_workspace_sidebar_options_menus_measures__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_measures__disabled-input span svg, .main_ui_workspace_sidebar_options_menus_measures__x-position.main_ui_workspace_sidebar_options_menus_measures__disabled span svg,
.main_ui_workspace_sidebar_options_menus_measures__y-position.main_ui_workspace_sidebar_options_menus_measures__disabled span svg, .main_ui_workspace_sidebar_options_menus_measures__height.main_ui_workspace_sidebar_options_menus_measures__disabled span svg,
.main_ui_workspace_sidebar_options_menus_measures__width.main_ui_workspace_sidebar_options_menus_measures__disabled span svg, .main_ui_workspace_sidebar_options_menus_measures__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

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

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

.main_ui_workspace_sidebar_options_menus_measures__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_measures__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_measures__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_measures__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_measures__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_measures__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_measures__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_measures__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_measures__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_measures__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_measures__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_measures__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_measures__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_measures__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_measures__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_measures__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_measures__asset-element, .main_ui_workspace_sidebar_options_menus_measures__presets-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_measures__asset-element:hover, .main_ui_workspace_sidebar_options_menus_measures__presets-wrapper:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_measures__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_measures__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_measures__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_measures__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_measures__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_measures__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_measures__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_measures__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_measures__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_measures__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_measures__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_measures__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_measures__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_measures__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_measures__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_measures__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_measures__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_measures__dropdown-element-base, .main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_measures__dropdown-element-base span, .main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_measures__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_measures__dropdown-element-base:hover, .main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_measures__dropdown-element-base:hover span svg, .main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_measures__dropdown-wrapper, .main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_measures__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_measures__element-set {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}

.main_ui_workspace_sidebar_options_menus_measures__presets {
  display: grid;
  grid-template-columns: 1fr auto 38px;
  align-items: flex-start;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_measures__presets-wrapper {
  position: relative;
  display: flex;
  height: 2rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_measures__presets-wrapper .main_ui_workspace_sidebar_options_menus_measures__collapsed-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_measures__presets-wrapper .main_ui_workspace_sidebar_options_menus_measures__collapsed-icon svg {
  stroke: var(--icon-foreground);
  transform: rotate(90deg);
}
.main_ui_workspace_sidebar_options_menus_measures__presets-wrapper:hover .main_ui_workspace_sidebar_options_menus_measures__collapsed-icon svg {
  stroke: var(--input-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_measures__select-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  cursor: pointer;
}

.main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown {
  margin-top: 0.125rem;
  max-height: 70vh;
  width: 15.75rem;
}
.main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element .main_ui_workspace_sidebar_options_menus_measures__name-wrapper {
  display: flex;
  gap: 0.5rem;
  flex-grow: 1;
}
.main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element .main_ui_workspace_sidebar_options_menus_measures__name-wrapper .main_ui_workspace_sidebar_options_menus_measures__preset-name {
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element .main_ui_workspace_sidebar_options_menus_measures__name-wrapper .main_ui_workspace_sidebar_options_menus_measures__preset-size {
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element .main_ui_workspace_sidebar_options_menus_measures__check-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element .main_ui_workspace_sidebar_options_menus_measures__check-icon svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element.main_ui_workspace_sidebar_options_menus_measures__disabled {
  pointer-events: none;
  cursor: default;
}
.main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element.main_ui_workspace_sidebar_options_menus_measures__disabled .main_ui_workspace_sidebar_options_menus_measures__preset-name {
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element.main_ui_workspace_sidebar_options_menus_measures__match .main_ui_workspace_sidebar_options_menus_measures__name-wrapper .main_ui_workspace_sidebar_options_menus_measures__preset-name {
  color: var(--menu-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element.main_ui_workspace_sidebar_options_menus_measures__match .main_ui_workspace_sidebar_options_menus_measures__check-icon svg {
  stroke: var(--menu-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element:hover {
  background-color: var(--menu-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element:hover .main_ui_workspace_sidebar_options_menus_measures__name-wrapper .main_ui_workspace_sidebar_options_menus_measures__preset-name {
  color: var(--menu-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_measures__custom-select-dropdown .main_ui_workspace_sidebar_options_menus_measures__dropdown-element:hover .main_ui_workspace_sidebar_options_menus_measures__check-icon svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_measures__size {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  position: relative;
}

.main_ui_workspace_sidebar_options_menus_measures__height,
.main_ui_workspace_sidebar_options_menus_measures__width {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 6.75rem;
}
.main_ui_workspace_sidebar_options_menus_measures__height .main_ui_workspace_sidebar_options_menus_measures__icon-text,
.main_ui_workspace_sidebar_options_menus_measures__width .main_ui_workspace_sidebar_options_menus_measures__icon-text {
  padding-top: 1px;
}
.main_ui_workspace_sidebar_options_menus_measures__lock-size-btn {
  border-radius: 0.5rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_measures__lock-ratio-icon {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_measures__position {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_measures__x-position,
.main_ui_workspace_sidebar_options_menus_measures__y-position {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 6.75rem;
}
.main_ui_workspace_sidebar_options_menus_measures__x-position .main_ui_workspace_sidebar_options_menus_measures__icon-text,
.main_ui_workspace_sidebar_options_menus_measures__y-position .main_ui_workspace_sidebar_options_menus_measures__icon-text {
  padding-top: 1px;
}
.main_ui_workspace_sidebar_options_menus_measures__rotation-radius {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_measures__rotation {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 6.75rem;
}
.main_ui_workspace_sidebar_options_menus_measures__rotation .main_ui_workspace_sidebar_options_menus_measures__icon-text {
  padding-top: 1px;
}

.main_ui_workspace_sidebar_options_menus_measures__clip-show {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_measures__clip-content .main_ui_workspace_sidebar_options_menus_measures__clip-content-input,
.main_ui_workspace_sidebar_options_menus_measures__show-in-viewer .main_ui_workspace_sidebar_options_menus_measures__clip-content-input {
  display: none;
}

.main_ui_workspace_sidebar_options_menus_measures__clip-content-label {
  height: 2rem;
  width: 1.75rem;
  border-radius: 0.5rem;
}
@keyframes main_ui_workspace_sidebar_options_menus_shadow__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_shadow__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_shadow__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_shadow__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_shadow__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_shadow__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_shadow__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_shadow__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_shadow__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_shadow__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_shadow__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_shadow__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_shadow__button-primary, .main_ui_workspace_sidebar_options_menus_shadow__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_shadow__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_shadow__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_shadow__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_shadow__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-primary svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-primary:hover, .main_ui_workspace_sidebar_options_menus_shadow__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_shadow__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_shadow__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-primary:active, .main_ui_workspace_sidebar_options_menus_shadow__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_shadow__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_shadow__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_shadow__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_shadow__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_shadow__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_shadow__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_shadow__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_shadow__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_shadow__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_shadow__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_shadow__button-secondary, .main_ui_workspace_sidebar_options_menus_shadow__shadow-info .main_ui_workspace_sidebar_options_menus_shadow__more-options, .main_ui_workspace_sidebar_options_menus_shadow__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_shadow__shadow-info .main_ui_workspace_sidebar_options_menus_shadow__more-options:focus-visible, .main_ui_workspace_sidebar_options_menus_shadow__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_shadow__shadow-info .main_ui_workspace_sidebar_options_menus_shadow__more-options:focus-visible svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-secondary svg, .main_ui_workspace_sidebar_options_menus_shadow__shadow-info .main_ui_workspace_sidebar_options_menus_shadow__more-options svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_shadow__shadow-info .main_ui_workspace_sidebar_options_menus_shadow__more-options:hover, .main_ui_workspace_sidebar_options_menus_shadow__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_shadow__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_shadow__shadow-info .main_ui_workspace_sidebar_options_menus_shadow__more-options:hover svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-secondary:active, .main_ui_workspace_sidebar_options_menus_shadow__shadow-info .main_ui_workspace_sidebar_options_menus_shadow__more-options:active, .main_ui_workspace_sidebar_options_menus_shadow__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_shadow__shadow-info .main_ui_workspace_sidebar_options_menus_shadow__more-options:active svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_shadow__shadow-info .main_ui_workspace_sidebar_options_menus_shadow__more-options.disabled, .main_ui_workspace_sidebar_options_menus_shadow__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_shadow__button-secondary[disabled], .main_ui_workspace_sidebar_options_menus_shadow__shadow-info [disabled].main_ui_workspace_sidebar_options_menus_shadow__more-options, [disabled].main_ui_workspace_sidebar_options_menus_shadow__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_shadow__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_shadow__shadow-info .main_ui_workspace_sidebar_options_menus_shadow__more-options:disabled, .main_ui_workspace_sidebar_options_menus_shadow__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary, .main_ui_workspace_sidebar_options_menus_shadow__attr-title button, .main_ui_workspace_sidebar_options_menus_shadow__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_shadow__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_shadow__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_shadow__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_shadow__attr-title button svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_shadow__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_shadow__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_shadow__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_shadow__attr-title button:active, .main_ui_workspace_sidebar_options_menus_shadow__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_shadow__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_shadow__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_shadow__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_shadow__button-tertiary[disabled], .main_ui_workspace_sidebar_options_menus_shadow__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_shadow__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_shadow__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_shadow__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_shadow__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_shadow__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_shadow__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_menus_shadow__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_shadow__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_shadow__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_shadow__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_shadow__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_shadow__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-radio svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_shadow__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_shadow__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_shadow__button-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;
}

.main_ui_workspace_sidebar_options_menus_shadow__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_shadow__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_shadow__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_shadow__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_shadow__button-icon, .main_ui_workspace_sidebar_options_menus_shadow__shadow-info .main_ui_workspace_sidebar_options_menus_shadow__more-options svg, .main_ui_workspace_sidebar_options_menus_shadow__empty-icon svg, .main_ui_workspace_sidebar_options_menus_shadow__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_shadow__button-icon-small, .main_ui_workspace_sidebar_options_menus_shadow__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_shadow__attr-title button svg, .main_ui_workspace_sidebar_options_menus_shadow__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_shadow__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_shadow__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_shadow__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_shadow__input-element span svg, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__input-element label svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input label svg, .main_ui_workspace_sidebar_options_menus_shadow__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_shadow__button-icon-small, .main_ui_workspace_sidebar_options_menus_shadow__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_shadow__attr-title button svg, .main_ui_workspace_sidebar_options_menus_shadow__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_shadow__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_shadow__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_shadow__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_shadow__input-element span svg, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__input-element label svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input label svg, .main_ui_workspace_sidebar_options_menus_shadow__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_shadow__input-base, .main_ui_workspace_sidebar_options_menus_shadow__input-with-label input, .main_ui_workspace_sidebar_options_menus_shadow__input-element-label input, .main_ui_workspace_sidebar_options_menus_shadow__input-element input, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-base[disabled], .main_ui_workspace_sidebar_options_menus_shadow__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_shadow__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_shadow__input-element input[disabled], .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input input[disabled],
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input input[disabled],
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input input[disabled],
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input input[disabled],
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input input[disabled],
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input input[disabled],
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input input[disabled],
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_shadow__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_shadow__input-label, .main_ui_workspace_sidebar_options_menus_shadow__input-element span, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input span,
.main_ui_workspace_sidebar_options_menus_shadow__input-element label,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input label,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input label,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input label,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input label,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input label,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input label,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input label,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_shadow__input-element, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus-within,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus-within,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus-within,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus-within,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus-within,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus-within,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus-within,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element span svg, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input span svg,
.main_ui_workspace_sidebar_options_menus_shadow__input-element label svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input label svg,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element ::placeholder, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input ::placeholder,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input ::placeholder,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input ::placeholder,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input ::placeholder,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input ::placeholder,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input ::placeholder,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input ::placeholder,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element:hover, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:hover,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:hover,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:hover,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:hover,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:hover,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:hover,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:hover,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element:hover span, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element:hover input, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element:active, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:active,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:active,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:active,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:active,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:active,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:active,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:active,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element:active span, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:active span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:active span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:active span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:active span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:active span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:active span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:active span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element:active input, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:active input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:active input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:active input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:active input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:active input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:active input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:active input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element:focus, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus, .main_ui_workspace_sidebar_options_menus_shadow__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus-within,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus-within,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus-within,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus-within,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus-within,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus-within,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus-within,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element:focus span, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus span, .main_ui_workspace_sidebar_options_menus_shadow__input-element:focus-within span, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus-within span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus-within span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus-within span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus-within span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus-within span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus-within span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus-within span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element:focus input, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus input, .main_ui_workspace_sidebar_options_menus_shadow__input-element:focus-within input, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus-within input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus-within input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus-within input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus-within input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus-within input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus-within input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus-within input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus:hover,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus:hover,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus:hover,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus:hover,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus:hover,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus:hover,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus:hover,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus:hover, .main_ui_workspace_sidebar_options_menus_shadow__input-element:focus-within:hover, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus:hover span, .main_ui_workspace_sidebar_options_menus_shadow__input-element:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus:hover input, .main_ui_workspace_sidebar_options_menus_shadow__input-element:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_shadow__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_shadow__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

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

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

.main_ui_workspace_sidebar_options_menus_shadow__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_shadow__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_shadow__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_shadow__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_shadow__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

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

.main_ui_workspace_sidebar_options_menus_shadow__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_shadow__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_shadow__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_shadow__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_shadow__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_shadow__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_shadow__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_shadow__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_shadow__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_shadow__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_options_menus_shadow__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_shadow__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_shadow__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_shadow__mixed-bar, .main_ui_workspace_sidebar_options_menus_shadow__label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_shadow__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_shadow__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_shadow__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_shadow__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_shadow__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_options_menus_shadow__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_shadow__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_shadow__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_shadow__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_shadow__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_shadow__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_shadow__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_shadow__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_shadow__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_shadow__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_shadow__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_shadow__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_shadow__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_shadow__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_shadow__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_shadow__element-set {
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_shadow__title-spacing-shadow {
  margin: 0;
  padding-left: 0.125rem;
}

.main_ui_workspace_sidebar_options_menus_shadow__element-set-content {
  margin-top: 0.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_shadow__multiple-shadows {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_shadow__actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_shadow__shadow-element {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
  --reorder-left-position: calc(-1 * var(--sp-m) - var(--sp-xxs));
}
.main_ui_workspace_sidebar_options_menus_shadow__shadow-element:hover {
  --reorder-icon-visibility: visible;
}
.main_ui_workspace_sidebar_options_menus_shadow__shadow-element.main_ui_workspace_sidebar_options_menus_shadow__dnd-over-top {
  --reorder-top-display: block;
}
.main_ui_workspace_sidebar_options_menus_shadow__shadow-element.main_ui_workspace_sidebar_options_menus_shadow__dnd-over-bot {
  --reorder-bottom-display: block;
}

.main_ui_workspace_sidebar_options_menus_shadow__basic-options {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_shadow__shadow-info {
  display: flex;
  align-items: center;
  gap: 1px;
  width: 11.75rem;
}
.main_ui_workspace_sidebar_options_menus_shadow__shadow-info .main_ui_workspace_sidebar_options_menus_shadow__more-options {
  height: 2rem;
  width: 1.75rem;
  border-radius: 0.5rem 0 0 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_shadow__shadow-info .main_ui_workspace_sidebar_options_menus_shadow__more-options.main_ui_workspace_sidebar_options_menus_shadow__selected {
  background-color: var(--button-radio-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_shadow__shadow-info .main_ui_workspace_sidebar_options_menus_shadow__more-options.main_ui_workspace_sidebar_options_menus_shadow__selected svg {
  stroke: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_shadow__shadow-info .main_ui_workspace_sidebar_options_menus_shadow__type-select {
  padding: 0;
  border-radius: 0 0.5rem 0.5rem 0;
  flex-grow: 1;
}
.main_ui_workspace_sidebar_options_menus_shadow__shadow-info .main_ui_workspace_sidebar_options_menus_shadow__type-select .main_ui_workspace_sidebar_options_menus_shadow__shadow-type-select {
  flex-grow: 1;
  border-radius: 0 0.5rem 0.5rem 0;
}
.main_ui_workspace_sidebar_options_menus_shadow__shadow-info.main_ui_workspace_sidebar_options_menus_shadow__hidden .main_ui_workspace_sidebar_options_menus_shadow__more-options {
  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);
}
.main_ui_workspace_sidebar_options_menus_shadow__shadow-info.main_ui_workspace_sidebar_options_menus_shadow__hidden .main_ui_workspace_sidebar_options_menus_shadow__type-select {
  cursor: default;
  pointer-events: none;
  box-sizing: border-box;
  color: var(--input-foreground-color-disabled);
  stroke: var(--input-foreground-color-disabled);
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_shadow__shadow-info.main_ui_workspace_sidebar_options_menus_shadow__hidden .main_ui_workspace_sidebar_options_menus_shadow__type-select .main_ui_workspace_sidebar_options_menus_shadow__shadow-type-select {
  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);
}

.main_ui_workspace_sidebar_options_menus_shadow__shadow-advanced-options {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 15.75rem;
}

.main_ui_workspace_sidebar_options_menus_shadow__first-row,
.main_ui_workspace_sidebar_options_menus_shadow__second-row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 3.75rem;
  min-width: 3.75rem;
  align-items: baseline;
}
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-x-input input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input input {
  width: 2rem;
}
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input {
  width: 5.75rem;
}
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input .main_ui_workspace_sidebar_options_menus_shadow__input-label,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input label,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input .main_ui_workspace_sidebar_options_menus_shadow__input-label,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input span,
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input label,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input .main_ui_workspace_sidebar_options_menus_shadow__input-label,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__blur-input label,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input .main_ui_workspace_sidebar_options_menus_shadow__input-label,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input span,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input label {
  width: 2.75rem;
}
.main_ui_workspace_sidebar_options_menus_shadow__first-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input,
.main_ui_workspace_sidebar_options_menus_shadow__second-row .main_ui_workspace_sidebar_options_menus_shadow__spread-input {
  gap: 0.5rem;
}
@keyframes main_ui_workspace_sidebar_options_menus_stroke__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_stroke__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_stroke__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_stroke__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_stroke__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_stroke__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_stroke__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_stroke__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_stroke__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_stroke__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_stroke__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_stroke__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_stroke__button-primary, .main_ui_workspace_sidebar_options_menus_stroke__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_stroke__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_stroke__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_stroke__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_stroke__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-primary svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-primary:hover, .main_ui_workspace_sidebar_options_menus_stroke__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_stroke__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_stroke__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-primary:active, .main_ui_workspace_sidebar_options_menus_stroke__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_stroke__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_stroke__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_stroke__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_stroke__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_stroke__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_stroke__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_stroke__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_stroke__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_stroke__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_stroke__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_stroke__button-secondary, .main_ui_workspace_sidebar_options_menus_stroke__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_stroke__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-secondary svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_stroke__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_stroke__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-secondary:active, .main_ui_workspace_sidebar_options_menus_stroke__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_stroke__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_stroke__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_stroke__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_stroke__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_stroke__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary, .main_ui_workspace_sidebar_options_menus_stroke__attr-title button, .main_ui_workspace_sidebar_options_menus_stroke__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_stroke__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_stroke__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_stroke__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_stroke__attr-title button svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_stroke__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_stroke__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_stroke__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_stroke__attr-title button:active, .main_ui_workspace_sidebar_options_menus_stroke__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_stroke__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_stroke__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_stroke__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_stroke__button-tertiary[disabled], .main_ui_workspace_sidebar_options_menus_stroke__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_stroke__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_stroke__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_stroke__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_stroke__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_stroke__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_stroke__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_menus_stroke__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_stroke__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_stroke__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_stroke__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_stroke__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_stroke__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-radio svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_stroke__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_stroke__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_stroke__button-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;
}

.main_ui_workspace_sidebar_options_menus_stroke__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_stroke__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_stroke__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_stroke__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_stroke__button-icon, .main_ui_workspace_sidebar_options_menus_stroke__empty-icon svg, .main_ui_workspace_sidebar_options_menus_stroke__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_stroke__button-icon-small, .main_ui_workspace_sidebar_options_menus_stroke__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_stroke__attr-title button svg, .main_ui_workspace_sidebar_options_menus_stroke__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_stroke__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_stroke__input-element span svg,
.main_ui_workspace_sidebar_options_menus_stroke__input-element label svg, .main_ui_workspace_sidebar_options_menus_stroke__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_stroke__button-icon-small, .main_ui_workspace_sidebar_options_menus_stroke__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_stroke__attr-title button svg, .main_ui_workspace_sidebar_options_menus_stroke__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_stroke__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_stroke__input-element span svg,
.main_ui_workspace_sidebar_options_menus_stroke__input-element label svg, .main_ui_workspace_sidebar_options_menus_stroke__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

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

.main_ui_workspace_sidebar_options_menus_stroke__input-base, .main_ui_workspace_sidebar_options_menus_stroke__input-with-label input, .main_ui_workspace_sidebar_options_menus_stroke__input-element-label input, .main_ui_workspace_sidebar_options_menus_stroke__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-base[disabled], .main_ui_workspace_sidebar_options_menus_stroke__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_stroke__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_stroke__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_stroke__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_stroke__input-label, .main_ui_workspace_sidebar_options_menus_stroke__input-element span,
.main_ui_workspace_sidebar_options_menus_stroke__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_stroke__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element span svg,
.main_ui_workspace_sidebar_options_menus_stroke__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element:focus, .main_ui_workspace_sidebar_options_menus_stroke__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element:focus span, .main_ui_workspace_sidebar_options_menus_stroke__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element:focus input, .main_ui_workspace_sidebar_options_menus_stroke__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_stroke__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_stroke__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_stroke__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_stroke__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_stroke__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

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

.main_ui_workspace_sidebar_options_menus_stroke__checkbox-icon, .main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_stroke__checkbox-icon svg, .main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_stroke__checkbox-icon:hover, .main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_stroke__checkbox-icon:focus, .main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_sidebar_options_menus_stroke__checkbox-icon.checked, .main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_stroke__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_stroke__checkbox-icon.intermediate, .main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_sidebar_options_menus_stroke__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_sidebar_options_menus_stroke__checkbox-icon.unchecked, .main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_stroke__checkbox-icon.unchecked svg, .main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_sidebar_options_menus_stroke__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label:focus span, .main_ui_workspace_sidebar_options_menus_stroke__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_sidebar_options_menus_stroke__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_stroke__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_stroke__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_stroke__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_stroke__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_sidebar_options_menus_stroke__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_sidebar_options_menus_stroke__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_stroke__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_stroke__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_stroke__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_stroke__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_stroke__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_stroke__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_stroke__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_stroke__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_stroke__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_stroke__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_stroke__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_stroke__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_stroke__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_stroke__mixed-bar, .main_ui_workspace_sidebar_options_menus_stroke__group-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_stroke__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_sidebar_options_menus_stroke__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_stroke__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_stroke__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_stroke__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_stroke__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_stroke__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_stroke__attr-title button {
  display: none;
}
.main_ui_workspace_sidebar_options_menus_stroke__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_stroke__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_sidebar_options_menus_stroke__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_stroke__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_stroke__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_stroke__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_stroke__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_stroke__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_stroke__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_stroke__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_stroke__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_stroke__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_stroke__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_stroke__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_stroke__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_stroke__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_stroke__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_stroke__element-set {
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_stroke__element-title {
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_stroke__title-spacing-stroke {
  padding-left: 0.125rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_stroke__element-content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0.25rem 0 0.5rem 0;
}
.main_ui_workspace_sidebar_options_menus_stroke__element-content.main_ui_workspace_sidebar_options_menus_stroke__empty-content {
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_stroke__element-set-options-group {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
@keyframes main_ui_workspace_sidebar_options_menus_svg_attrs__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_svg_attrs__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_svg_attrs__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__button-primary, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-primary svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-primary:hover, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-primary:active, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_svg_attrs__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_svg_attrs__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_svg_attrs__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_svg_attrs__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__button-secondary, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-secondary svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-secondary:active, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_svg_attrs__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_svg_attrs__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_svg_attrs__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-action-btn, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-action-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-action-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-action-btn svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-action-btn:hover, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-action-btn:hover svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-action-btn:active, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button:active, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-action-btn:active svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-action-btn.disabled, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_svg_attrs__attr-action-btn, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_svg_attrs__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-action-btn:disabled, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-action-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_svg_attrs__attr-action-btn svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_svg_attrs__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-action-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-radio svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__button-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;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__button-icon, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-action-btn svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__empty-icon svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__button-icon-small, .main_ui_workspace_sidebar_options_menus_svg_attrs__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-element span svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input span svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element label svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input label svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__button-icon-small, .main_ui_workspace_sidebar_options_menus_svg_attrs__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-element span svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input span svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element label svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input label svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__input-base, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-with-label input, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-element-label input, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-element input, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-base[disabled], .main_ui_workspace_sidebar_options_menus_svg_attrs__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_svg_attrs__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_svg_attrs__input-element input[disabled], .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-label, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-element span, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input span,
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element label,
.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element span svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input span svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element label svg,
.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element ::placeholder, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:hover, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:hover span, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:hover input, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:active, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:active span, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:active input, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:focus, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:focus, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:focus span, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:focus span, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:focus-within span, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:focus input, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:focus input, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:focus-within input, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:focus:hover, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:focus-within:hover, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:focus:hover span, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:focus:hover input, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-element:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__disabled-input, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__disabled-input input, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__disabled-input span svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__checkbox-icon, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__checkbox-icon svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__checkbox-icon:hover, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__checkbox-icon:focus, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__checkbox-icon.checked, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__checkbox-icon.intermediate, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__checkbox-icon.unchecked, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__checkbox-icon.unchecked svg, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label:focus span, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_svg_attrs__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_svg_attrs__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button {
  display: none;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__element-set {
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__title-spacing-svg-attrs {
  padding-left: 0.125rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__element-set-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0.25rem 0 0 0;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-content {
  display: flex;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 7.75rem;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-actions {
  display: flex;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-action-btn {
  width: 1.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-nested-content {
  display: grid;
  row-gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  font-size: 0.625rem;
  text-transform: uppercase;
  margin-inline-start: 0.25rem;
  color: var(--color-foreground-primary);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__attr-row {
  display: flex;
  gap: 0.25rem;
}
@keyframes main_ui_workspace_sidebar_options_menus_text__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_text__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_text__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_text__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_text__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_text__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_text__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_text__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_text__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_text__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_text__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_text__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_text__button-primary, .main_ui_workspace_sidebar_options_menus_text__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_text__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_text__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_text__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_text__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_text__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_text__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_text__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_text__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_text__button-primary svg, .main_ui_workspace_sidebar_options_menus_text__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_text__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_text__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_text__button-primary:hover, .main_ui_workspace_sidebar_options_menus_text__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_text__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_text__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_text__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_text__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_text__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_text__button-primary:active, .main_ui_workspace_sidebar_options_menus_text__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_text__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_text__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_text__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_text__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_text__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_text__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_text__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_text__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_text__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_text__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_text__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_text__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_text__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_text__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_text__button-secondary, .main_ui_workspace_sidebar_options_menus_text__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_text__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_text__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_text__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_text__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_text__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_text__button-secondary svg, .main_ui_workspace_sidebar_options_menus_text__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_text__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_text__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_text__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_text__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_text__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_text__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_text__button-secondary:active, .main_ui_workspace_sidebar_options_menus_text__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_text__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_text__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_text__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_text__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_text__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_text__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_text__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_text__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_text__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_text__button-tertiary, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button, .main_ui_workspace_sidebar_options_menus_text__attr-title button, .main_ui_workspace_sidebar_options_menus_text__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_text__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button:focus-visible, .main_ui_workspace_sidebar_options_menus_text__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_text__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_text__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_text__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_text__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_text__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_text__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button svg, .main_ui_workspace_sidebar_options_menus_text__attr-title button svg, .main_ui_workspace_sidebar_options_menus_text__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_text__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_text__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button:hover, .main_ui_workspace_sidebar_options_menus_text__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_text__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_text__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button:hover svg, .main_ui_workspace_sidebar_options_menus_text__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_text__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_text__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_text__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button:active, .main_ui_workspace_sidebar_options_menus_text__attr-title button:active, .main_ui_workspace_sidebar_options_menus_text__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_text__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button:active svg, .main_ui_workspace_sidebar_options_menus_text__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_text__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_text__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_text__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button.disabled, .main_ui_workspace_sidebar_options_menus_text__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_text__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_text__button-tertiary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_text__multiple-typography-button, .main_ui_workspace_sidebar_options_menus_text__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_text__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_text__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button:disabled, .main_ui_workspace_sidebar_options_menus_text__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_text__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_text__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button.disabled svg, .main_ui_workspace_sidebar_options_menus_text__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_text__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_text__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_text__button-tertiary[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_text__multiple-typography-button svg, .main_ui_workspace_sidebar_options_menus_text__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_text__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_text__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_text__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button:disabled svg, .main_ui_workspace_sidebar_options_menus_text__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_text__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_text__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_text__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_text__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_text__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_text__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_text__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_text__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_text__button-radio svg,
.main_ui_workspace_sidebar_options_menus_text__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_text__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_text__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_text__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_text__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_text__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_text__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_text__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_text__button-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;
}

.main_ui_workspace_sidebar_options_menus_text__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_text__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_text__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_text__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_text__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_text__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_text__button-icon, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button svg, .main_ui_workspace_sidebar_options_menus_text__empty-icon svg, .main_ui_workspace_sidebar_options_menus_text__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_text__button-icon-small, .main_ui_workspace_sidebar_options_menus_text__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_text__attr-title button svg, .main_ui_workspace_sidebar_options_menus_text__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_text__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_text__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_text__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_text__input-element span svg,
.main_ui_workspace_sidebar_options_menus_text__input-element label svg, .main_ui_workspace_sidebar_options_menus_text__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_text__button-icon-small, .main_ui_workspace_sidebar_options_menus_text__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_text__attr-title button svg, .main_ui_workspace_sidebar_options_menus_text__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_text__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_text__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_text__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_text__input-element span svg,
.main_ui_workspace_sidebar_options_menus_text__input-element label svg, .main_ui_workspace_sidebar_options_menus_text__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_sidebar_options_menus_text__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_sidebar_options_menus_text__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_text__input-base, .main_ui_workspace_sidebar_options_menus_text__input-with-label input, .main_ui_workspace_sidebar_options_menus_text__input-element-label input, .main_ui_workspace_sidebar_options_menus_text__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_text__input-base[disabled], .main_ui_workspace_sidebar_options_menus_text__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_text__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_text__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_text__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_text__input-label, .main_ui_workspace_sidebar_options_menus_text__input-element span,
.main_ui_workspace_sidebar_options_menus_text__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_text__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_text__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_text__input-element span svg,
.main_ui_workspace_sidebar_options_menus_text__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_text__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_text__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_text__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_text__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_text__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_text__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_text__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_text__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_text__input-element:focus, .main_ui_workspace_sidebar_options_menus_text__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_text__input-element:focus span, .main_ui_workspace_sidebar_options_menus_text__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_text__input-element:focus input, .main_ui_workspace_sidebar_options_menus_text__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_text__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_text__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_text__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_text__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_text__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_text__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_text__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_text__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_text__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_text__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_text__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_text__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_text__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_sidebar_options_menus_text__disabled-input, .main_ui_workspace_sidebar_options_menus_text__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_text__disabled-input input, .main_ui_workspace_sidebar_options_menus_text__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_text__disabled-input span svg, .main_ui_workspace_sidebar_options_menus_text__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_text__checkbox-icon, .main_ui_workspace_sidebar_options_menus_text__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_text__checkbox-icon svg, .main_ui_workspace_sidebar_options_menus_text__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_text__checkbox-icon:hover, .main_ui_workspace_sidebar_options_menus_text__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_text__checkbox-icon:focus, .main_ui_workspace_sidebar_options_menus_text__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_sidebar_options_menus_text__checkbox-icon.checked, .main_ui_workspace_sidebar_options_menus_text__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_text__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_text__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_text__checkbox-icon.intermediate, .main_ui_workspace_sidebar_options_menus_text__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_sidebar_options_menus_text__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_text__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_sidebar_options_menus_text__checkbox-icon.unchecked, .main_ui_workspace_sidebar_options_menus_text__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_text__checkbox-icon.unchecked svg, .main_ui_workspace_sidebar_options_menus_text__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_sidebar_options_menus_text__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_text__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_text__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_sidebar_options_menus_text__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_text__input-checkbox label:focus span, .main_ui_workspace_sidebar_options_menus_text__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_sidebar_options_menus_text__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_text__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_text__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_text__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_text__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_text__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_text__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_text__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_sidebar_options_menus_text__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_sidebar_options_menus_text__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_text__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_text__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_text__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_text__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_text__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_text__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_text__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_text__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_text__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_text__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_text__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_text__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_text__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_text__mixed-bar, .main_ui_workspace_sidebar_options_menus_text__multiple-typography {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_text__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_sidebar_options_menus_text__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_text__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_text__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_text__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_text__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_text__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_text__attr-title button {
  display: none;
}
.main_ui_workspace_sidebar_options_menus_text__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_text__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_sidebar_options_menus_text__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_text__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_text__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_text__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_text__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_text__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_text__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_text__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_text__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_text__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_text__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_text__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_text__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_text__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_text__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_text__element-set {
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_text__element-title {
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_text__element-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_text__multiple-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  flex-grow: 1;
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_text__multiple-typography-button {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_text__text-align-options {
  display: flex;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_text__align-options,
.main_ui_workspace_sidebar_options_menus_text__text-direction-options,
.main_ui_workspace_sidebar_options_menus_text__vertical-align-options,
.main_ui_workspace_sidebar_options_menus_text__grow-options,
.main_ui_workspace_sidebar_options_menus_text__text-decoration-options {
  height: 2rem;
}

.main_ui_workspace_sidebar_options_menus_text__text-decoration-options {
  display: flex;
  gap: 0.25rem;
}
@keyframes main_ui_workspace_sidebar_options_menus_typography__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_options_menus_typography__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_options_menus_typography__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_options_menus_typography__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_typography__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_options_menus_typography__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_typography__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_typography__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_options_menus_typography__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_typography__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_typography__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_options_menus_typography__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_options_menus_typography__button-primary, .main_ui_workspace_sidebar_options_menus_typography__modal-danger-btn, .main_ui_workspace_sidebar_options_menus_typography__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_typography__button-primary:focus-visible, .main_ui_workspace_sidebar_options_menus_typography__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_typography__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_options_menus_typography__button-primary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_typography__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_typography__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_typography__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_typography__button-primary svg, .main_ui_workspace_sidebar_options_menus_typography__modal-danger-btn svg, .main_ui_workspace_sidebar_options_menus_typography__modal-accept-btn svg,
.main_ui_workspace_sidebar_options_menus_typography__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_typography__button-primary:hover, .main_ui_workspace_sidebar_options_menus_typography__modal-danger-btn:hover, .main_ui_workspace_sidebar_options_menus_typography__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_typography__button-primary:hover svg, .main_ui_workspace_sidebar_options_menus_typography__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_options_menus_typography__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_typography__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__button-primary:active, .main_ui_workspace_sidebar_options_menus_typography__modal-danger-btn:active, .main_ui_workspace_sidebar_options_menus_typography__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_options_menus_typography__button-primary:active svg, .main_ui_workspace_sidebar_options_menus_typography__modal-danger-btn:active svg, .main_ui_workspace_sidebar_options_menus_typography__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_options_menus_typography__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__button-primary.disabled, .main_ui_workspace_sidebar_options_menus_typography__modal-danger-btn.disabled, .main_ui_workspace_sidebar_options_menus_typography__modal-accept-btn.disabled, .main_ui_workspace_sidebar_options_menus_typography__button-primary[disabled], [disabled].main_ui_workspace_sidebar_options_menus_typography__modal-danger-btn, [disabled].main_ui_workspace_sidebar_options_menus_typography__modal-accept-btn, .main_ui_workspace_sidebar_options_menus_typography__button-primary:disabled, .main_ui_workspace_sidebar_options_menus_typography__modal-danger-btn:disabled, .main_ui_workspace_sidebar_options_menus_typography__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_typography__button-secondary, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__link-btn, .main_ui_workspace_sidebar_options_menus_typography__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_typography__button-secondary:focus-visible, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__link-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_typography__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_typography__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__link-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_typography__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_typography__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_typography__button-secondary svg, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__link-btn svg, .main_ui_workspace_sidebar_options_menus_typography__modal-cancel-btn svg,
.main_ui_workspace_sidebar_options_menus_typography__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_typography__button-secondary:hover, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__link-btn:hover, .main_ui_workspace_sidebar_options_menus_typography__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_options_menus_typography__button-secondary:hover svg, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__link-btn:hover svg, .main_ui_workspace_sidebar_options_menus_typography__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_typography__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__button-secondary:active, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__link-btn:active, .main_ui_workspace_sidebar_options_menus_typography__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_options_menus_typography__button-secondary:active svg, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__link-btn:active svg, .main_ui_workspace_sidebar_options_menus_typography__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_options_menus_typography__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__button-secondary.disabled, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__link-btn.disabled, .main_ui_workspace_sidebar_options_menus_typography__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_options_menus_typography__button-secondary[disabled], .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper [disabled].main_ui_workspace_sidebar_options_menus_typography__link-btn, [disabled].main_ui_workspace_sidebar_options_menus_typography__modal-cancel-btn, .main_ui_workspace_sidebar_options_menus_typography__button-secondary:disabled, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__link-btn:disabled, .main_ui_workspace_sidebar_options_menus_typography__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_options_menus_typography__button-tertiary, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn, .main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn, .main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__menu-btn, .main_ui_workspace_sidebar_options_menus_typography__attr-title button, .main_ui_workspace_sidebar_options_menus_typography__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_options_menus_typography__button-tertiary:focus-visible, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button:focus-visible,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__menu-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_typography__attr-title button:focus-visible, .main_ui_workspace_sidebar_options_menus_typography__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_options_menus_typography__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__menu-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_typography__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_typography__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_typography__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_typography__button-tertiary svg, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn svg, .main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn svg, .main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button svg,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__menu-btn svg, .main_ui_workspace_sidebar_options_menus_typography__attr-title button svg, .main_ui_workspace_sidebar_options_menus_typography__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_typography__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_typography__button-tertiary:hover, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:hover, .main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:hover, .main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button:hover,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__menu-btn:hover, .main_ui_workspace_sidebar_options_menus_typography__attr-title button:hover, .main_ui_workspace_sidebar_options_menus_typography__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__button-tertiary:hover svg, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:hover svg, .main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:hover svg, .main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button:hover svg,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__menu-btn:hover svg, .main_ui_workspace_sidebar_options_menus_typography__attr-title button:hover svg, .main_ui_workspace_sidebar_options_menus_typography__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_options_menus_typography__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__button-tertiary:active, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:active, .main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:active, .main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button:active,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__menu-btn:active, .main_ui_workspace_sidebar_options_menus_typography__attr-title button:active, .main_ui_workspace_sidebar_options_menus_typography__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__button-tertiary:active svg, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:active svg, .main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:active svg, .main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button:active svg,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__menu-btn:active svg, .main_ui_workspace_sidebar_options_menus_typography__attr-title button:active svg, .main_ui_workspace_sidebar_options_menus_typography__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_options_menus_typography__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__button-tertiary.disabled, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn.disabled, .main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn.disabled, .main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button.disabled,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__menu-btn.disabled, .main_ui_workspace_sidebar_options_menus_typography__attr-title button.disabled, .main_ui_workspace_sidebar_options_menus_typography__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_options_menus_typography__button-tertiary[disabled], .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper [disabled].main_ui_workspace_sidebar_options_menus_typography__action-btn, .main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper [disabled].main_ui_workspace_sidebar_options_menus_typography__action-btn, .main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions [disabled].main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions [disabled].main_ui_workspace_sidebar_options_menus_typography__menu-btn, .main_ui_workspace_sidebar_options_menus_typography__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_options_menus_typography__modal-close-btn-base, .main_ui_workspace_sidebar_options_menus_typography__button-tertiary:disabled, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:disabled, .main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:disabled, .main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button:disabled,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__menu-btn:disabled, .main_ui_workspace_sidebar_options_menus_typography__attr-title button:disabled, .main_ui_workspace_sidebar_options_menus_typography__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_options_menus_typography__button-tertiary.disabled svg, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button.disabled svg,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__menu-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_typography__attr-title button.disabled svg, .main_ui_workspace_sidebar_options_menus_typography__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_options_menus_typography__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_options_menus_typography__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper [disabled].main_ui_workspace_sidebar_options_menus_typography__action-btn svg, .main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper [disabled].main_ui_workspace_sidebar_options_menus_typography__action-btn svg, .main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions [disabled].main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button svg,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions [disabled].main_ui_workspace_sidebar_options_menus_typography__menu-btn svg, .main_ui_workspace_sidebar_options_menus_typography__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_options_menus_typography__modal-close-btn-base svg,
.main_ui_workspace_sidebar_options_menus_typography__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_options_menus_typography__button-tertiary:disabled svg, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button:disabled svg,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__menu-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_typography__attr-title button:disabled svg, .main_ui_workspace_sidebar_options_menus_typography__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_options_menus_typography__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_typography__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_options_menus_typography__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_options_menus_typography__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_typography__button-radio: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);
}
.main_ui_workspace_sidebar_options_menus_typography__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_typography__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_typography__button-radio svg,
.main_ui_workspace_sidebar_options_menus_typography__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_typography__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_options_menus_typography__button-radio:hover svg,
.main_ui_workspace_sidebar_options_menus_typography__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__button-radio:active svg,
.main_ui_workspace_sidebar_options_menus_typography__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_typography__button-warning {
  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);
}

.main_ui_workspace_sidebar_options_menus_typography__button-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;
}

.main_ui_workspace_sidebar_options_menus_typography__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_typography__button-tag: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);
}
.main_ui_workspace_sidebar_options_menus_typography__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_typography__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_typography__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_options_menus_typography__button-icon, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn svg, .main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button svg,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__menu-btn svg, .main_ui_workspace_sidebar_options_menus_typography__empty-icon svg, .main_ui_workspace_sidebar_options_menus_typography__modal-close-btn-base svg, .main_ui_workspace_sidebar_options_menus_typography__button-icon-small, .main_ui_workspace_sidebar_options_menus_typography__font-item .main_ui_workspace_sidebar_options_menus_typography__icon svg, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height .main_ui_workspace_sidebar_options_menus_typography__icon svg,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing .main_ui_workspace_sidebar_options_menus_typography__icon svg, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-modifiers .main_ui_workspace_sidebar_options_menus_typography__font-size-options .main_ui_workspace_sidebar_options_menus_typography__icon svg, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-option .main_ui_workspace_sidebar_options_menus_typography__icon svg, .main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn svg, .main_ui_workspace_sidebar_options_menus_typography__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_typography__attr-title button svg, .main_ui_workspace_sidebar_options_menus_typography__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_typography__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_typography__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_typography__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_typography__input-element span svg, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height span svg,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing span svg,
.main_ui_workspace_sidebar_options_menus_typography__input-element label svg,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height label svg,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing label svg, .main_ui_workspace_sidebar_options_menus_typography__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_options_menus_typography__button-icon-small, .main_ui_workspace_sidebar_options_menus_typography__font-item .main_ui_workspace_sidebar_options_menus_typography__icon svg, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height .main_ui_workspace_sidebar_options_menus_typography__icon svg,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing .main_ui_workspace_sidebar_options_menus_typography__icon svg, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-modifiers .main_ui_workspace_sidebar_options_menus_typography__font-size-options .main_ui_workspace_sidebar_options_menus_typography__icon svg, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-option .main_ui_workspace_sidebar_options_menus_typography__icon svg, .main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn svg, .main_ui_workspace_sidebar_options_menus_typography__dropdown-element-base span svg, .main_ui_workspace_sidebar_options_menus_typography__attr-title button svg, .main_ui_workspace_sidebar_options_menus_typography__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_typography__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_options_menus_typography__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_typography__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_options_menus_typography__input-element span svg, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height span svg,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing span svg,
.main_ui_workspace_sidebar_options_menus_typography__input-element label svg,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height label svg,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing label svg, .main_ui_workspace_sidebar_options_menus_typography__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_sidebar_options_menus_typography__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_sidebar_options_menus_typography__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_typography__input-base, .main_ui_workspace_sidebar_options_menus_typography__font-size-select .main_ui_workspace_sidebar_options_menus_typography__numeric-input, .main_ui_workspace_sidebar_options_menus_typography__input-with-label input, .main_ui_workspace_sidebar_options_menus_typography__input-element-label input, .main_ui_workspace_sidebar_options_menus_typography__input-element input, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height input,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__input-base[disabled], .main_ui_workspace_sidebar_options_menus_typography__font-size-select [disabled].main_ui_workspace_sidebar_options_menus_typography__numeric-input, .main_ui_workspace_sidebar_options_menus_typography__input-with-label input[disabled], .main_ui_workspace_sidebar_options_menus_typography__input-element-label input[disabled], .main_ui_workspace_sidebar_options_menus_typography__input-element input[disabled], .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height input[disabled],
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_options_menus_typography__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_typography__input-label, .main_ui_workspace_sidebar_options_menus_typography__input-element span, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height span,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing span,
.main_ui_workspace_sidebar_options_menus_typography__input-element label,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height label,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_typography__input-element, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:focus-within,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element span svg, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height span svg,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing span svg,
.main_ui_workspace_sidebar_options_menus_typography__input-element label svg,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height label svg,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element ::placeholder, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height ::placeholder,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element:hover, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:hover,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element:hover span, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:hover span,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element:hover input, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:hover input,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element:active, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:active,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element:active span, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:active span,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element:active input, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:active input,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element:focus, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:focus,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:focus, .main_ui_workspace_sidebar_options_menus_typography__input-element:focus-within, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:focus-within,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element:focus span, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:focus span,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:focus span, .main_ui_workspace_sidebar_options_menus_typography__input-element:focus-within span, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:focus-within span,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element:focus input, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:focus input,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:focus input, .main_ui_workspace_sidebar_options_menus_typography__input-element:focus-within input, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:focus-within input,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element:focus:hover, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:focus:hover,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:focus:hover, .main_ui_workspace_sidebar_options_menus_typography__input-element:focus-within:hover, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:focus-within:hover,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element:focus:hover span, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:focus:hover span,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:focus:hover span, .main_ui_workspace_sidebar_options_menus_typography__input-element:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:focus-within:hover span,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element:focus:hover input, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:focus:hover input,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:focus:hover input, .main_ui_workspace_sidebar_options_menus_typography__input-element:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height:focus-within:hover input,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_typography__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_options_menus_typography__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__input-element-label:focus-within input, .main_ui_workspace_sidebar_options_menus_typography__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_sidebar_options_menus_typography__disabled-input, .main_ui_workspace_sidebar_options_menus_typography__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_typography__disabled-input input, .main_ui_workspace_sidebar_options_menus_typography__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_options_menus_typography__disabled-input span svg, .main_ui_workspace_sidebar_options_menus_typography__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_sidebar_options_menus_typography__checkbox-icon, .main_ui_workspace_sidebar_options_menus_typography__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_typography__checkbox-icon svg, .main_ui_workspace_sidebar_options_menus_typography__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_typography__checkbox-icon:hover, .main_ui_workspace_sidebar_options_menus_typography__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__checkbox-icon:focus, .main_ui_workspace_sidebar_options_menus_typography__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_sidebar_options_menus_typography__checkbox-icon.checked, .main_ui_workspace_sidebar_options_menus_typography__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__checkbox-icon.checked svg, .main_ui_workspace_sidebar_options_menus_typography__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__checkbox-icon.intermediate, .main_ui_workspace_sidebar_options_menus_typography__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_sidebar_options_menus_typography__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_options_menus_typography__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_sidebar_options_menus_typography__checkbox-icon.unchecked, .main_ui_workspace_sidebar_options_menus_typography__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_sidebar_options_menus_typography__checkbox-icon.unchecked svg, .main_ui_workspace_sidebar_options_menus_typography__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_sidebar_options_menus_typography__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_options_menus_typography__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_typography__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_sidebar_options_menus_typography__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__input-checkbox label:focus span, .main_ui_workspace_sidebar_options_menus_typography__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_sidebar_options_menus_typography__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_options_menus_typography__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__input-with-label input:focus-within, .main_ui_workspace_sidebar_options_menus_typography__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__input-with-label input:focus-within input, .main_ui_workspace_sidebar_options_menus_typography__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_sidebar_options_menus_typography__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_sidebar_options_menus_typography__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_options_menus_typography__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_options_menus_typography__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_typography__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_typography__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_options_menus_typography__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_typography__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_typography__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_typography__asset-element, .main_ui_workspace_sidebar_options_menus_typography__font-item, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__text-transform, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-modifiers .main_ui_workspace_sidebar_options_menus_typography__font-size-options, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-option, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__asset-element:hover, .main_ui_workspace_sidebar_options_menus_typography__font-item:hover, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__text-transform:hover, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-modifiers .main_ui_workspace_sidebar_options_menus_typography__font-size-options:hover, .main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-option:hover, .main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_typography__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_typography__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_options_menus_typography__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_options_menus_typography__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_typography__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_sidebar_options_menus_typography__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_sidebar_options_menus_typography__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_options_menus_typography__colorpicker-handler:hover, .main_ui_workspace_sidebar_options_menus_typography__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_options_menus_typography__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_options_menus_typography__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_typography__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__attr-title button {
  display: none;
}
.main_ui_workspace_sidebar_options_menus_typography__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_typography__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_sidebar_options_menus_typography__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_typography__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_options_menus_typography__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options_menus_typography__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_options_menus_typography__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_typography__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_options_menus_typography__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_typography__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_typography__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_options_menus_typography__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_options_menus_typography__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_typography__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_typography__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_options_menus_typography__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_options_menus_typography__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_options_menus_typography__typography-entry {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 2rem;
  width: 100%;
  border-radius: 0.5rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__typography-entry:hover, .main_ui_workspace_sidebar_options_menus_typography__typography-entry:focus-within {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__typography-entry.main_ui_workspace_sidebar_options_menus_typography__selected {
  border: 1px solid var(--assets-item-border-color);
}
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions {
  display: flex;
  visibility: hidden;
}
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__menu-btn {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__element-set-actions-button:active,
.main_ui_workspace_sidebar_options_menus_typography__typography-entry .main_ui_workspace_sidebar_options_menus_typography__element-set-actions .main_ui_workspace_sidebar_options_menus_typography__menu-btn:active {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_typography__typography-entry:hover {
  background-color: var(--assets-item-background-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__typography-entry:hover .main_ui_workspace_sidebar_options_menus_typography__element-set-actions {
  visibility: visible;
}

.main_ui_workspace_sidebar_options_menus_typography__typography-selection-wrapper {
  display: grid;
  grid-template-columns: 1.5rem auto 1fr;
  flex: 1;
  height: 100%;
  width: 100%;
  padding: 0 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_typography__typography-selection-wrapper.main_ui_workspace_sidebar_options_menus_typography__is-selectable {
  cursor: pointer;
}

.main_ui_workspace_sidebar_options_menus_typography__typography-sample {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1.5rem;
  height: 2rem;
  color: var(--assets-item-name-foreground-color);
}

.main_ui_workspace_sidebar_options_menus_typography__typography-name,
.main_ui_workspace_sidebar_options_menus_typography__typography-font {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_options_menus_typography__typography-font {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  color: var(--assets-item-name-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  box-sizing: border-box;
  background-color: var(--assets-item-background-color);
  margin-bottom: 0.25rem;
  padding: 0.5rem 0px 0.5rem 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-sample-input {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 100%;
  font-size: 1rem;
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__adv-typography-name {
  border: none;
  background: none;
  outline: none;
  font-size: 0.75rem;
  color: var(--input-foreground-color-active);
  flex-grow: 1;
  padding-left: 0.375rem;
  margin: 0;
}
.main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:active {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper:focus-within {
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper:focus-within .main_ui_workspace_sidebar_options_menus_typography__adv-typography-name {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_options_menus_typography__font-name-wrapper:hover {
  background-color: var(--assets-item-background-color-hover);
}

.main_ui_workspace_sidebar_options_menus_typography__advanced-options-wrapper {
  height: 100%;
  width: 100%;
  background-color: var(--assets-title-background-color);
}

.main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper {
  display: grid;
  grid-template-columns: 1.5rem auto 1fr 1.75rem;
  flex: 1;
  height: 2rem;
  width: 100%;
  padding: 0 0 0 0.75rem;
  background-color: var(--assets-item-background-color-hover);
  margin-bottom: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-sample {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1.5rem;
  font-size: 1rem;
  height: 2rem;
  padding: 0;
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}
.main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-font {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}
.main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn {
  width: 1.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__typography-name-wrapper .main_ui_workspace_sidebar_options_menus_typography__action-btn:active {
  background-color: transparent;
}
.main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__info-row {
  display: grid;
  grid-template-columns: 50% 50%;
  height: 2rem;
  --calcualted-width: calc(var(--width) - $s-48);
  padding-left: 0.125rem;
}
.main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__info-row .main_ui_workspace_sidebar_options_menus_typography__info-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(var(--calcualted-width) / 2);
  padding-top: 0.5rem;
  color: var(--assets-item-name-foreground-color);
}
.main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__info-row .main_ui_workspace_sidebar_options_menus_typography__info-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 0.5rem;
  width: calc(var(--calcualted-width) / 2);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__link-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  width: 100%;
  height: 2rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__link-btn: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;
}
.main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__link-btn:hover svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__link-btn: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);
}
.main_ui_workspace_sidebar_options_menus_typography__typography-info-wrapper .main_ui_workspace_sidebar_options_menus_typography__link-btn:focus svg {
  stroke: var(--button-secondary-foreground-color-focus);
}

.main_ui_workspace_sidebar_options_menus_typography__text-options {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_typography__text-options:not(.main_ui_workspace_sidebar_options_menus_typography__text-options-full-size) {
  position: relative;
}
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-option {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  padding: 0.5rem 0 0.5rem 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-option .main_ui_workspace_sidebar_options_menus_typography__name {
  flex-grow: 1;
}
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-option .main_ui_workspace_sidebar_options_menus_typography__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.75rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-option .main_ui_workspace_sidebar_options_menus_typography__icon svg {
  stroke: var(--icon-foreground);
  transform: rotate(90deg);
}
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-modifiers {
  display: flex;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-modifiers .main_ui_workspace_sidebar_options_menus_typography__font-size-options {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  flex-grow: 1;
  width: 3.75rem;
  margin: 0;
  padding: 0;
  border: 1px solid var(--input-border-color);
  position: relative;
}
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-modifiers .main_ui_workspace_sidebar_options_menus_typography__font-size-options .main_ui_workspace_sidebar_options_menus_typography__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.75rem;
  min-width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-modifiers .main_ui_workspace_sidebar_options_menus_typography__font-size-options .main_ui_workspace_sidebar_options_menus_typography__icon svg {
  stroke: var(--icon-foreground);
  transform: rotate(90deg);
}
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__font-modifiers .main_ui_workspace_sidebar_options_menus_typography__font-variant-options {
  padding: 0;
  flex-grow: 2;
}
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__line-height .main_ui_workspace_sidebar_options_menus_typography__icon,
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__spacing-options .main_ui_workspace_sidebar_options_menus_typography__letter-spacing .main_ui_workspace_sidebar_options_menus_typography__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__text-transform {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  background-color: var(--radio-btns-background-color);
}
.main_ui_workspace_sidebar_options_menus_typography__text-options .main_ui_workspace_sidebar_options_menus_typography__typography-variations .main_ui_workspace_sidebar_options_menus_typography__text-transform:hover {
  background-color: var(--radio-btns-background-color);
}

.main_ui_workspace_sidebar_options_menus_typography__font-size-select {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 2rem;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_typography__font-size-select .main_ui_workspace_sidebar_options_menus_typography__numeric-input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  padding: 0;
}

.main_ui_workspace_sidebar_options_menus_typography__font-selector {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
}

.main_ui_workspace_sidebar_options_menus_typography__show-recent {
  border-radius: 0.5rem 0.5rem 0 0;
  background: var(--dropdown-background-color);
  border: 1px solid var(--color-background-quaternary);
  border-block-end: none;
}

.main_ui_workspace_sidebar_options_menus_typography__font-selector-dropdown {
  width: 100%;
}
.main_ui_workspace_sidebar_options_menus_typography__font-selector-dropdown:not(.main_ui_workspace_sidebar_options_menus_typography__font-selector-dropdown-full-size) {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
}
.main_ui_workspace_sidebar_options_menus_typography__font-selector-dropdown .main_ui_workspace_sidebar_options_menus_typography__header {
  display: grid;
  row-gap: 0.125rem;
}
.main_ui_workspace_sidebar_options_menus_typography__font-selector-dropdown .main_ui_workspace_sidebar_options_menus_typography__header .main_ui_workspace_sidebar_options_menus_typography__title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--title-foreground-color);
  margin: 0;
  padding: 0.75rem;
}

.main_ui_workspace_sidebar_options_menus_typography__font-wrapper {
  padding-bottom: 0.25rem;
  cursor: pointer;
}

.main_ui_workspace_sidebar_options_menus_typography__font-item {
  margin-bottom: 0.25rem;
  border-radius: 0.5rem;
  display: flex;
}
.main_ui_workspace_sidebar_options_menus_typography__font-item .main_ui_workspace_sidebar_options_menus_typography__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.75rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_typography__font-item .main_ui_workspace_sidebar_options_menus_typography__icon svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_options_menus_typography__font-item.main_ui_workspace_sidebar_options_menus_typography__selected {
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__font-item.main_ui_workspace_sidebar_options_menus_typography__selected .main_ui_workspace_sidebar_options_menus_typography__icon svg {
  stroke: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_options_menus_typography__font-item .main_ui_workspace_sidebar_options_menus_typography__label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  flex-grow: 1;
}

.main_ui_workspace_sidebar_options_menus_typography__font-selector-dropdown-full-size {
  height: calc(100vh - 48px);
  display: grid;
  grid-template-rows: auto 1fr;
  padding: 0.125rem 0.75rem 0.75rem 0.75rem;
}

.main_ui_workspace_sidebar_options_menus_typography__fonts-list {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 100%;
  width: 100%;
  height: 100%;
  padding: 0.125rem;
  border-radius: 0.5rem;
  background-color: var(--dropdown-background-color);
  overflow: hidden;
}
.main_ui_workspace_sidebar_options_menus_typography__fonts-list:not(.main_ui_workspace_sidebar_options_menus_typography__fonts-list-full-size) {
  margin-block-start: 0.125rem;
}

.main_ui_workspace_sidebar_options_menus_typography__fonts-list-full-size {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border: 1px solid var(--color-background-quaternary);
}
.main_ui_workspace_sidebar_options_menus_typography__fonts-list-full-size .main_ui_workspace_sidebar_options_menus_typography__selected {
  padding-inline-end: 0;
}
@keyframes main_ui_workspace_sidebar_assets_colors__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_assets_colors__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_assets_colors__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_assets_colors__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_assets_colors__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_assets_colors__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_assets_colors__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_assets_colors__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_assets_colors__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_assets_colors__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_assets_colors__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_assets_colors__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_assets_colors__button-primary, .main_ui_workspace_sidebar_assets_colors__modal-danger-btn, .main_ui_workspace_sidebar_assets_colors__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_assets_colors__button-primary:focus-visible, .main_ui_workspace_sidebar_assets_colors__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_assets_colors__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_assets_colors__button-primary:focus-visible svg, .main_ui_workspace_sidebar_assets_colors__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_assets_colors__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_assets_colors__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_colors__button-primary svg, .main_ui_workspace_sidebar_assets_colors__modal-danger-btn svg, .main_ui_workspace_sidebar_assets_colors__modal-accept-btn svg,
.main_ui_workspace_sidebar_assets_colors__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_colors__button-primary:hover, .main_ui_workspace_sidebar_assets_colors__modal-danger-btn:hover, .main_ui_workspace_sidebar_assets_colors__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_assets_colors__button-primary:hover svg, .main_ui_workspace_sidebar_assets_colors__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_assets_colors__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_assets_colors__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_colors__button-primary:active, .main_ui_workspace_sidebar_assets_colors__modal-danger-btn:active, .main_ui_workspace_sidebar_assets_colors__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_assets_colors__button-primary:active svg, .main_ui_workspace_sidebar_assets_colors__modal-danger-btn:active svg, .main_ui_workspace_sidebar_assets_colors__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_assets_colors__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_colors__button-primary.disabled, .main_ui_workspace_sidebar_assets_colors__modal-danger-btn.disabled, .main_ui_workspace_sidebar_assets_colors__modal-accept-btn.disabled, .main_ui_workspace_sidebar_assets_colors__button-primary[disabled], [disabled].main_ui_workspace_sidebar_assets_colors__modal-danger-btn, [disabled].main_ui_workspace_sidebar_assets_colors__modal-accept-btn, .main_ui_workspace_sidebar_assets_colors__button-primary:disabled, .main_ui_workspace_sidebar_assets_colors__modal-danger-btn:disabled, .main_ui_workspace_sidebar_assets_colors__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_assets_colors__button-secondary, .main_ui_workspace_sidebar_assets_colors__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_colors__button-secondary:focus-visible, .main_ui_workspace_sidebar_assets_colors__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_colors__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_assets_colors__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_assets_colors__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_colors__button-secondary svg, .main_ui_workspace_sidebar_assets_colors__modal-cancel-btn svg,
.main_ui_workspace_sidebar_assets_colors__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_colors__button-secondary:hover, .main_ui_workspace_sidebar_assets_colors__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_assets_colors__button-secondary:hover svg, .main_ui_workspace_sidebar_assets_colors__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_assets_colors__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_colors__button-secondary:active, .main_ui_workspace_sidebar_assets_colors__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_assets_colors__button-secondary:active svg, .main_ui_workspace_sidebar_assets_colors__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_assets_colors__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_colors__button-secondary.disabled, .main_ui_workspace_sidebar_assets_colors__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_assets_colors__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_assets_colors__modal-cancel-btn, .main_ui_workspace_sidebar_assets_colors__button-secondary:disabled, .main_ui_workspace_sidebar_assets_colors__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_assets_colors__button-tertiary, .main_ui_workspace_sidebar_assets_colors__attr-title button, .main_ui_workspace_sidebar_assets_colors__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_assets_colors__button-tertiary:focus-visible, .main_ui_workspace_sidebar_assets_colors__attr-title button:focus-visible, .main_ui_workspace_sidebar_assets_colors__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_assets_colors__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_assets_colors__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_assets_colors__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_assets_colors__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_colors__button-tertiary svg, .main_ui_workspace_sidebar_assets_colors__attr-title button svg, .main_ui_workspace_sidebar_assets_colors__modal-close-btn-base svg,
.main_ui_workspace_sidebar_assets_colors__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_colors__button-tertiary:hover, .main_ui_workspace_sidebar_assets_colors__attr-title button:hover, .main_ui_workspace_sidebar_assets_colors__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_assets_colors__button-tertiary:hover svg, .main_ui_workspace_sidebar_assets_colors__attr-title button:hover svg, .main_ui_workspace_sidebar_assets_colors__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_assets_colors__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_colors__button-tertiary:active, .main_ui_workspace_sidebar_assets_colors__attr-title button:active, .main_ui_workspace_sidebar_assets_colors__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_colors__button-tertiary:active svg, .main_ui_workspace_sidebar_assets_colors__attr-title button:active svg, .main_ui_workspace_sidebar_assets_colors__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_assets_colors__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_colors__button-tertiary.disabled, .main_ui_workspace_sidebar_assets_colors__attr-title button.disabled, .main_ui_workspace_sidebar_assets_colors__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_assets_colors__button-tertiary[disabled], .main_ui_workspace_sidebar_assets_colors__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_assets_colors__modal-close-btn-base, .main_ui_workspace_sidebar_assets_colors__button-tertiary:disabled, .main_ui_workspace_sidebar_assets_colors__attr-title button:disabled, .main_ui_workspace_sidebar_assets_colors__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_assets_colors__button-tertiary.disabled svg, .main_ui_workspace_sidebar_assets_colors__attr-title button.disabled svg, .main_ui_workspace_sidebar_assets_colors__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_assets_colors__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_assets_colors__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_assets_colors__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_assets_colors__modal-close-btn-base svg,
.main_ui_workspace_sidebar_assets_colors__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_assets_colors__button-tertiary:disabled svg, .main_ui_workspace_sidebar_assets_colors__attr-title button:disabled svg, .main_ui_workspace_sidebar_assets_colors__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_assets_colors__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_assets_colors__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_assets_colors__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_assets_colors__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_assets_colors__button-radio: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);
}
.main_ui_workspace_sidebar_assets_colors__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_assets_colors__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_colors__button-radio svg,
.main_ui_workspace_sidebar_assets_colors__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_colors__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_assets_colors__button-radio:hover svg,
.main_ui_workspace_sidebar_assets_colors__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_colors__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_colors__button-radio:active svg,
.main_ui_workspace_sidebar_assets_colors__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_assets_colors__button-warning {
  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);
}

.main_ui_workspace_sidebar_assets_colors__button-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;
}

.main_ui_workspace_sidebar_assets_colors__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_assets_colors__button-tag: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);
}
.main_ui_workspace_sidebar_assets_colors__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_assets_colors__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_colors__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_colors__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_assets_colors__button-icon, .main_ui_workspace_sidebar_assets_colors__empty-icon svg, .main_ui_workspace_sidebar_assets_colors__modal-close-btn-base svg, .main_ui_workspace_sidebar_assets_colors__button-icon-small, .main_ui_workspace_sidebar_assets_colors__dropdown-element-base span svg, .main_ui_workspace_sidebar_assets_colors__attr-title button svg, .main_ui_workspace_sidebar_assets_colors__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_colors__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_assets_colors__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_colors__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_assets_colors__input-element span svg,
.main_ui_workspace_sidebar_assets_colors__input-element label svg, .main_ui_workspace_sidebar_assets_colors__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_assets_colors__button-icon-small, .main_ui_workspace_sidebar_assets_colors__dropdown-element-base span svg, .main_ui_workspace_sidebar_assets_colors__attr-title button svg, .main_ui_workspace_sidebar_assets_colors__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_colors__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_assets_colors__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_colors__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_assets_colors__input-element span svg,
.main_ui_workspace_sidebar_assets_colors__input-element label svg, .main_ui_workspace_sidebar_assets_colors__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_sidebar_assets_colors__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_sidebar_assets_colors__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_sidebar_assets_colors__input-base, .main_ui_workspace_sidebar_assets_colors__input-with-label input, .main_ui_workspace_sidebar_assets_colors__input-element-label input, .main_ui_workspace_sidebar_assets_colors__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_colors__input-base[disabled], .main_ui_workspace_sidebar_assets_colors__input-with-label input[disabled], .main_ui_workspace_sidebar_assets_colors__input-element-label input[disabled], .main_ui_workspace_sidebar_assets_colors__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_assets_colors__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_assets_colors__input-label, .main_ui_workspace_sidebar_assets_colors__input-element span,
.main_ui_workspace_sidebar_assets_colors__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_assets_colors__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_assets_colors__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_assets_colors__input-element span svg,
.main_ui_workspace_sidebar_assets_colors__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_assets_colors__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_colors__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_colors__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets_colors__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_colors__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_colors__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_assets_colors__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_colors__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_colors__input-element:focus, .main_ui_workspace_sidebar_assets_colors__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets_colors__input-element:focus span, .main_ui_workspace_sidebar_assets_colors__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_colors__input-element:focus input, .main_ui_workspace_sidebar_assets_colors__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_colors__input-element:focus:hover, .main_ui_workspace_sidebar_assets_colors__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets_colors__input-element:focus:hover span, .main_ui_workspace_sidebar_assets_colors__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_colors__input-element:focus:hover input, .main_ui_workspace_sidebar_assets_colors__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_assets_colors__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_assets_colors__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_assets_colors__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_colors__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_colors__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets_colors__input-element-label:focus-within input, .main_ui_workspace_sidebar_assets_colors__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_sidebar_assets_colors__disabled-input, .main_ui_workspace_sidebar_assets_colors__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_assets_colors__disabled-input input, .main_ui_workspace_sidebar_assets_colors__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_assets_colors__disabled-input span svg, .main_ui_workspace_sidebar_assets_colors__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_sidebar_assets_colors__checkbox-icon, .main_ui_workspace_sidebar_assets_colors__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_sidebar_assets_colors__checkbox-icon svg, .main_ui_workspace_sidebar_assets_colors__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_sidebar_assets_colors__checkbox-icon:hover, .main_ui_workspace_sidebar_assets_colors__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_assets_colors__checkbox-icon:focus, .main_ui_workspace_sidebar_assets_colors__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_sidebar_assets_colors__checkbox-icon.checked, .main_ui_workspace_sidebar_assets_colors__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_sidebar_assets_colors__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_colors__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_colors__checkbox-icon.intermediate, .main_ui_workspace_sidebar_assets_colors__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_sidebar_assets_colors__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_colors__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_sidebar_assets_colors__checkbox-icon.unchecked, .main_ui_workspace_sidebar_assets_colors__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_sidebar_assets_colors__checkbox-icon.unchecked svg, .main_ui_workspace_sidebar_assets_colors__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_sidebar_assets_colors__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_assets_colors__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_sidebar_assets_colors__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_sidebar_assets_colors__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_assets_colors__input-checkbox label:focus span, .main_ui_workspace_sidebar_assets_colors__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_sidebar_assets_colors__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_assets_colors__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_colors__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_colors__input-with-label input:focus-within, .main_ui_workspace_sidebar_assets_colors__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_assets_colors__input-with-label input:focus-within input, .main_ui_workspace_sidebar_assets_colors__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_colors__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_sidebar_assets_colors__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_sidebar_assets_colors__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_assets_colors__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_assets_colors__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_assets_colors__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_assets_colors__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_assets_colors__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_assets_colors__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_assets_colors__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_assets_colors__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_colors__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_colors__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_sidebar_assets_colors__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_assets_colors__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_assets_colors__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_assets_colors__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_sidebar_assets_colors__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_sidebar_assets_colors__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_assets_colors__colorpicker-handler:hover, .main_ui_workspace_sidebar_assets_colors__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_assets_colors__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_assets_colors__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_sidebar_assets_colors__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_colors__attr-title button {
  display: none;
}
.main_ui_workspace_sidebar_assets_colors__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_assets_colors__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_sidebar_assets_colors__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_assets_colors__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_assets_colors__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_assets_colors__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_assets_colors__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_colors__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_assets_colors__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_assets_colors__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_assets_colors__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_colors__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_assets_colors__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_assets_colors__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_assets_colors__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_colors__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_assets_colors__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_assets_colors__colors-group {
  margin-top: 0.25rem;
}

.main_ui_workspace_sidebar_assets_colors__asset-list {
  padding: 0 0 0 0.25rem;
}

.main_ui_workspace_sidebar_assets_colors__asset-list-item {
  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: 0.5rem;
  background-color: var(--assets-item-background-color);
  cursor: pointer;
}
.main_ui_workspace_sidebar_assets_colors__asset-list-item.main_ui_workspace_sidebar_assets_colors__selected {
  border: 1px solid var(--assets-item-border-color);
}
.main_ui_workspace_sidebar_assets_colors__asset-list-item.main_ui_workspace_sidebar_assets_colors__editing {
  border: 1px solid var(--input-border-color-focus);
}
.main_ui_workspace_sidebar_assets_colors__asset-list-item.main_ui_workspace_sidebar_assets_colors__editing input.main_ui_workspace_sidebar_assets_colors__element-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border: none;
  background: none;
  outline: none;
  flex-grow: 1;
  margin: 0;
  color: var(--layer-row-foreground-color);
}
.main_ui_workspace_sidebar_assets_colors__asset-list-item:hover {
  background-color: var(--assets-item-background-color-hover);
}

.main_ui_workspace_sidebar_assets_colors__bullet-block {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  justify-content: flex-start;
  margin-inline-end: 0.25rem;
}

.main_ui_workspace_sidebar_assets_colors__name-block {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  color: var(--assets-item-name-foreground-color);
}

.main_ui_workspace_sidebar_assets_colors__default-name {
  margin-inline-start: 0.25rem;
  color: var(--assets-item-name-foreground-color-rest);
}

.main_ui_workspace_sidebar_assets_colors__default-name-with-color {
  margin-left: 0.375rem;
}

.main_ui_workspace_sidebar_assets_colors__element-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-foreground-primary);
}

.main_ui_workspace_sidebar_assets_colors__grid-placeholder {
  height: 0.125rem;
  margin-bottom: 0.125rem;
  background-color: var(--color-accent-primary);
}

.main_ui_workspace_sidebar_assets_colors__drop-space {
  height: 0.75rem;
}

.main_ui_workspace_sidebar_assets_colors__dragging {
  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 main_ui_workspace_sidebar_assets_common__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_assets_common__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_assets_common__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_assets_common__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_assets_common__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_assets_common__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_assets_common__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_assets_common__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_assets_common__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_assets_common__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_assets_common__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_assets_common__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_assets_common__button-primary, .main_ui_workspace_sidebar_assets_common__modal-danger-btn, .main_ui_workspace_sidebar_assets_common__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_assets_common__button-primary:focus-visible, .main_ui_workspace_sidebar_assets_common__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_assets_common__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_assets_common__button-primary:focus-visible svg, .main_ui_workspace_sidebar_assets_common__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_assets_common__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_assets_common__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_common__button-primary svg, .main_ui_workspace_sidebar_assets_common__modal-danger-btn svg, .main_ui_workspace_sidebar_assets_common__modal-accept-btn svg,
.main_ui_workspace_sidebar_assets_common__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_common__button-primary:hover, .main_ui_workspace_sidebar_assets_common__modal-danger-btn:hover, .main_ui_workspace_sidebar_assets_common__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_assets_common__button-primary:hover svg, .main_ui_workspace_sidebar_assets_common__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_assets_common__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_assets_common__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_common__button-primary:active, .main_ui_workspace_sidebar_assets_common__modal-danger-btn:active, .main_ui_workspace_sidebar_assets_common__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_assets_common__button-primary:active svg, .main_ui_workspace_sidebar_assets_common__modal-danger-btn:active svg, .main_ui_workspace_sidebar_assets_common__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_assets_common__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_common__button-primary.disabled, .main_ui_workspace_sidebar_assets_common__modal-danger-btn.disabled, .main_ui_workspace_sidebar_assets_common__modal-accept-btn.disabled, .main_ui_workspace_sidebar_assets_common__button-primary[disabled], [disabled].main_ui_workspace_sidebar_assets_common__modal-danger-btn, [disabled].main_ui_workspace_sidebar_assets_common__modal-accept-btn, .main_ui_workspace_sidebar_assets_common__button-primary:disabled, .main_ui_workspace_sidebar_assets_common__modal-danger-btn:disabled, .main_ui_workspace_sidebar_assets_common__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_assets_common__button-secondary, .main_ui_workspace_sidebar_assets_common__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_common__button-secondary:focus-visible, .main_ui_workspace_sidebar_assets_common__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_common__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_assets_common__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_assets_common__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_common__button-secondary svg, .main_ui_workspace_sidebar_assets_common__modal-cancel-btn svg,
.main_ui_workspace_sidebar_assets_common__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_common__button-secondary:hover, .main_ui_workspace_sidebar_assets_common__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_assets_common__button-secondary:hover svg, .main_ui_workspace_sidebar_assets_common__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_assets_common__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_common__button-secondary:active, .main_ui_workspace_sidebar_assets_common__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_assets_common__button-secondary:active svg, .main_ui_workspace_sidebar_assets_common__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_assets_common__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_common__button-secondary.disabled, .main_ui_workspace_sidebar_assets_common__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_assets_common__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_assets_common__modal-cancel-btn, .main_ui_workspace_sidebar_assets_common__button-secondary:disabled, .main_ui_workspace_sidebar_assets_common__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_assets_common__button-tertiary, .main_ui_workspace_sidebar_assets_common__attr-title button, .main_ui_workspace_sidebar_assets_common__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_assets_common__button-tertiary:focus-visible, .main_ui_workspace_sidebar_assets_common__attr-title button:focus-visible, .main_ui_workspace_sidebar_assets_common__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_assets_common__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_assets_common__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_assets_common__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_assets_common__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_common__button-tertiary svg, .main_ui_workspace_sidebar_assets_common__attr-title button svg, .main_ui_workspace_sidebar_assets_common__modal-close-btn-base svg,
.main_ui_workspace_sidebar_assets_common__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_common__button-tertiary:hover, .main_ui_workspace_sidebar_assets_common__attr-title button:hover, .main_ui_workspace_sidebar_assets_common__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_assets_common__button-tertiary:hover svg, .main_ui_workspace_sidebar_assets_common__attr-title button:hover svg, .main_ui_workspace_sidebar_assets_common__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_assets_common__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_common__button-tertiary:active, .main_ui_workspace_sidebar_assets_common__attr-title button:active, .main_ui_workspace_sidebar_assets_common__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_common__button-tertiary:active svg, .main_ui_workspace_sidebar_assets_common__attr-title button:active svg, .main_ui_workspace_sidebar_assets_common__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_assets_common__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_common__button-tertiary.disabled, .main_ui_workspace_sidebar_assets_common__attr-title button.disabled, .main_ui_workspace_sidebar_assets_common__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_assets_common__button-tertiary[disabled], .main_ui_workspace_sidebar_assets_common__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_assets_common__modal-close-btn-base, .main_ui_workspace_sidebar_assets_common__button-tertiary:disabled, .main_ui_workspace_sidebar_assets_common__attr-title button:disabled, .main_ui_workspace_sidebar_assets_common__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_assets_common__button-tertiary.disabled svg, .main_ui_workspace_sidebar_assets_common__attr-title button.disabled svg, .main_ui_workspace_sidebar_assets_common__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_assets_common__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_assets_common__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_assets_common__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_assets_common__modal-close-btn-base svg,
.main_ui_workspace_sidebar_assets_common__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_assets_common__button-tertiary:disabled svg, .main_ui_workspace_sidebar_assets_common__attr-title button:disabled svg, .main_ui_workspace_sidebar_assets_common__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_assets_common__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_assets_common__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_assets_common__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_assets_common__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_assets_common__button-radio: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);
}
.main_ui_workspace_sidebar_assets_common__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_assets_common__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_common__button-radio svg,
.main_ui_workspace_sidebar_assets_common__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_common__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_assets_common__button-radio:hover svg,
.main_ui_workspace_sidebar_assets_common__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_common__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_common__button-radio:active svg,
.main_ui_workspace_sidebar_assets_common__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_assets_common__button-warning {
  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);
}

.main_ui_workspace_sidebar_assets_common__button-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;
}

.main_ui_workspace_sidebar_assets_common__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_assets_common__button-tag: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);
}
.main_ui_workspace_sidebar_assets_common__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_assets_common__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_common__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_common__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_assets_common__button-icon, .main_ui_workspace_sidebar_assets_common__empty-icon svg, .main_ui_workspace_sidebar_assets_common__modal-close-btn-base svg, .main_ui_workspace_sidebar_assets_common__button-icon-small, .main_ui_workspace_sidebar_assets_common__dropdown-element-base span svg, .main_ui_workspace_sidebar_assets_common__attr-title button svg, .main_ui_workspace_sidebar_assets_common__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_common__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_assets_common__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_common__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_assets_common__input-element span svg,
.main_ui_workspace_sidebar_assets_common__input-element label svg, .main_ui_workspace_sidebar_assets_common__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_assets_common__button-icon-small, .main_ui_workspace_sidebar_assets_common__dropdown-element-base span svg, .main_ui_workspace_sidebar_assets_common__attr-title button svg, .main_ui_workspace_sidebar_assets_common__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_common__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_assets_common__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_common__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_assets_common__input-element span svg,
.main_ui_workspace_sidebar_assets_common__input-element label svg, .main_ui_workspace_sidebar_assets_common__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_sidebar_assets_common__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_sidebar_assets_common__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_sidebar_assets_common__input-base, .main_ui_workspace_sidebar_assets_common__input-with-label input, .main_ui_workspace_sidebar_assets_common__input-element-label input, .main_ui_workspace_sidebar_assets_common__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_common__input-base[disabled], .main_ui_workspace_sidebar_assets_common__input-with-label input[disabled], .main_ui_workspace_sidebar_assets_common__input-element-label input[disabled], .main_ui_workspace_sidebar_assets_common__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_assets_common__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_assets_common__input-label, .main_ui_workspace_sidebar_assets_common__input-element span,
.main_ui_workspace_sidebar_assets_common__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_assets_common__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_assets_common__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_assets_common__input-element span svg,
.main_ui_workspace_sidebar_assets_common__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_assets_common__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_common__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_common__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets_common__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_common__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_common__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_assets_common__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_common__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_common__input-element:focus, .main_ui_workspace_sidebar_assets_common__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets_common__input-element:focus span, .main_ui_workspace_sidebar_assets_common__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_common__input-element:focus input, .main_ui_workspace_sidebar_assets_common__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_common__input-element:focus:hover, .main_ui_workspace_sidebar_assets_common__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets_common__input-element:focus:hover span, .main_ui_workspace_sidebar_assets_common__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_common__input-element:focus:hover input, .main_ui_workspace_sidebar_assets_common__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_assets_common__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_assets_common__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_assets_common__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_common__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_common__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets_common__input-element-label:focus-within input, .main_ui_workspace_sidebar_assets_common__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_sidebar_assets_common__disabled-input, .main_ui_workspace_sidebar_assets_common__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_assets_common__disabled-input input, .main_ui_workspace_sidebar_assets_common__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_assets_common__disabled-input span svg, .main_ui_workspace_sidebar_assets_common__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_sidebar_assets_common__checkbox-icon, .main_ui_workspace_sidebar_assets_common__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_sidebar_assets_common__checkbox-icon svg, .main_ui_workspace_sidebar_assets_common__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_sidebar_assets_common__checkbox-icon:hover, .main_ui_workspace_sidebar_assets_common__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_assets_common__checkbox-icon:focus, .main_ui_workspace_sidebar_assets_common__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_sidebar_assets_common__checkbox-icon.checked, .main_ui_workspace_sidebar_assets_common__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_sidebar_assets_common__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_common__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_common__checkbox-icon.intermediate, .main_ui_workspace_sidebar_assets_common__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_sidebar_assets_common__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_common__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_sidebar_assets_common__checkbox-icon.unchecked, .main_ui_workspace_sidebar_assets_common__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_sidebar_assets_common__checkbox-icon.unchecked svg, .main_ui_workspace_sidebar_assets_common__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_sidebar_assets_common__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_assets_common__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_sidebar_assets_common__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_sidebar_assets_common__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_assets_common__input-checkbox label:focus span, .main_ui_workspace_sidebar_assets_common__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_sidebar_assets_common__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_assets_common__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_common__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_common__input-with-label input:focus-within, .main_ui_workspace_sidebar_assets_common__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_assets_common__input-with-label input:focus-within input, .main_ui_workspace_sidebar_assets_common__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_common__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_sidebar_assets_common__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_sidebar_assets_common__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_assets_common__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_assets_common__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_assets_common__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_assets_common__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_assets_common__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_assets_common__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_assets_common__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_assets_common__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_common__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_common__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_sidebar_assets_common__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_assets_common__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_assets_common__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_assets_common__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_sidebar_assets_common__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_sidebar_assets_common__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_assets_common__colorpicker-handler:hover, .main_ui_workspace_sidebar_assets_common__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_assets_common__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_assets_common__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_sidebar_assets_common__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_common__attr-title button {
  display: none;
}
.main_ui_workspace_sidebar_assets_common__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_assets_common__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_sidebar_assets_common__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_assets_common__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_assets_common__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_assets_common__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_assets_common__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_common__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_assets_common__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_assets_common__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_assets_common__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_common__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_assets_common__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_assets_common__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_assets_common__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_common__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_assets_common__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_assets_common__title-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  flex-grow: 1;
  width: 100%;
}

.main_ui_workspace_sidebar_assets_common__title-tokens {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  text-transform: capitalize;
}

.main_ui_workspace_sidebar_assets_common__title-tokens-active {
  color: var(--assets-item-name-foreground-color, --color-foreground-primary);
}

.main_ui_workspace_sidebar_assets_common__section-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 0.125rem;
}
.main_ui_workspace_sidebar_assets_common__section-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  fill: none;
  stroke: currentColor;
}

.main_ui_workspace_sidebar_assets_common__section-name {
  display: flex;
  align-items: center;
  margin: 0 0.125rem;
}

.main_ui_workspace_sidebar_assets_common__num-assets {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 0.5rem;
}

.main_ui_workspace_sidebar_assets_common__title-spacing {
  padding-block-start: 0.25rem;
}

.main_ui_workspace_sidebar_assets_common__asset-section.main_ui_workspace_sidebar_assets_common__opened {
  margin-bottom: 0.75rem;
}

.main_ui_workspace_sidebar_assets_common__drag-counter {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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;
}
@keyframes main_ui_workspace_sidebar_assets_components__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_assets_components__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_assets_components__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_assets_components__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_assets_components__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_assets_components__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_assets_components__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_assets_components__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_assets_components__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_assets_components__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_assets_components__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_assets_components__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_assets_components__button-primary, .main_ui_workspace_sidebar_assets_components__modal-danger-btn, .main_ui_workspace_sidebar_assets_components__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_assets_components__button-primary:focus-visible, .main_ui_workspace_sidebar_assets_components__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_assets_components__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_assets_components__button-primary:focus-visible svg, .main_ui_workspace_sidebar_assets_components__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_assets_components__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_assets_components__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_components__button-primary svg, .main_ui_workspace_sidebar_assets_components__modal-danger-btn svg, .main_ui_workspace_sidebar_assets_components__modal-accept-btn svg,
.main_ui_workspace_sidebar_assets_components__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_components__button-primary:hover, .main_ui_workspace_sidebar_assets_components__modal-danger-btn:hover, .main_ui_workspace_sidebar_assets_components__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_assets_components__button-primary:hover svg, .main_ui_workspace_sidebar_assets_components__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_assets_components__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_assets_components__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_components__button-primary:active, .main_ui_workspace_sidebar_assets_components__modal-danger-btn:active, .main_ui_workspace_sidebar_assets_components__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_assets_components__button-primary:active svg, .main_ui_workspace_sidebar_assets_components__modal-danger-btn:active svg, .main_ui_workspace_sidebar_assets_components__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_assets_components__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_components__button-primary.disabled, .main_ui_workspace_sidebar_assets_components__modal-danger-btn.disabled, .main_ui_workspace_sidebar_assets_components__modal-accept-btn.disabled, .main_ui_workspace_sidebar_assets_components__button-primary[disabled], [disabled].main_ui_workspace_sidebar_assets_components__modal-danger-btn, [disabled].main_ui_workspace_sidebar_assets_components__modal-accept-btn, .main_ui_workspace_sidebar_assets_components__button-primary:disabled, .main_ui_workspace_sidebar_assets_components__modal-danger-btn:disabled, .main_ui_workspace_sidebar_assets_components__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_assets_components__button-secondary, .main_ui_workspace_sidebar_assets_components__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_components__button-secondary:focus-visible, .main_ui_workspace_sidebar_assets_components__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_components__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_assets_components__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_assets_components__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_components__button-secondary svg, .main_ui_workspace_sidebar_assets_components__modal-cancel-btn svg,
.main_ui_workspace_sidebar_assets_components__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_components__button-secondary:hover, .main_ui_workspace_sidebar_assets_components__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_assets_components__button-secondary:hover svg, .main_ui_workspace_sidebar_assets_components__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_assets_components__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_components__button-secondary:active, .main_ui_workspace_sidebar_assets_components__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_assets_components__button-secondary:active svg, .main_ui_workspace_sidebar_assets_components__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_assets_components__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_components__button-secondary.disabled, .main_ui_workspace_sidebar_assets_components__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_assets_components__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_assets_components__modal-cancel-btn, .main_ui_workspace_sidebar_assets_components__button-secondary:disabled, .main_ui_workspace_sidebar_assets_components__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_assets_components__button-tertiary, .main_ui_workspace_sidebar_assets_components__attr-title button, .main_ui_workspace_sidebar_assets_components__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_assets_components__button-tertiary:focus-visible, .main_ui_workspace_sidebar_assets_components__attr-title button:focus-visible, .main_ui_workspace_sidebar_assets_components__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_assets_components__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_assets_components__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_assets_components__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_assets_components__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_components__button-tertiary svg, .main_ui_workspace_sidebar_assets_components__attr-title button svg, .main_ui_workspace_sidebar_assets_components__modal-close-btn-base svg,
.main_ui_workspace_sidebar_assets_components__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_components__button-tertiary:hover, .main_ui_workspace_sidebar_assets_components__attr-title button:hover, .main_ui_workspace_sidebar_assets_components__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_assets_components__button-tertiary:hover svg, .main_ui_workspace_sidebar_assets_components__attr-title button:hover svg, .main_ui_workspace_sidebar_assets_components__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_assets_components__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_components__button-tertiary:active, .main_ui_workspace_sidebar_assets_components__attr-title button:active, .main_ui_workspace_sidebar_assets_components__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_components__button-tertiary:active svg, .main_ui_workspace_sidebar_assets_components__attr-title button:active svg, .main_ui_workspace_sidebar_assets_components__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_assets_components__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_components__button-tertiary.disabled, .main_ui_workspace_sidebar_assets_components__attr-title button.disabled, .main_ui_workspace_sidebar_assets_components__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_assets_components__button-tertiary[disabled], .main_ui_workspace_sidebar_assets_components__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_assets_components__modal-close-btn-base, .main_ui_workspace_sidebar_assets_components__button-tertiary:disabled, .main_ui_workspace_sidebar_assets_components__attr-title button:disabled, .main_ui_workspace_sidebar_assets_components__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_assets_components__button-tertiary.disabled svg, .main_ui_workspace_sidebar_assets_components__attr-title button.disabled svg, .main_ui_workspace_sidebar_assets_components__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_assets_components__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_assets_components__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_assets_components__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_assets_components__modal-close-btn-base svg,
.main_ui_workspace_sidebar_assets_components__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_assets_components__button-tertiary:disabled svg, .main_ui_workspace_sidebar_assets_components__attr-title button:disabled svg, .main_ui_workspace_sidebar_assets_components__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_assets_components__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_assets_components__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_assets_components__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_assets_components__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_assets_components__button-radio: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);
}
.main_ui_workspace_sidebar_assets_components__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_assets_components__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_components__button-radio svg,
.main_ui_workspace_sidebar_assets_components__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_components__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_assets_components__button-radio:hover svg,
.main_ui_workspace_sidebar_assets_components__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_components__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_components__button-radio:active svg,
.main_ui_workspace_sidebar_assets_components__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_assets_components__button-warning {
  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);
}

.main_ui_workspace_sidebar_assets_components__button-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;
}

.main_ui_workspace_sidebar_assets_components__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_assets_components__button-tag: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);
}
.main_ui_workspace_sidebar_assets_components__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_assets_components__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_components__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_components__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_assets_components__button-icon, .main_ui_workspace_sidebar_assets_components__empty-icon svg, .main_ui_workspace_sidebar_assets_components__modal-close-btn-base svg, .main_ui_workspace_sidebar_assets_components__button-icon-small, .main_ui_workspace_sidebar_assets_components__component-icon svg, .main_ui_workspace_sidebar_assets_components__dropdown-element-base span svg, .main_ui_workspace_sidebar_assets_components__attr-title button svg, .main_ui_workspace_sidebar_assets_components__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_components__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_assets_components__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_components__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_assets_components__input-element span svg,
.main_ui_workspace_sidebar_assets_components__input-element label svg, .main_ui_workspace_sidebar_assets_components__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_assets_components__button-icon-small, .main_ui_workspace_sidebar_assets_components__component-icon svg, .main_ui_workspace_sidebar_assets_components__dropdown-element-base span svg, .main_ui_workspace_sidebar_assets_components__attr-title button svg, .main_ui_workspace_sidebar_assets_components__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_components__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_assets_components__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_components__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_assets_components__input-element span svg,
.main_ui_workspace_sidebar_assets_components__input-element label svg, .main_ui_workspace_sidebar_assets_components__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_sidebar_assets_components__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_sidebar_assets_components__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_sidebar_assets_components__input-base, .main_ui_workspace_sidebar_assets_components__input-with-label input, .main_ui_workspace_sidebar_assets_components__input-element-label input, .main_ui_workspace_sidebar_assets_components__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_components__input-base[disabled], .main_ui_workspace_sidebar_assets_components__input-with-label input[disabled], .main_ui_workspace_sidebar_assets_components__input-element-label input[disabled], .main_ui_workspace_sidebar_assets_components__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_assets_components__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_assets_components__input-label, .main_ui_workspace_sidebar_assets_components__input-element span,
.main_ui_workspace_sidebar_assets_components__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_assets_components__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_assets_components__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_assets_components__input-element span svg,
.main_ui_workspace_sidebar_assets_components__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_assets_components__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_components__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_components__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets_components__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_components__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_components__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_assets_components__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_components__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_components__input-element:focus, .main_ui_workspace_sidebar_assets_components__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets_components__input-element:focus span, .main_ui_workspace_sidebar_assets_components__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_components__input-element:focus input, .main_ui_workspace_sidebar_assets_components__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_components__input-element:focus:hover, .main_ui_workspace_sidebar_assets_components__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets_components__input-element:focus:hover span, .main_ui_workspace_sidebar_assets_components__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_components__input-element:focus:hover input, .main_ui_workspace_sidebar_assets_components__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_assets_components__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_assets_components__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_assets_components__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_components__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_components__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets_components__input-element-label:focus-within input, .main_ui_workspace_sidebar_assets_components__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_sidebar_assets_components__disabled-input, .main_ui_workspace_sidebar_assets_components__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_assets_components__disabled-input input, .main_ui_workspace_sidebar_assets_components__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_assets_components__disabled-input span svg, .main_ui_workspace_sidebar_assets_components__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_sidebar_assets_components__checkbox-icon, .main_ui_workspace_sidebar_assets_components__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_sidebar_assets_components__checkbox-icon svg, .main_ui_workspace_sidebar_assets_components__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_sidebar_assets_components__checkbox-icon:hover, .main_ui_workspace_sidebar_assets_components__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_assets_components__checkbox-icon:focus, .main_ui_workspace_sidebar_assets_components__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_sidebar_assets_components__checkbox-icon.checked, .main_ui_workspace_sidebar_assets_components__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_sidebar_assets_components__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_components__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_components__checkbox-icon.intermediate, .main_ui_workspace_sidebar_assets_components__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_sidebar_assets_components__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_components__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_sidebar_assets_components__checkbox-icon.unchecked, .main_ui_workspace_sidebar_assets_components__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_sidebar_assets_components__checkbox-icon.unchecked svg, .main_ui_workspace_sidebar_assets_components__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_sidebar_assets_components__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_assets_components__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_sidebar_assets_components__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_sidebar_assets_components__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_assets_components__input-checkbox label:focus span, .main_ui_workspace_sidebar_assets_components__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_sidebar_assets_components__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_assets_components__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_components__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_components__input-with-label input:focus-within, .main_ui_workspace_sidebar_assets_components__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_assets_components__input-with-label input:focus-within input, .main_ui_workspace_sidebar_assets_components__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_components__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_sidebar_assets_components__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_sidebar_assets_components__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_assets_components__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_assets_components__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_assets_components__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_assets_components__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_assets_components__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_assets_components__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_assets_components__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_assets_components__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_components__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_components__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_sidebar_assets_components__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_assets_components__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_assets_components__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_assets_components__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_sidebar_assets_components__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_sidebar_assets_components__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_assets_components__colorpicker-handler:hover, .main_ui_workspace_sidebar_assets_components__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_assets_components__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_assets_components__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_sidebar_assets_components__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_components__attr-title button {
  display: none;
}
.main_ui_workspace_sidebar_assets_components__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_assets_components__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_sidebar_assets_components__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_assets_components__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_assets_components__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_assets_components__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_assets_components__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_components__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_assets_components__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_assets_components__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_assets_components__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_components__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_assets_components__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_assets_components__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_assets_components__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_components__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_assets_components__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_assets_components__drop-space {
  height: 0.75rem;
}

.main_ui_workspace_sidebar_assets_components__drop-space-small {
  height: 0.125rem;
}

.main_ui_workspace_sidebar_assets_components__asset-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
  max-width: 100%;
  gap: 0.25rem;
  margin-inline: 0.5rem;
}

.main_ui_workspace_sidebar_assets_components__grid-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  aspect-ratio: 1/1;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--assets-component-background-color);
  overflow: hidden;
  cursor: pointer;
}
.main_ui_workspace_sidebar_assets_components__grid-cell .main_ui_workspace_sidebar_assets_components__cell-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
  position: absolute;
  left: 0.25rem;
  bottom: 0.25rem;
  height: calc(1.5rem - 0.125rem);
  width: calc(100% - 0.5rem);
  padding: 0.125rem 0.375rem;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  border-radius: 0.25rem;
  background-color: var(--assets-item-name-background-color);
  border: 1px solid transparent;
  color: var(--assets-item-name-foreground-color);
}
.main_ui_workspace_sidebar_assets_components__grid-cell .main_ui_workspace_sidebar_assets_components__cell-name input {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border: none;
  background: none;
  outline: none;
  height: auto;
  padding: 0;
}
.main_ui_workspace_sidebar_assets_components__grid-cell .main_ui_workspace_sidebar_assets_components__cell-name span {
  display: flex;
  align-items: center;
  height: 100%;
}
.main_ui_workspace_sidebar_assets_components__grid-cell .main_ui_workspace_sidebar_assets_components__cell-name.main_ui_workspace_sidebar_assets_components__editing {
  border-color: var(--input-border-color-focus);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_assets_components__grid-cell:hover .main_ui_workspace_sidebar_assets_components__cell-name {
  display: block;
}
.main_ui_workspace_sidebar_assets_components__grid-cell.main_ui_workspace_sidebar_assets_components__selected {
  border: 0.125rem solid var(--assets-item-border-color);
}
.main_ui_workspace_sidebar_assets_components__grid-cell.main_ui_workspace_sidebar_assets_components__selected::before {
  content: " ";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0.25rem solid var(--assets-component-second-border-selected);
  border-radius: 0.5rem;
}

.main_ui_workspace_sidebar_assets_components__component-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_assets_components__thumbnail {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  border: 0;
}

.main_ui_workspace_sidebar_assets_components__grid-placeholder {
  width: 100%;
  border-radius: 0.5rem;
  background-color: var(--assets-item-background-color-drag);
  border: 0.125rem solid var(--assets-item-border-color-drag);
}

.main_ui_workspace_sidebar_assets_components__enum-item {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  height: 2.75rem;
  padding: 0.125rem;
  border-radius: 0.5rem;
  background-color: var(--assets-item-background-color);
  cursor: pointer;
}
.main_ui_workspace_sidebar_assets_components__enum-item:not(:last-child) {
  margin-bottom: 0.25rem;
}
.main_ui_workspace_sidebar_assets_components__enum-item:hover {
  background-color: var(--assets-item-background-color-hover);
}
.main_ui_workspace_sidebar_assets_components__enum-item:hover .main_ui_workspace_sidebar_assets_components__item-name {
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_components__enum-item:hover .main_ui_workspace_sidebar_assets_components__item-name.main_ui_workspace_sidebar_assets_components__editing {
  background: var(--input-background-color);
}
.main_ui_workspace_sidebar_assets_components__enum-item:hover .main_ui_workspace_sidebar_assets_components__item-name.main_ui_workspace_sidebar_assets_components__editing input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_components__enum-item:hover .main_ui_workspace_sidebar_assets_components__item-name.main_ui_workspace_sidebar_assets_components__editing span svg {
  stroke: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_components__enum-item.main_ui_workspace_sidebar_assets_components__selected {
  border: 1px solid var(--assets-item-border-color);
}

.main_ui_workspace_sidebar_assets_components__enum-item-with-mark {
  grid-template-columns: auto 1fr 1.5rem;
}

.main_ui_workspace_sidebar_assets_components__item-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  order: 2;
  color: var(--assets-item-name-foreground-color);
}
.main_ui_workspace_sidebar_assets_components__item-name input {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border: none;
  background: none;
  outline: none;
  height: 2rem;
  padding: 0.25rem;
}
.main_ui_workspace_sidebar_assets_components__item-name span {
  display: flex;
  place-items: center;
  padding-inline-end: 0.25rem;
}
.main_ui_workspace_sidebar_assets_components__item-name.main_ui_workspace_sidebar_assets_components__editing {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border: 1px solid var(--input-border-color-focus);
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
}

.main_ui_workspace_sidebar_assets_components__asset-list-thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 0.125rem;
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 0.375rem;
  background-color: var(--assets-component-background-color);
}

.main_ui_workspace_sidebar_assets_components__grid-placeholder {
  height: 0.125rem;
  width: 100%;
  background-color: var(--color-accent-primary);
}

.main_ui_workspace_sidebar_assets_components__listing-options {
  display: flex;
  align-items: center;
}

.main_ui_workspace_sidebar_assets_components__dragging {
  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);
}

.main_ui_workspace_sidebar_assets_components__variant-mark {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
}

.main_ui_workspace_sidebar_assets_components__variant-mark-cell {
  position: absolute;
  right: 0.125rem;
  top: 0.125rem;
}

.main_ui_workspace_sidebar_assets_components__component-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  order: 3;
}
.main_ui_workspace_sidebar_assets_components__component-icon svg {
  stroke: var(--color-accent-secondary);
}
@keyframes main_ui_workspace_sidebar_assets_file_library__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_assets_file_library__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_assets_file_library__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_assets_file_library__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_assets_file_library__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_assets_file_library__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_assets_file_library__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_assets_file_library__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_assets_file_library__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_assets_file_library__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_assets_file_library__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_assets_file_library__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_assets_file_library__button-primary, .main_ui_workspace_sidebar_assets_file_library__modal-danger-btn, .main_ui_workspace_sidebar_assets_file_library__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_assets_file_library__button-primary:focus-visible, .main_ui_workspace_sidebar_assets_file_library__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_assets_file_library__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_assets_file_library__button-primary:focus-visible svg, .main_ui_workspace_sidebar_assets_file_library__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_assets_file_library__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_assets_file_library__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_file_library__button-primary svg, .main_ui_workspace_sidebar_assets_file_library__modal-danger-btn svg, .main_ui_workspace_sidebar_assets_file_library__modal-accept-btn svg,
.main_ui_workspace_sidebar_assets_file_library__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_file_library__button-primary:hover, .main_ui_workspace_sidebar_assets_file_library__modal-danger-btn:hover, .main_ui_workspace_sidebar_assets_file_library__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_assets_file_library__button-primary:hover svg, .main_ui_workspace_sidebar_assets_file_library__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_assets_file_library__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_assets_file_library__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_file_library__button-primary:active, .main_ui_workspace_sidebar_assets_file_library__modal-danger-btn:active, .main_ui_workspace_sidebar_assets_file_library__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_assets_file_library__button-primary:active svg, .main_ui_workspace_sidebar_assets_file_library__modal-danger-btn:active svg, .main_ui_workspace_sidebar_assets_file_library__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_assets_file_library__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_file_library__button-primary.disabled, .main_ui_workspace_sidebar_assets_file_library__modal-danger-btn.disabled, .main_ui_workspace_sidebar_assets_file_library__modal-accept-btn.disabled, .main_ui_workspace_sidebar_assets_file_library__button-primary[disabled], [disabled].main_ui_workspace_sidebar_assets_file_library__modal-danger-btn, [disabled].main_ui_workspace_sidebar_assets_file_library__modal-accept-btn, .main_ui_workspace_sidebar_assets_file_library__button-primary:disabled, .main_ui_workspace_sidebar_assets_file_library__modal-danger-btn:disabled, .main_ui_workspace_sidebar_assets_file_library__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_assets_file_library__button-secondary, .main_ui_workspace_sidebar_assets_file_library__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_file_library__button-secondary:focus-visible, .main_ui_workspace_sidebar_assets_file_library__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_file_library__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_assets_file_library__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_assets_file_library__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_file_library__button-secondary svg, .main_ui_workspace_sidebar_assets_file_library__modal-cancel-btn svg,
.main_ui_workspace_sidebar_assets_file_library__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_file_library__button-secondary:hover, .main_ui_workspace_sidebar_assets_file_library__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_assets_file_library__button-secondary:hover svg, .main_ui_workspace_sidebar_assets_file_library__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_assets_file_library__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_file_library__button-secondary:active, .main_ui_workspace_sidebar_assets_file_library__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_assets_file_library__button-secondary:active svg, .main_ui_workspace_sidebar_assets_file_library__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_assets_file_library__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_file_library__button-secondary.disabled, .main_ui_workspace_sidebar_assets_file_library__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_assets_file_library__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_assets_file_library__modal-cancel-btn, .main_ui_workspace_sidebar_assets_file_library__button-secondary:disabled, .main_ui_workspace_sidebar_assets_file_library__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_assets_file_library__button-tertiary, .main_ui_workspace_sidebar_assets_file_library__file-link, .main_ui_workspace_sidebar_assets_file_library__attr-title button, .main_ui_workspace_sidebar_assets_file_library__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_assets_file_library__button-tertiary:focus-visible, .main_ui_workspace_sidebar_assets_file_library__file-link:focus-visible, .main_ui_workspace_sidebar_assets_file_library__attr-title button:focus-visible, .main_ui_workspace_sidebar_assets_file_library__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_assets_file_library__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_assets_file_library__file-link:focus-visible svg, .main_ui_workspace_sidebar_assets_file_library__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_assets_file_library__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_assets_file_library__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_file_library__button-tertiary svg, .main_ui_workspace_sidebar_assets_file_library__file-link svg, .main_ui_workspace_sidebar_assets_file_library__attr-title button svg, .main_ui_workspace_sidebar_assets_file_library__modal-close-btn-base svg,
.main_ui_workspace_sidebar_assets_file_library__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_file_library__button-tertiary:hover, .main_ui_workspace_sidebar_assets_file_library__file-link:hover, .main_ui_workspace_sidebar_assets_file_library__attr-title button:hover, .main_ui_workspace_sidebar_assets_file_library__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_assets_file_library__button-tertiary:hover svg, .main_ui_workspace_sidebar_assets_file_library__file-link:hover svg, .main_ui_workspace_sidebar_assets_file_library__attr-title button:hover svg, .main_ui_workspace_sidebar_assets_file_library__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_assets_file_library__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_file_library__button-tertiary:active, .main_ui_workspace_sidebar_assets_file_library__file-link:active, .main_ui_workspace_sidebar_assets_file_library__attr-title button:active, .main_ui_workspace_sidebar_assets_file_library__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_file_library__button-tertiary:active svg, .main_ui_workspace_sidebar_assets_file_library__file-link:active svg, .main_ui_workspace_sidebar_assets_file_library__attr-title button:active svg, .main_ui_workspace_sidebar_assets_file_library__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_assets_file_library__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_file_library__button-tertiary.disabled, .main_ui_workspace_sidebar_assets_file_library__file-link.disabled, .main_ui_workspace_sidebar_assets_file_library__attr-title button.disabled, .main_ui_workspace_sidebar_assets_file_library__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_assets_file_library__button-tertiary[disabled], [disabled].main_ui_workspace_sidebar_assets_file_library__file-link, .main_ui_workspace_sidebar_assets_file_library__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_assets_file_library__modal-close-btn-base, .main_ui_workspace_sidebar_assets_file_library__button-tertiary:disabled, .main_ui_workspace_sidebar_assets_file_library__file-link:disabled, .main_ui_workspace_sidebar_assets_file_library__attr-title button:disabled, .main_ui_workspace_sidebar_assets_file_library__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_assets_file_library__button-tertiary.disabled svg, .main_ui_workspace_sidebar_assets_file_library__file-link.disabled svg, .main_ui_workspace_sidebar_assets_file_library__attr-title button.disabled svg, .main_ui_workspace_sidebar_assets_file_library__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_assets_file_library__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_assets_file_library__button-tertiary[disabled] svg, [disabled].main_ui_workspace_sidebar_assets_file_library__file-link svg, .main_ui_workspace_sidebar_assets_file_library__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_assets_file_library__modal-close-btn-base svg,
.main_ui_workspace_sidebar_assets_file_library__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_assets_file_library__button-tertiary:disabled svg, .main_ui_workspace_sidebar_assets_file_library__file-link:disabled svg, .main_ui_workspace_sidebar_assets_file_library__attr-title button:disabled svg, .main_ui_workspace_sidebar_assets_file_library__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_assets_file_library__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_assets_file_library__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_assets_file_library__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_assets_file_library__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_assets_file_library__button-radio: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);
}
.main_ui_workspace_sidebar_assets_file_library__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_assets_file_library__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_file_library__button-radio svg,
.main_ui_workspace_sidebar_assets_file_library__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_file_library__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_assets_file_library__button-radio:hover svg,
.main_ui_workspace_sidebar_assets_file_library__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_file_library__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_file_library__button-radio:active svg,
.main_ui_workspace_sidebar_assets_file_library__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_assets_file_library__button-warning {
  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);
}

.main_ui_workspace_sidebar_assets_file_library__button-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;
}

.main_ui_workspace_sidebar_assets_file_library__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_assets_file_library__button-tag: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);
}
.main_ui_workspace_sidebar_assets_file_library__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_assets_file_library__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_file_library__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_file_library__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_assets_file_library__button-icon, .main_ui_workspace_sidebar_assets_file_library__no-found-icon svg, .main_ui_workspace_sidebar_assets_file_library__file-link svg, .main_ui_workspace_sidebar_assets_file_library__empty-icon svg, .main_ui_workspace_sidebar_assets_file_library__modal-close-btn-base svg, .main_ui_workspace_sidebar_assets_file_library__button-icon-small, .main_ui_workspace_sidebar_assets_file_library__dropdown-element-base span svg, .main_ui_workspace_sidebar_assets_file_library__attr-title button svg, .main_ui_workspace_sidebar_assets_file_library__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_file_library__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_assets_file_library__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_file_library__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_assets_file_library__input-element span svg,
.main_ui_workspace_sidebar_assets_file_library__input-element label svg, .main_ui_workspace_sidebar_assets_file_library__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_assets_file_library__button-icon-small, .main_ui_workspace_sidebar_assets_file_library__dropdown-element-base span svg, .main_ui_workspace_sidebar_assets_file_library__attr-title button svg, .main_ui_workspace_sidebar_assets_file_library__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_file_library__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_assets_file_library__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_file_library__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_assets_file_library__input-element span svg,
.main_ui_workspace_sidebar_assets_file_library__input-element label svg, .main_ui_workspace_sidebar_assets_file_library__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_sidebar_assets_file_library__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_sidebar_assets_file_library__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_sidebar_assets_file_library__input-base, .main_ui_workspace_sidebar_assets_file_library__input-with-label input, .main_ui_workspace_sidebar_assets_file_library__input-element-label input, .main_ui_workspace_sidebar_assets_file_library__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_file_library__input-base[disabled], .main_ui_workspace_sidebar_assets_file_library__input-with-label input[disabled], .main_ui_workspace_sidebar_assets_file_library__input-element-label input[disabled], .main_ui_workspace_sidebar_assets_file_library__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_assets_file_library__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_assets_file_library__input-label, .main_ui_workspace_sidebar_assets_file_library__input-element span,
.main_ui_workspace_sidebar_assets_file_library__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_assets_file_library__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_assets_file_library__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_assets_file_library__input-element span svg,
.main_ui_workspace_sidebar_assets_file_library__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_assets_file_library__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_file_library__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_file_library__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets_file_library__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_file_library__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_file_library__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_assets_file_library__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_file_library__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_file_library__input-element:focus, .main_ui_workspace_sidebar_assets_file_library__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets_file_library__input-element:focus span, .main_ui_workspace_sidebar_assets_file_library__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_file_library__input-element:focus input, .main_ui_workspace_sidebar_assets_file_library__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_file_library__input-element:focus:hover, .main_ui_workspace_sidebar_assets_file_library__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets_file_library__input-element:focus:hover span, .main_ui_workspace_sidebar_assets_file_library__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_file_library__input-element:focus:hover input, .main_ui_workspace_sidebar_assets_file_library__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_assets_file_library__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_assets_file_library__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_assets_file_library__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_file_library__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_file_library__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets_file_library__input-element-label:focus-within input, .main_ui_workspace_sidebar_assets_file_library__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_sidebar_assets_file_library__disabled-input, .main_ui_workspace_sidebar_assets_file_library__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_assets_file_library__disabled-input input, .main_ui_workspace_sidebar_assets_file_library__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_assets_file_library__disabled-input span svg, .main_ui_workspace_sidebar_assets_file_library__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_sidebar_assets_file_library__checkbox-icon, .main_ui_workspace_sidebar_assets_file_library__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_sidebar_assets_file_library__checkbox-icon svg, .main_ui_workspace_sidebar_assets_file_library__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_sidebar_assets_file_library__checkbox-icon:hover, .main_ui_workspace_sidebar_assets_file_library__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_assets_file_library__checkbox-icon:focus, .main_ui_workspace_sidebar_assets_file_library__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_sidebar_assets_file_library__checkbox-icon.checked, .main_ui_workspace_sidebar_assets_file_library__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_sidebar_assets_file_library__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_file_library__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_file_library__checkbox-icon.intermediate, .main_ui_workspace_sidebar_assets_file_library__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_sidebar_assets_file_library__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_file_library__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_sidebar_assets_file_library__checkbox-icon.unchecked, .main_ui_workspace_sidebar_assets_file_library__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_sidebar_assets_file_library__checkbox-icon.unchecked svg, .main_ui_workspace_sidebar_assets_file_library__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_sidebar_assets_file_library__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_assets_file_library__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_sidebar_assets_file_library__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_sidebar_assets_file_library__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_assets_file_library__input-checkbox label:focus span, .main_ui_workspace_sidebar_assets_file_library__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_sidebar_assets_file_library__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_assets_file_library__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_file_library__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_file_library__input-with-label input:focus-within, .main_ui_workspace_sidebar_assets_file_library__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_assets_file_library__input-with-label input:focus-within input, .main_ui_workspace_sidebar_assets_file_library__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_file_library__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_sidebar_assets_file_library__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_sidebar_assets_file_library__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_assets_file_library__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_assets_file_library__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_assets_file_library__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_assets_file_library__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_assets_file_library__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_assets_file_library__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_assets_file_library__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_assets_file_library__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_file_library__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_file_library__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_sidebar_assets_file_library__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_assets_file_library__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_assets_file_library__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_assets_file_library__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_sidebar_assets_file_library__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_sidebar_assets_file_library__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_assets_file_library__colorpicker-handler:hover, .main_ui_workspace_sidebar_assets_file_library__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_assets_file_library__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_assets_file_library__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_sidebar_assets_file_library__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_file_library__attr-title button {
  display: none;
}
.main_ui_workspace_sidebar_assets_file_library__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_assets_file_library__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_sidebar_assets_file_library__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_assets_file_library__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_assets_file_library__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_assets_file_library__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_assets_file_library__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_file_library__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_assets_file_library__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_assets_file_library__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_assets_file_library__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_file_library__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_assets_file_library__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_assets_file_library__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_assets_file_library__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_file_library__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_assets_file_library__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_assets_file_library__tool-window {
  padding: 0 0 1.5rem 0.75rem;
  display: grid;
  grid-auto-rows: max-content;
  gap: 0.25rem;
  height: 100%;
}

.main_ui_workspace_sidebar_assets_file_library__file-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 100;
  height: 100%;
}

.main_ui_workspace_sidebar_assets_file_library__loading {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 2rem;
  padding-left: calc(0.75rem + 0.125rem);
  color: var(--color-foreground-secondary);
}

.main_ui_workspace_sidebar_assets_file_library__special-title {
  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;
}

.main_ui_workspace_sidebar_assets_file_library__file-link {
  height: 2rem;
  width: 1.75rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_assets_file_library__file-link svg {
  stroke: var(--icon-foreground);
  fill: var(--title-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_file_library__library-content {
  width: 100%;
  display: grid;
  grid-auto-rows: max-content;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_assets_file_library__asset-title {
  margin-left: 1.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.main_ui_workspace_sidebar_assets_file_library__no-found-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--not-found-background-color);
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
}
.main_ui_workspace_sidebar_assets_file_library__no-found-icon svg {
  height: 1.5rem;
  width: 1.5rem;
  stroke: var(--not-found-foreground-color);
}

.main_ui_workspace_sidebar_assets_file_library__no-found-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--not-found-foreground-color);
}
@keyframes main_ui_workspace_sidebar_assets_groups__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_assets_groups__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_assets_groups__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_assets_groups__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_assets_groups__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_assets_groups__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_assets_groups__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_assets_groups__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_assets_groups__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_assets_groups__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_assets_groups__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_assets_groups__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_assets_groups__button-primary, .main_ui_workspace_sidebar_assets_groups__modal-danger-btn, .main_ui_workspace_sidebar_assets_groups__accept-btn.main_ui_workspace_sidebar_assets_groups__danger, .main_ui_workspace_sidebar_assets_groups__modal-accept-btn, .main_ui_workspace_sidebar_assets_groups__accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_assets_groups__button-primary:focus-visible, .main_ui_workspace_sidebar_assets_groups__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_assets_groups__modal-accept-btn:focus-visible, .main_ui_workspace_sidebar_assets_groups__accept-btn: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);
}
.main_ui_workspace_sidebar_assets_groups__button-primary:focus-visible svg, .main_ui_workspace_sidebar_assets_groups__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_assets_groups__modal-accept-btn:focus-visible svg, .main_ui_workspace_sidebar_assets_groups__accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_assets_groups__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_groups__button-primary svg, .main_ui_workspace_sidebar_assets_groups__modal-danger-btn svg, .main_ui_workspace_sidebar_assets_groups__accept-btn.main_ui_workspace_sidebar_assets_groups__danger svg, .main_ui_workspace_sidebar_assets_groups__modal-accept-btn svg, .main_ui_workspace_sidebar_assets_groups__accept-btn svg,
.main_ui_workspace_sidebar_assets_groups__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_groups__button-primary:hover, .main_ui_workspace_sidebar_assets_groups__modal-danger-btn:hover, .main_ui_workspace_sidebar_assets_groups__modal-accept-btn:hover, .main_ui_workspace_sidebar_assets_groups__accept-btn: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;
}
.main_ui_workspace_sidebar_assets_groups__button-primary:hover svg, .main_ui_workspace_sidebar_assets_groups__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_assets_groups__modal-accept-btn:hover svg, .main_ui_workspace_sidebar_assets_groups__accept-btn:hover svg,
.main_ui_workspace_sidebar_assets_groups__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_groups__button-primary:active, .main_ui_workspace_sidebar_assets_groups__modal-danger-btn:active, .main_ui_workspace_sidebar_assets_groups__modal-accept-btn:active, .main_ui_workspace_sidebar_assets_groups__accept-btn: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;
}
.main_ui_workspace_sidebar_assets_groups__button-primary:active svg, .main_ui_workspace_sidebar_assets_groups__modal-danger-btn:active svg, .main_ui_workspace_sidebar_assets_groups__modal-accept-btn:active svg, .main_ui_workspace_sidebar_assets_groups__accept-btn:active svg,
.main_ui_workspace_sidebar_assets_groups__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_groups__button-primary.disabled, .main_ui_workspace_sidebar_assets_groups__modal-danger-btn.disabled, .main_ui_workspace_sidebar_assets_groups__modal-accept-btn.disabled, .main_ui_workspace_sidebar_assets_groups__accept-btn.disabled, .main_ui_workspace_sidebar_assets_groups__button-primary[disabled], [disabled].main_ui_workspace_sidebar_assets_groups__modal-danger-btn, [disabled].main_ui_workspace_sidebar_assets_groups__modal-accept-btn, [disabled].main_ui_workspace_sidebar_assets_groups__accept-btn, .main_ui_workspace_sidebar_assets_groups__button-primary:disabled, .main_ui_workspace_sidebar_assets_groups__modal-danger-btn:disabled, .main_ui_workspace_sidebar_assets_groups__modal-accept-btn:disabled, .main_ui_workspace_sidebar_assets_groups__accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_assets_groups__button-secondary, .main_ui_workspace_sidebar_assets_groups__modal-cancel-btn, .main_ui_workspace_sidebar_assets_groups__cancel-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_groups__button-secondary:focus-visible, .main_ui_workspace_sidebar_assets_groups__modal-cancel-btn:focus-visible, .main_ui_workspace_sidebar_assets_groups__cancel-button:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_groups__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_assets_groups__modal-cancel-btn:focus-visible svg, .main_ui_workspace_sidebar_assets_groups__cancel-button:focus-visible svg,
.main_ui_workspace_sidebar_assets_groups__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_groups__button-secondary svg, .main_ui_workspace_sidebar_assets_groups__modal-cancel-btn svg, .main_ui_workspace_sidebar_assets_groups__cancel-button svg,
.main_ui_workspace_sidebar_assets_groups__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_groups__button-secondary:hover, .main_ui_workspace_sidebar_assets_groups__modal-cancel-btn:hover, .main_ui_workspace_sidebar_assets_groups__cancel-button: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;
}
.main_ui_workspace_sidebar_assets_groups__button-secondary:hover svg, .main_ui_workspace_sidebar_assets_groups__modal-cancel-btn:hover svg, .main_ui_workspace_sidebar_assets_groups__cancel-button:hover svg,
.main_ui_workspace_sidebar_assets_groups__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_groups__button-secondary:active, .main_ui_workspace_sidebar_assets_groups__modal-cancel-btn:active, .main_ui_workspace_sidebar_assets_groups__cancel-button: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);
}
.main_ui_workspace_sidebar_assets_groups__button-secondary:active svg, .main_ui_workspace_sidebar_assets_groups__modal-cancel-btn:active svg, .main_ui_workspace_sidebar_assets_groups__cancel-button:active svg,
.main_ui_workspace_sidebar_assets_groups__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_groups__button-secondary.disabled, .main_ui_workspace_sidebar_assets_groups__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_assets_groups__cancel-button.disabled, .main_ui_workspace_sidebar_assets_groups__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_assets_groups__modal-cancel-btn, [disabled].main_ui_workspace_sidebar_assets_groups__cancel-button, .main_ui_workspace_sidebar_assets_groups__button-secondary:disabled, .main_ui_workspace_sidebar_assets_groups__modal-cancel-btn:disabled, .main_ui_workspace_sidebar_assets_groups__cancel-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;
}

.main_ui_workspace_sidebar_assets_groups__button-tertiary, .main_ui_workspace_sidebar_assets_groups__attr-title button, .main_ui_workspace_sidebar_assets_groups__modal-close-btn-base, .main_ui_workspace_sidebar_assets_groups__modal-close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_assets_groups__button-tertiary:focus-visible, .main_ui_workspace_sidebar_assets_groups__attr-title button:focus-visible, .main_ui_workspace_sidebar_assets_groups__modal-close-btn-base:focus-visible, .main_ui_workspace_sidebar_assets_groups__modal-close-btn: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);
}
.main_ui_workspace_sidebar_assets_groups__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_assets_groups__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_assets_groups__modal-close-btn-base:focus-visible svg, .main_ui_workspace_sidebar_assets_groups__modal-close-btn:focus-visible svg,
.main_ui_workspace_sidebar_assets_groups__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_groups__button-tertiary svg, .main_ui_workspace_sidebar_assets_groups__attr-title button svg, .main_ui_workspace_sidebar_assets_groups__modal-close-btn-base svg, .main_ui_workspace_sidebar_assets_groups__modal-close-btn svg,
.main_ui_workspace_sidebar_assets_groups__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_groups__button-tertiary:hover, .main_ui_workspace_sidebar_assets_groups__attr-title button:hover, .main_ui_workspace_sidebar_assets_groups__modal-close-btn-base:hover, .main_ui_workspace_sidebar_assets_groups__modal-close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_assets_groups__button-tertiary:hover svg, .main_ui_workspace_sidebar_assets_groups__attr-title button:hover svg, .main_ui_workspace_sidebar_assets_groups__modal-close-btn-base:hover svg, .main_ui_workspace_sidebar_assets_groups__modal-close-btn:hover svg,
.main_ui_workspace_sidebar_assets_groups__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_groups__button-tertiary:active, .main_ui_workspace_sidebar_assets_groups__attr-title button:active, .main_ui_workspace_sidebar_assets_groups__modal-close-btn-base:active, .main_ui_workspace_sidebar_assets_groups__modal-close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_groups__button-tertiary:active svg, .main_ui_workspace_sidebar_assets_groups__attr-title button:active svg, .main_ui_workspace_sidebar_assets_groups__modal-close-btn-base:active svg, .main_ui_workspace_sidebar_assets_groups__modal-close-btn:active svg,
.main_ui_workspace_sidebar_assets_groups__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_groups__button-tertiary.disabled, .main_ui_workspace_sidebar_assets_groups__attr-title button.disabled, .main_ui_workspace_sidebar_assets_groups__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_assets_groups__modal-close-btn.disabled, .main_ui_workspace_sidebar_assets_groups__button-tertiary[disabled], .main_ui_workspace_sidebar_assets_groups__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_assets_groups__modal-close-btn-base, [disabled].main_ui_workspace_sidebar_assets_groups__modal-close-btn, .main_ui_workspace_sidebar_assets_groups__button-tertiary:disabled, .main_ui_workspace_sidebar_assets_groups__attr-title button:disabled, .main_ui_workspace_sidebar_assets_groups__modal-close-btn-base:disabled, .main_ui_workspace_sidebar_assets_groups__modal-close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_assets_groups__button-tertiary.disabled svg, .main_ui_workspace_sidebar_assets_groups__attr-title button.disabled svg, .main_ui_workspace_sidebar_assets_groups__modal-close-btn-base.disabled svg, .main_ui_workspace_sidebar_assets_groups__modal-close-btn.disabled svg,
.main_ui_workspace_sidebar_assets_groups__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_assets_groups__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_assets_groups__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_assets_groups__modal-close-btn-base svg, [disabled].main_ui_workspace_sidebar_assets_groups__modal-close-btn svg,
.main_ui_workspace_sidebar_assets_groups__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_assets_groups__button-tertiary:disabled svg, .main_ui_workspace_sidebar_assets_groups__attr-title button:disabled svg, .main_ui_workspace_sidebar_assets_groups__modal-close-btn-base:disabled svg, .main_ui_workspace_sidebar_assets_groups__modal-close-btn:disabled svg,
.main_ui_workspace_sidebar_assets_groups__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_assets_groups__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_assets_groups__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_assets_groups__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_assets_groups__button-radio: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);
}
.main_ui_workspace_sidebar_assets_groups__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_assets_groups__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_groups__button-radio svg,
.main_ui_workspace_sidebar_assets_groups__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_groups__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_assets_groups__button-radio:hover svg,
.main_ui_workspace_sidebar_assets_groups__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_groups__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_groups__button-radio:active svg,
.main_ui_workspace_sidebar_assets_groups__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_assets_groups__button-warning {
  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);
}

.main_ui_workspace_sidebar_assets_groups__button-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;
}

.main_ui_workspace_sidebar_assets_groups__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_assets_groups__button-tag: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);
}
.main_ui_workspace_sidebar_assets_groups__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_assets_groups__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_groups__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_groups__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_assets_groups__button-icon, .main_ui_workspace_sidebar_assets_groups__empty-icon svg, .main_ui_workspace_sidebar_assets_groups__modal-close-btn-base svg, .main_ui_workspace_sidebar_assets_groups__modal-close-btn svg, .main_ui_workspace_sidebar_assets_groups__button-icon-small, .main_ui_workspace_sidebar_assets_groups__dropdown-element-base span svg, .main_ui_workspace_sidebar_assets_groups__attr-title button svg, .main_ui_workspace_sidebar_assets_groups__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_groups__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_assets_groups__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_groups__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_assets_groups__input-element span svg,
.main_ui_workspace_sidebar_assets_groups__input-element label svg, .main_ui_workspace_sidebar_assets_groups__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_assets_groups__button-icon-small, .main_ui_workspace_sidebar_assets_groups__dropdown-element-base span svg, .main_ui_workspace_sidebar_assets_groups__attr-title button svg, .main_ui_workspace_sidebar_assets_groups__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_groups__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_assets_groups__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_groups__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_assets_groups__input-element span svg,
.main_ui_workspace_sidebar_assets_groups__input-element label svg, .main_ui_workspace_sidebar_assets_groups__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_sidebar_assets_groups__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_sidebar_assets_groups__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_sidebar_assets_groups__input-base, .main_ui_workspace_sidebar_assets_groups__input-with-label input, .main_ui_workspace_sidebar_assets_groups__input-wrapper input, .main_ui_workspace_sidebar_assets_groups__input-element-label input, .main_ui_workspace_sidebar_assets_groups__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_groups__input-base[disabled], .main_ui_workspace_sidebar_assets_groups__input-with-label input[disabled], .main_ui_workspace_sidebar_assets_groups__input-wrapper input[disabled], .main_ui_workspace_sidebar_assets_groups__input-element-label input[disabled], .main_ui_workspace_sidebar_assets_groups__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_assets_groups__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_assets_groups__input-label, .main_ui_workspace_sidebar_assets_groups__input-element span,
.main_ui_workspace_sidebar_assets_groups__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_assets_groups__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_assets_groups__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_assets_groups__input-element span svg,
.main_ui_workspace_sidebar_assets_groups__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_assets_groups__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_groups__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_groups__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets_groups__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_groups__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_groups__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_assets_groups__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_groups__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_groups__input-element:focus, .main_ui_workspace_sidebar_assets_groups__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets_groups__input-element:focus span, .main_ui_workspace_sidebar_assets_groups__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_groups__input-element:focus input, .main_ui_workspace_sidebar_assets_groups__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_groups__input-element:focus:hover, .main_ui_workspace_sidebar_assets_groups__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets_groups__input-element:focus:hover span, .main_ui_workspace_sidebar_assets_groups__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_groups__input-element:focus:hover input, .main_ui_workspace_sidebar_assets_groups__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_assets_groups__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_assets_groups__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_assets_groups__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_groups__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_groups__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets_groups__input-element-label:focus-within input, .main_ui_workspace_sidebar_assets_groups__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_sidebar_assets_groups__disabled-input, .main_ui_workspace_sidebar_assets_groups__input-with-label.disabled, .main_ui_workspace_sidebar_assets_groups__input-wrapper.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_assets_groups__disabled-input input, .main_ui_workspace_sidebar_assets_groups__input-with-label.disabled input, .main_ui_workspace_sidebar_assets_groups__input-wrapper.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_assets_groups__disabled-input span svg, .main_ui_workspace_sidebar_assets_groups__input-with-label.disabled span svg, .main_ui_workspace_sidebar_assets_groups__input-wrapper.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_sidebar_assets_groups__checkbox-icon, .main_ui_workspace_sidebar_assets_groups__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_sidebar_assets_groups__checkbox-icon svg, .main_ui_workspace_sidebar_assets_groups__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_sidebar_assets_groups__checkbox-icon:hover, .main_ui_workspace_sidebar_assets_groups__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_assets_groups__checkbox-icon:focus, .main_ui_workspace_sidebar_assets_groups__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_sidebar_assets_groups__checkbox-icon.checked, .main_ui_workspace_sidebar_assets_groups__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_sidebar_assets_groups__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_groups__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_groups__checkbox-icon.intermediate, .main_ui_workspace_sidebar_assets_groups__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_sidebar_assets_groups__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_groups__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_sidebar_assets_groups__checkbox-icon.unchecked, .main_ui_workspace_sidebar_assets_groups__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_sidebar_assets_groups__checkbox-icon.unchecked svg, .main_ui_workspace_sidebar_assets_groups__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_sidebar_assets_groups__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_assets_groups__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_sidebar_assets_groups__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_sidebar_assets_groups__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_assets_groups__input-checkbox label:focus span, .main_ui_workspace_sidebar_assets_groups__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_sidebar_assets_groups__input-with-label, .main_ui_workspace_sidebar_assets_groups__input-wrapper {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_assets_groups__input-with-label label, .main_ui_workspace_sidebar_assets_groups__input-wrapper label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_groups__input-with-label input, .main_ui_workspace_sidebar_assets_groups__input-wrapper input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_groups__input-with-label input:focus-within, .main_ui_workspace_sidebar_assets_groups__input-wrapper input:focus-within, .main_ui_workspace_sidebar_assets_groups__input-with-label input:active, .main_ui_workspace_sidebar_assets_groups__input-wrapper input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_assets_groups__input-with-label input:focus-within input, .main_ui_workspace_sidebar_assets_groups__input-wrapper input:focus-within input, .main_ui_workspace_sidebar_assets_groups__input-with-label input:active input, .main_ui_workspace_sidebar_assets_groups__input-wrapper input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_groups__input-with-label.invalid input, .main_ui_workspace_sidebar_assets_groups__input-wrapper.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_sidebar_assets_groups__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_sidebar_assets_groups__modal-overlay-base, .main_ui_workspace_sidebar_assets_groups__modal-overlay {
  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);
}

.main_ui_workspace_sidebar_assets_groups__modal-container-base, .main_ui_workspace_sidebar_assets_groups__modal-container {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_assets_groups__modal-close-btn-base, .main_ui_workspace_sidebar_assets_groups__modal-close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_assets_groups__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_assets_groups__modal-action-btns, .main_ui_workspace_sidebar_assets_groups__action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_assets_groups__modal-cancel-btn, .main_ui_workspace_sidebar_assets_groups__cancel-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_assets_groups__modal-accept-btn, .main_ui_workspace_sidebar_assets_groups__accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_assets_groups__modal-danger-btn, .main_ui_workspace_sidebar_assets_groups__accept-btn.main_ui_workspace_sidebar_assets_groups__danger {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_assets_groups__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_groups__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_groups__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_sidebar_assets_groups__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_assets_groups__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_assets_groups__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_assets_groups__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_sidebar_assets_groups__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_sidebar_assets_groups__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_assets_groups__colorpicker-handler:hover, .main_ui_workspace_sidebar_assets_groups__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_assets_groups__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_assets_groups__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_sidebar_assets_groups__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_groups__attr-title button {
  display: none;
}
.main_ui_workspace_sidebar_assets_groups__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_assets_groups__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_sidebar_assets_groups__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_assets_groups__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_assets_groups__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_assets_groups__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_assets_groups__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_groups__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_assets_groups__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_assets_groups__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_assets_groups__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_groups__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_assets_groups__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_assets_groups__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_assets_groups__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_groups__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_assets_groups__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_assets_groups__group-title {
  padding-left: 0.25rem;
}

.main_ui_workspace_sidebar_assets_groups__pre-path {
  margin-left: 0.125rem;
  text-transform: initial;
  color: var(--title-foreground-color);
}

.main_ui_workspace_sidebar_assets_groups__path {
  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);
}

.main_ui_workspace_sidebar_assets_groups__modal-header {
  margin-bottom: 1.5rem;
}

.main_ui_workspace_sidebar_assets_groups__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--modal-title-foreground-color);
}

.main_ui_workspace_sidebar_assets_groups__modal-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}

.main_ui_workspace_sidebar_assets_groups__input-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
@keyframes main_ui_workspace_sidebar_assets_typographies__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_assets_typographies__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_sidebar_assets_typographies__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_sidebar_assets_typographies__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_assets_typographies__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_assets_typographies__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_assets_typographies__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_assets_typographies__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_assets_typographies__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_assets_typographies__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_assets_typographies__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_assets_typographies__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_assets_typographies__button-primary, .main_ui_workspace_sidebar_assets_typographies__modal-danger-btn, .main_ui_workspace_sidebar_assets_typographies__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_sidebar_assets_typographies__button-primary:focus-visible, .main_ui_workspace_sidebar_assets_typographies__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_assets_typographies__modal-accept-btn: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);
}
.main_ui_workspace_sidebar_assets_typographies__button-primary:focus-visible svg, .main_ui_workspace_sidebar_assets_typographies__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_assets_typographies__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_assets_typographies__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_typographies__button-primary svg, .main_ui_workspace_sidebar_assets_typographies__modal-danger-btn svg, .main_ui_workspace_sidebar_assets_typographies__modal-accept-btn svg,
.main_ui_workspace_sidebar_assets_typographies__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_typographies__button-primary:hover, .main_ui_workspace_sidebar_assets_typographies__modal-danger-btn:hover, .main_ui_workspace_sidebar_assets_typographies__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_assets_typographies__button-primary:hover svg, .main_ui_workspace_sidebar_assets_typographies__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_assets_typographies__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_assets_typographies__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_typographies__button-primary:active, .main_ui_workspace_sidebar_assets_typographies__modal-danger-btn:active, .main_ui_workspace_sidebar_assets_typographies__modal-accept-btn: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;
}
.main_ui_workspace_sidebar_assets_typographies__button-primary:active svg, .main_ui_workspace_sidebar_assets_typographies__modal-danger-btn:active svg, .main_ui_workspace_sidebar_assets_typographies__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_assets_typographies__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_typographies__button-primary.disabled, .main_ui_workspace_sidebar_assets_typographies__modal-danger-btn.disabled, .main_ui_workspace_sidebar_assets_typographies__modal-accept-btn.disabled, .main_ui_workspace_sidebar_assets_typographies__button-primary[disabled], [disabled].main_ui_workspace_sidebar_assets_typographies__modal-danger-btn, [disabled].main_ui_workspace_sidebar_assets_typographies__modal-accept-btn, .main_ui_workspace_sidebar_assets_typographies__button-primary:disabled, .main_ui_workspace_sidebar_assets_typographies__modal-danger-btn:disabled, .main_ui_workspace_sidebar_assets_typographies__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_assets_typographies__button-secondary, .main_ui_workspace_sidebar_assets_typographies__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_typographies__button-secondary:focus-visible, .main_ui_workspace_sidebar_assets_typographies__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_typographies__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_assets_typographies__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_assets_typographies__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_typographies__button-secondary svg, .main_ui_workspace_sidebar_assets_typographies__modal-cancel-btn svg,
.main_ui_workspace_sidebar_assets_typographies__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_typographies__button-secondary:hover, .main_ui_workspace_sidebar_assets_typographies__modal-cancel-btn: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;
}
.main_ui_workspace_sidebar_assets_typographies__button-secondary:hover svg, .main_ui_workspace_sidebar_assets_typographies__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_assets_typographies__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_typographies__button-secondary:active, .main_ui_workspace_sidebar_assets_typographies__modal-cancel-btn: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);
}
.main_ui_workspace_sidebar_assets_typographies__button-secondary:active svg, .main_ui_workspace_sidebar_assets_typographies__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_assets_typographies__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_typographies__button-secondary.disabled, .main_ui_workspace_sidebar_assets_typographies__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_assets_typographies__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_assets_typographies__modal-cancel-btn, .main_ui_workspace_sidebar_assets_typographies__button-secondary:disabled, .main_ui_workspace_sidebar_assets_typographies__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_sidebar_assets_typographies__button-tertiary, .main_ui_workspace_sidebar_assets_typographies__attr-title button, .main_ui_workspace_sidebar_assets_typographies__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_sidebar_assets_typographies__button-tertiary:focus-visible, .main_ui_workspace_sidebar_assets_typographies__attr-title button:focus-visible, .main_ui_workspace_sidebar_assets_typographies__modal-close-btn-base: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);
}
.main_ui_workspace_sidebar_assets_typographies__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_assets_typographies__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_assets_typographies__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_assets_typographies__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_typographies__button-tertiary svg, .main_ui_workspace_sidebar_assets_typographies__attr-title button svg, .main_ui_workspace_sidebar_assets_typographies__modal-close-btn-base svg,
.main_ui_workspace_sidebar_assets_typographies__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_typographies__button-tertiary:hover, .main_ui_workspace_sidebar_assets_typographies__attr-title button:hover, .main_ui_workspace_sidebar_assets_typographies__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_sidebar_assets_typographies__button-tertiary:hover svg, .main_ui_workspace_sidebar_assets_typographies__attr-title button:hover svg, .main_ui_workspace_sidebar_assets_typographies__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_assets_typographies__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_typographies__button-tertiary:active, .main_ui_workspace_sidebar_assets_typographies__attr-title button:active, .main_ui_workspace_sidebar_assets_typographies__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_typographies__button-tertiary:active svg, .main_ui_workspace_sidebar_assets_typographies__attr-title button:active svg, .main_ui_workspace_sidebar_assets_typographies__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_assets_typographies__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_typographies__button-tertiary.disabled, .main_ui_workspace_sidebar_assets_typographies__attr-title button.disabled, .main_ui_workspace_sidebar_assets_typographies__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_assets_typographies__button-tertiary[disabled], .main_ui_workspace_sidebar_assets_typographies__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_assets_typographies__modal-close-btn-base, .main_ui_workspace_sidebar_assets_typographies__button-tertiary:disabled, .main_ui_workspace_sidebar_assets_typographies__attr-title button:disabled, .main_ui_workspace_sidebar_assets_typographies__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_assets_typographies__button-tertiary.disabled svg, .main_ui_workspace_sidebar_assets_typographies__attr-title button.disabled svg, .main_ui_workspace_sidebar_assets_typographies__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_assets_typographies__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_assets_typographies__button-tertiary[disabled] svg, .main_ui_workspace_sidebar_assets_typographies__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_assets_typographies__modal-close-btn-base svg,
.main_ui_workspace_sidebar_assets_typographies__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_assets_typographies__button-tertiary:disabled svg, .main_ui_workspace_sidebar_assets_typographies__attr-title button:disabled svg, .main_ui_workspace_sidebar_assets_typographies__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_assets_typographies__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_sidebar_assets_typographies__button-icon-selected {
  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);
}
.main_ui_workspace_sidebar_assets_typographies__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_sidebar_assets_typographies__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_sidebar_assets_typographies__button-radio: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);
}
.main_ui_workspace_sidebar_assets_typographies__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_assets_typographies__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_typographies__button-radio svg,
.main_ui_workspace_sidebar_assets_typographies__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_typographies__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_sidebar_assets_typographies__button-radio:hover svg,
.main_ui_workspace_sidebar_assets_typographies__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_typographies__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_typographies__button-radio:active svg,
.main_ui_workspace_sidebar_assets_typographies__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_sidebar_assets_typographies__button-warning {
  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);
}

.main_ui_workspace_sidebar_assets_typographies__button-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;
}

.main_ui_workspace_sidebar_assets_typographies__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_sidebar_assets_typographies__button-tag: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);
}
.main_ui_workspace_sidebar_assets_typographies__button-tag:focus-visible svg,
.main_ui_workspace_sidebar_assets_typographies__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_typographies__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_typographies__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_sidebar_assets_typographies__button-icon, .main_ui_workspace_sidebar_assets_typographies__empty-icon svg, .main_ui_workspace_sidebar_assets_typographies__modal-close-btn-base svg, .main_ui_workspace_sidebar_assets_typographies__button-icon-small, .main_ui_workspace_sidebar_assets_typographies__dropdown-element-base span svg, .main_ui_workspace_sidebar_assets_typographies__attr-title button svg, .main_ui_workspace_sidebar_assets_typographies__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_typographies__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_assets_typographies__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_typographies__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_assets_typographies__input-element span svg,
.main_ui_workspace_sidebar_assets_typographies__input-element label svg, .main_ui_workspace_sidebar_assets_typographies__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_sidebar_assets_typographies__button-icon-small, .main_ui_workspace_sidebar_assets_typographies__dropdown-element-base span svg, .main_ui_workspace_sidebar_assets_typographies__attr-title button svg, .main_ui_workspace_sidebar_assets_typographies__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_typographies__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_assets_typographies__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_typographies__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_assets_typographies__input-element span svg,
.main_ui_workspace_sidebar_assets_typographies__input-element label svg, .main_ui_workspace_sidebar_assets_typographies__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_sidebar_assets_typographies__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_sidebar_assets_typographies__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_sidebar_assets_typographies__input-base, .main_ui_workspace_sidebar_assets_typographies__input-with-label input, .main_ui_workspace_sidebar_assets_typographies__input-element-label input, .main_ui_workspace_sidebar_assets_typographies__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_typographies__input-base[disabled], .main_ui_workspace_sidebar_assets_typographies__input-with-label input[disabled], .main_ui_workspace_sidebar_assets_typographies__input-element-label input[disabled], .main_ui_workspace_sidebar_assets_typographies__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_assets_typographies__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_assets_typographies__input-label, .main_ui_workspace_sidebar_assets_typographies__input-element span,
.main_ui_workspace_sidebar_assets_typographies__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_sidebar_assets_typographies__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_assets_typographies__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_assets_typographies__input-element span svg,
.main_ui_workspace_sidebar_assets_typographies__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_assets_typographies__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_typographies__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_typographies__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets_typographies__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_typographies__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_typographies__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_assets_typographies__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_typographies__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_typographies__input-element:focus, .main_ui_workspace_sidebar_assets_typographies__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets_typographies__input-element:focus span, .main_ui_workspace_sidebar_assets_typographies__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_typographies__input-element:focus input, .main_ui_workspace_sidebar_assets_typographies__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_typographies__input-element:focus:hover, .main_ui_workspace_sidebar_assets_typographies__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets_typographies__input-element:focus:hover span, .main_ui_workspace_sidebar_assets_typographies__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_typographies__input-element:focus:hover input, .main_ui_workspace_sidebar_assets_typographies__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_assets_typographies__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_sidebar_assets_typographies__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_sidebar_assets_typographies__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_typographies__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_typographies__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets_typographies__input-element-label:focus-within input, .main_ui_workspace_sidebar_assets_typographies__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_sidebar_assets_typographies__disabled-input, .main_ui_workspace_sidebar_assets_typographies__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_assets_typographies__disabled-input input, .main_ui_workspace_sidebar_assets_typographies__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_assets_typographies__disabled-input span svg, .main_ui_workspace_sidebar_assets_typographies__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_sidebar_assets_typographies__checkbox-icon, .main_ui_workspace_sidebar_assets_typographies__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_sidebar_assets_typographies__checkbox-icon svg, .main_ui_workspace_sidebar_assets_typographies__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_sidebar_assets_typographies__checkbox-icon:hover, .main_ui_workspace_sidebar_assets_typographies__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_assets_typographies__checkbox-icon:focus, .main_ui_workspace_sidebar_assets_typographies__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_sidebar_assets_typographies__checkbox-icon.checked, .main_ui_workspace_sidebar_assets_typographies__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_sidebar_assets_typographies__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_typographies__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_typographies__checkbox-icon.intermediate, .main_ui_workspace_sidebar_assets_typographies__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_sidebar_assets_typographies__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_typographies__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_sidebar_assets_typographies__checkbox-icon.unchecked, .main_ui_workspace_sidebar_assets_typographies__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_sidebar_assets_typographies__checkbox-icon.unchecked svg, .main_ui_workspace_sidebar_assets_typographies__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_sidebar_assets_typographies__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_assets_typographies__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_sidebar_assets_typographies__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_sidebar_assets_typographies__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_assets_typographies__input-checkbox label:focus span, .main_ui_workspace_sidebar_assets_typographies__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_sidebar_assets_typographies__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_assets_typographies__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_typographies__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_typographies__input-with-label input:focus-within, .main_ui_workspace_sidebar_assets_typographies__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_sidebar_assets_typographies__input-with-label input:focus-within input, .main_ui_workspace_sidebar_assets_typographies__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_typographies__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_sidebar_assets_typographies__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_sidebar_assets_typographies__modal-overlay-base {
  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);
}

.main_ui_workspace_sidebar_assets_typographies__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_sidebar_assets_typographies__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_assets_typographies__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_sidebar_assets_typographies__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_assets_typographies__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_assets_typographies__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_sidebar_assets_typographies__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_sidebar_assets_typographies__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_typographies__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_typographies__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_sidebar_assets_typographies__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_sidebar_assets_typographies__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_sidebar_assets_typographies__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_assets_typographies__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_sidebar_assets_typographies__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_sidebar_assets_typographies__colorpicker-handler {
  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;
}
.main_ui_workspace_sidebar_assets_typographies__colorpicker-handler:hover, .main_ui_workspace_sidebar_assets_typographies__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_sidebar_assets_typographies__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_sidebar_assets_typographies__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_sidebar_assets_typographies__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_typographies__attr-title button {
  display: none;
}
.main_ui_workspace_sidebar_assets_typographies__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_assets_typographies__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_sidebar_assets_typographies__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_assets_typographies__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_sidebar_assets_typographies__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_assets_typographies__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_sidebar_assets_typographies__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_typographies__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_sidebar_assets_typographies__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_sidebar_assets_typographies__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_assets_typographies__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_typographies__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_sidebar_assets_typographies__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_assets_typographies__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_assets_typographies__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_typographies__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_sidebar_assets_typographies__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_sidebar_assets_typographies__assets-list {
  padding: 0 0 0 0.25rem;
}

.main_ui_workspace_sidebar_assets_typographies__drop-space {
  height: 0.75rem;
}

.main_ui_workspace_sidebar_assets_typographies__grid-placeholder {
  height: 0.125rem;
  width: 100%;
  background-color: var(--color-accent-primary);
}

.main_ui_workspace_sidebar_assets_typographies__typography-item {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--assets-item-background-color);
}

.main_ui_workspace_sidebar_assets_typographies__dragging {
  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);
}

.main_ui_workspace_shapes_text_v2_editor__text-editor-container {
  height: 100%;
  position: relative;
}

.main_ui_workspace_shapes_text_v2_editor__text-editor-selection-imposter {
  position: relative;
}

.main_ui_workspace_shapes_text_v2_editor__text-editor-content {
  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: black;
  color: transparent;
}
.main_ui_workspace_shapes_text_v2_editor__text-editor-content [data-itype=paragraph] {
  line-height: inherit;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  margin: 0px;
  font-size: 0px;
}
.main_ui_workspace_shapes_text_v2_editor__text-editor-content [data-itype=inline] {
  line-break: auto;
  line-height: inherit;
  overflow-wrap: initial;
  caret-color: rgb(0, 0, 0);
}
.main_ui_workspace_shapes_text_v2_editor__text-editor-content [data-itype=root] {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.main_ui_workspace_shapes_text_v2_editor__grow-type-fixed [data-itype=inline],
.main_ui_workspace_shapes_text_v2_editor__grow-type-fixed [data-itype=paragraph],
.main_ui_workspace_shapes_text_v2_editor__grow-type-auto-height [data-itype=inline],
.main_ui_workspace_shapes_text_v2_editor__grow-type-auto-height [data-itype=paragraph] {
  white-space: break-spaces;
}

.main_ui_workspace_shapes_text_v2_editor__grow-type-auto-width [data-itype=inline],
.main_ui_workspace_shapes_text_v2_editor__grow-type-auto-width [data-itype=paragraph] {
  white-space: nowrap;
}
.main_ui_workspace_shapes_text_v2_editor__grow-type-auto-width [data-itype=inline] {
  white-space-collapse: preserve;
}

.main_ui_workspace_shapes_text_v2_editor__align-top [data-itype=root] {
  justify-content: start;
}

.main_ui_workspace_shapes_text_v2_editor__align-center [data-itype=root] {
  justify-content: center;
}

.main_ui_workspace_shapes_text_v2_editor__align-bottom [data-itype=root] {
  justify-content: end;
}
@keyframes main_ui_workspace_colorpicker_color_inputs__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_colorpicker_color_inputs__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_colorpicker_color_inputs__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_colorpicker_color_inputs__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_colorpicker_color_inputs__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_colorpicker_color_inputs__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_colorpicker_color_inputs__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_colorpicker_color_inputs__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_colorpicker_color_inputs__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_colorpicker_color_inputs__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_colorpicker_color_inputs__new-scrollbar ::placeholder,
.main_ui_workspace_colorpicker_color_inputs__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_colorpicker_color_inputs__button-primary, .main_ui_workspace_colorpicker_color_inputs__modal-danger-btn, .main_ui_workspace_colorpicker_color_inputs__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_colorpicker_color_inputs__button-primary:focus-visible, .main_ui_workspace_colorpicker_color_inputs__modal-danger-btn:focus-visible, .main_ui_workspace_colorpicker_color_inputs__modal-accept-btn: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);
}
.main_ui_workspace_colorpicker_color_inputs__button-primary:focus-visible svg, .main_ui_workspace_colorpicker_color_inputs__modal-danger-btn:focus-visible svg, .main_ui_workspace_colorpicker_color_inputs__modal-accept-btn:focus-visible svg,
.main_ui_workspace_colorpicker_color_inputs__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_color_inputs__button-primary svg, .main_ui_workspace_colorpicker_color_inputs__modal-danger-btn svg, .main_ui_workspace_colorpicker_color_inputs__modal-accept-btn svg,
.main_ui_workspace_colorpicker_color_inputs__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_color_inputs__button-primary:hover, .main_ui_workspace_colorpicker_color_inputs__modal-danger-btn:hover, .main_ui_workspace_colorpicker_color_inputs__modal-accept-btn: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;
}
.main_ui_workspace_colorpicker_color_inputs__button-primary:hover svg, .main_ui_workspace_colorpicker_color_inputs__modal-danger-btn:hover svg, .main_ui_workspace_colorpicker_color_inputs__modal-accept-btn:hover svg,
.main_ui_workspace_colorpicker_color_inputs__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_color_inputs__button-primary:active, .main_ui_workspace_colorpicker_color_inputs__modal-danger-btn:active, .main_ui_workspace_colorpicker_color_inputs__modal-accept-btn: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;
}
.main_ui_workspace_colorpicker_color_inputs__button-primary:active svg, .main_ui_workspace_colorpicker_color_inputs__modal-danger-btn:active svg, .main_ui_workspace_colorpicker_color_inputs__modal-accept-btn:active svg,
.main_ui_workspace_colorpicker_color_inputs__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_colorpicker_color_inputs__button-primary.disabled, .main_ui_workspace_colorpicker_color_inputs__modal-danger-btn.disabled, .main_ui_workspace_colorpicker_color_inputs__modal-accept-btn.disabled, .main_ui_workspace_colorpicker_color_inputs__button-primary[disabled], [disabled].main_ui_workspace_colorpicker_color_inputs__modal-danger-btn, [disabled].main_ui_workspace_colorpicker_color_inputs__modal-accept-btn, .main_ui_workspace_colorpicker_color_inputs__button-primary:disabled, .main_ui_workspace_colorpicker_color_inputs__modal-danger-btn:disabled, .main_ui_workspace_colorpicker_color_inputs__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_colorpicker_color_inputs__button-secondary, .main_ui_workspace_colorpicker_color_inputs__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_color_inputs__button-secondary:focus-visible, .main_ui_workspace_colorpicker_color_inputs__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_color_inputs__button-secondary:focus-visible svg, .main_ui_workspace_colorpicker_color_inputs__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_colorpicker_color_inputs__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_color_inputs__button-secondary svg, .main_ui_workspace_colorpicker_color_inputs__modal-cancel-btn svg,
.main_ui_workspace_colorpicker_color_inputs__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_color_inputs__button-secondary:hover, .main_ui_workspace_colorpicker_color_inputs__modal-cancel-btn: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;
}
.main_ui_workspace_colorpicker_color_inputs__button-secondary:hover svg, .main_ui_workspace_colorpicker_color_inputs__modal-cancel-btn:hover svg,
.main_ui_workspace_colorpicker_color_inputs__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_color_inputs__button-secondary:active, .main_ui_workspace_colorpicker_color_inputs__modal-cancel-btn: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);
}
.main_ui_workspace_colorpicker_color_inputs__button-secondary:active svg, .main_ui_workspace_colorpicker_color_inputs__modal-cancel-btn:active svg,
.main_ui_workspace_colorpicker_color_inputs__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_colorpicker_color_inputs__button-secondary.disabled, .main_ui_workspace_colorpicker_color_inputs__modal-cancel-btn.disabled, .main_ui_workspace_colorpicker_color_inputs__button-secondary[disabled], [disabled].main_ui_workspace_colorpicker_color_inputs__modal-cancel-btn, .main_ui_workspace_colorpicker_color_inputs__button-secondary:disabled, .main_ui_workspace_colorpicker_color_inputs__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_colorpicker_color_inputs__button-tertiary, .main_ui_workspace_colorpicker_color_inputs__attr-title button, .main_ui_workspace_colorpicker_color_inputs__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_colorpicker_color_inputs__button-tertiary:focus-visible, .main_ui_workspace_colorpicker_color_inputs__attr-title button:focus-visible, .main_ui_workspace_colorpicker_color_inputs__modal-close-btn-base: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);
}
.main_ui_workspace_colorpicker_color_inputs__button-tertiary:focus-visible svg, .main_ui_workspace_colorpicker_color_inputs__attr-title button:focus-visible svg, .main_ui_workspace_colorpicker_color_inputs__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_colorpicker_color_inputs__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_color_inputs__button-tertiary svg, .main_ui_workspace_colorpicker_color_inputs__attr-title button svg, .main_ui_workspace_colorpicker_color_inputs__modal-close-btn-base svg,
.main_ui_workspace_colorpicker_color_inputs__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_color_inputs__button-tertiary:hover, .main_ui_workspace_colorpicker_color_inputs__attr-title button:hover, .main_ui_workspace_colorpicker_color_inputs__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_colorpicker_color_inputs__button-tertiary:hover svg, .main_ui_workspace_colorpicker_color_inputs__attr-title button:hover svg, .main_ui_workspace_colorpicker_color_inputs__modal-close-btn-base:hover svg,
.main_ui_workspace_colorpicker_color_inputs__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_color_inputs__button-tertiary:active, .main_ui_workspace_colorpicker_color_inputs__attr-title button:active, .main_ui_workspace_colorpicker_color_inputs__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker_color_inputs__button-tertiary:active svg, .main_ui_workspace_colorpicker_color_inputs__attr-title button:active svg, .main_ui_workspace_colorpicker_color_inputs__modal-close-btn-base:active svg,
.main_ui_workspace_colorpicker_color_inputs__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker_color_inputs__button-tertiary.disabled, .main_ui_workspace_colorpicker_color_inputs__attr-title button.disabled, .main_ui_workspace_colorpicker_color_inputs__modal-close-btn-base.disabled, .main_ui_workspace_colorpicker_color_inputs__button-tertiary[disabled], .main_ui_workspace_colorpicker_color_inputs__attr-title button[disabled], [disabled].main_ui_workspace_colorpicker_color_inputs__modal-close-btn-base, .main_ui_workspace_colorpicker_color_inputs__button-tertiary:disabled, .main_ui_workspace_colorpicker_color_inputs__attr-title button:disabled, .main_ui_workspace_colorpicker_color_inputs__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_colorpicker_color_inputs__button-tertiary.disabled svg, .main_ui_workspace_colorpicker_color_inputs__attr-title button.disabled svg, .main_ui_workspace_colorpicker_color_inputs__modal-close-btn-base.disabled svg,
.main_ui_workspace_colorpicker_color_inputs__button-tertiary.disabled span svg, .main_ui_workspace_colorpicker_color_inputs__button-tertiary[disabled] svg, .main_ui_workspace_colorpicker_color_inputs__attr-title button[disabled] svg, [disabled].main_ui_workspace_colorpicker_color_inputs__modal-close-btn-base svg,
.main_ui_workspace_colorpicker_color_inputs__button-tertiary[disabled] span svg, .main_ui_workspace_colorpicker_color_inputs__button-tertiary:disabled svg, .main_ui_workspace_colorpicker_color_inputs__attr-title button:disabled svg, .main_ui_workspace_colorpicker_color_inputs__modal-close-btn-base:disabled svg,
.main_ui_workspace_colorpicker_color_inputs__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_colorpicker_color_inputs__button-icon-selected {
  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);
}
.main_ui_workspace_colorpicker_color_inputs__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_colorpicker_color_inputs__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_colorpicker_color_inputs__button-radio: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);
}
.main_ui_workspace_colorpicker_color_inputs__button-radio:focus-visible svg,
.main_ui_workspace_colorpicker_color_inputs__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_colorpicker_color_inputs__button-radio svg,
.main_ui_workspace_colorpicker_color_inputs__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_colorpicker_color_inputs__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_colorpicker_color_inputs__button-radio:hover svg,
.main_ui_workspace_colorpicker_color_inputs__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_colorpicker_color_inputs__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_colorpicker_color_inputs__button-radio:active svg,
.main_ui_workspace_colorpicker_color_inputs__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_colorpicker_color_inputs__button-warning {
  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);
}

.main_ui_workspace_colorpicker_color_inputs__button-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;
}

.main_ui_workspace_colorpicker_color_inputs__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_colorpicker_color_inputs__button-tag: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);
}
.main_ui_workspace_colorpicker_color_inputs__button-tag:focus-visible svg,
.main_ui_workspace_colorpicker_color_inputs__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_colorpicker_color_inputs__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_colorpicker_color_inputs__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_colorpicker_color_inputs__button-icon, .main_ui_workspace_colorpicker_color_inputs__empty-icon svg, .main_ui_workspace_colorpicker_color_inputs__modal-close-btn-base svg, .main_ui_workspace_colorpicker_color_inputs__button-icon-small, .main_ui_workspace_colorpicker_color_inputs__dropdown-element-base span svg, .main_ui_workspace_colorpicker_color_inputs__attr-title button svg, .main_ui_workspace_colorpicker_color_inputs__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_color_inputs__input-checkbox label span.intermediate svg, .main_ui_workspace_colorpicker_color_inputs__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_color_inputs__input-checkbox label span.checked svg, .main_ui_workspace_colorpicker_color_inputs__input-element span svg, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper span svg, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper span svg,
.main_ui_workspace_colorpicker_color_inputs__input-element label svg,
.main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper label svg,
.main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper label svg, .main_ui_workspace_colorpicker_color_inputs__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_colorpicker_color_inputs__button-icon-small, .main_ui_workspace_colorpicker_color_inputs__dropdown-element-base span svg, .main_ui_workspace_colorpicker_color_inputs__attr-title button svg, .main_ui_workspace_colorpicker_color_inputs__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_color_inputs__input-checkbox label span.intermediate svg, .main_ui_workspace_colorpicker_color_inputs__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_color_inputs__input-checkbox label span.checked svg, .main_ui_workspace_colorpicker_color_inputs__input-element span svg, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper span svg, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper span svg,
.main_ui_workspace_colorpicker_color_inputs__input-element label svg,
.main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper label svg,
.main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper label svg, .main_ui_workspace_colorpicker_color_inputs__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_colorpicker_color_inputs__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_colorpicker_color_inputs__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_colorpicker_color_inputs__input-base, .main_ui_workspace_colorpicker_color_inputs__input-with-label input, .main_ui_workspace_colorpicker_color_inputs__input-element-label input, .main_ui_workspace_colorpicker_color_inputs__input-element input, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper input, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_color_inputs__input-base[disabled], .main_ui_workspace_colorpicker_color_inputs__input-with-label input[disabled], .main_ui_workspace_colorpicker_color_inputs__input-element-label input[disabled], .main_ui_workspace_colorpicker_color_inputs__input-element input[disabled], .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper input[disabled], .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_colorpicker_color_inputs__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_colorpicker_color_inputs__input-label, .main_ui_workspace_colorpicker_color_inputs__input-element span, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper span, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper span,
.main_ui_workspace_colorpicker_color_inputs__input-element label,
.main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper label,
.main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_colorpicker_color_inputs__input-element, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker_color_inputs__input-element:focus-within, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus-within, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_colorpicker_color_inputs__input-element span svg, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper span svg, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper span svg,
.main_ui_workspace_colorpicker_color_inputs__input-element label svg,
.main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper label svg,
.main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker_color_inputs__input-element ::-moz-placeholder, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper ::-moz-placeholder, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_color_inputs__input-element ::placeholder, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper ::placeholder, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_color_inputs__input-element:hover, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:hover, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker_color_inputs__input-element:hover span, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:hover span, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker_color_inputs__input-element:hover input, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:hover input, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker_color_inputs__input-element:active, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:active, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_colorpicker_color_inputs__input-element:active span, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:active span, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_color_inputs__input-element:active input, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:active input, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_color_inputs__input-element:focus, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus, .main_ui_workspace_colorpicker_color_inputs__input-element:focus-within, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus-within, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_colorpicker_color_inputs__input-element:focus span, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus span, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus span, .main_ui_workspace_colorpicker_color_inputs__input-element:focus-within span, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus-within span, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_color_inputs__input-element:focus input, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus input, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus input, .main_ui_workspace_colorpicker_color_inputs__input-element:focus-within input, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus-within input, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_color_inputs__input-element:focus:hover, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus:hover, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus:hover, .main_ui_workspace_colorpicker_color_inputs__input-element:focus-within:hover, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus-within:hover, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_colorpicker_color_inputs__input-element:focus:hover span, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus:hover span, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus:hover span, .main_ui_workspace_colorpicker_color_inputs__input-element:focus-within:hover span, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus-within:hover span, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_color_inputs__input-element:focus:hover input, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus:hover input, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus:hover input, .main_ui_workspace_colorpicker_color_inputs__input-element:focus-within:hover input, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus-within:hover input, .main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_colorpicker_color_inputs__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_colorpicker_color_inputs__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_colorpicker_color_inputs__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_color_inputs__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_color_inputs__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker_color_inputs__input-element-label:focus-within input, .main_ui_workspace_colorpicker_color_inputs__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_colorpicker_color_inputs__disabled-input, .main_ui_workspace_colorpicker_color_inputs__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_colorpicker_color_inputs__disabled-input input, .main_ui_workspace_colorpicker_color_inputs__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_colorpicker_color_inputs__disabled-input span svg, .main_ui_workspace_colorpicker_color_inputs__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_colorpicker_color_inputs__checkbox-icon, .main_ui_workspace_colorpicker_color_inputs__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_colorpicker_color_inputs__checkbox-icon svg, .main_ui_workspace_colorpicker_color_inputs__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_colorpicker_color_inputs__checkbox-icon:hover, .main_ui_workspace_colorpicker_color_inputs__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_colorpicker_color_inputs__checkbox-icon:focus, .main_ui_workspace_colorpicker_color_inputs__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_colorpicker_color_inputs__checkbox-icon.checked, .main_ui_workspace_colorpicker_color_inputs__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_colorpicker_color_inputs__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_color_inputs__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_colorpicker_color_inputs__checkbox-icon.intermediate, .main_ui_workspace_colorpicker_color_inputs__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_colorpicker_color_inputs__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_color_inputs__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_colorpicker_color_inputs__checkbox-icon.unchecked, .main_ui_workspace_colorpicker_color_inputs__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_colorpicker_color_inputs__checkbox-icon.unchecked svg, .main_ui_workspace_colorpicker_color_inputs__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_colorpicker_color_inputs__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_colorpicker_color_inputs__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_colorpicker_color_inputs__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_colorpicker_color_inputs__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_colorpicker_color_inputs__input-checkbox label:focus span, .main_ui_workspace_colorpicker_color_inputs__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_colorpicker_color_inputs__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_colorpicker_color_inputs__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_color_inputs__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_color_inputs__input-with-label input:focus-within, .main_ui_workspace_colorpicker_color_inputs__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_colorpicker_color_inputs__input-with-label input:focus-within input, .main_ui_workspace_colorpicker_color_inputs__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_color_inputs__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_colorpicker_color_inputs__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_colorpicker_color_inputs__modal-overlay-base {
  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);
}

.main_ui_workspace_colorpicker_color_inputs__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_colorpicker_color_inputs__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_colorpicker_color_inputs__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_colorpicker_color_inputs__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_colorpicker_color_inputs__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_colorpicker_color_inputs__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_colorpicker_color_inputs__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_colorpicker_color_inputs__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_colorpicker_color_inputs__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_colorpicker_color_inputs__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_colorpicker_color_inputs__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_colorpicker_color_inputs__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_colorpicker_color_inputs__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_colorpicker_color_inputs__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_colorpicker_color_inputs__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_colorpicker_color_inputs__colorpicker-handler {
  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;
}
.main_ui_workspace_colorpicker_color_inputs__colorpicker-handler:hover, .main_ui_workspace_colorpicker_color_inputs__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_colorpicker_color_inputs__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_colorpicker_color_inputs__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_colorpicker_color_inputs__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_colorpicker_color_inputs__attr-title button {
  display: none;
}
.main_ui_workspace_colorpicker_color_inputs__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_colorpicker_color_inputs__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_colorpicker_color_inputs__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_colorpicker_color_inputs__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_colorpicker_color_inputs__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_colorpicker_color_inputs__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_colorpicker_color_inputs__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_colorpicker_color_inputs__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_colorpicker_color_inputs__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_colorpicker_color_inputs__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_colorpicker_color_inputs__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_colorpicker_color_inputs__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_colorpicker_color_inputs__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_colorpicker_color_inputs__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_colorpicker_color_inputs__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_colorpicker_color_inputs__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_colorpicker_color_inputs__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_colorpicker_color_inputs__color-values {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.5rem;
  padding: 0 var(--sp-m);
}
.main_ui_workspace_colorpicker_color_inputs__color-values.main_ui_workspace_colorpicker_color_inputs__disable-opacity {
  grid-template-columns: 3.5rem repeat(3, 1fr);
}
.main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__colors-row .main_ui_workspace_colorpicker_color_inputs__input-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 5.25rem;
  display: flex;
  align-items: baseline;
}
.main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 5.25rem;
}
.main_ui_workspace_colorpicker_color_inputs__color-values .main_ui_workspace_colorpicker_color_inputs__hex-alpha-wrapper .main_ui_workspace_colorpicker_color_inputs__input-wrapper.main_ui_workspace_colorpicker_color_inputs__hex {
  width: 10.75rem;
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
@keyframes main_ui_workspace_colorpicker_gradients__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_colorpicker_gradients__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_colorpicker_gradients__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_colorpicker_gradients__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_colorpicker_gradients__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_colorpicker_gradients__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_colorpicker_gradients__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_colorpicker_gradients__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_colorpicker_gradients__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_colorpicker_gradients__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_colorpicker_gradients__new-scrollbar ::placeholder,
.main_ui_workspace_colorpicker_gradients__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_colorpicker_gradients__button-primary, .main_ui_workspace_colorpicker_gradients__modal-danger-btn, .main_ui_workspace_colorpicker_gradients__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_colorpicker_gradients__button-primary:focus-visible, .main_ui_workspace_colorpicker_gradients__modal-danger-btn:focus-visible, .main_ui_workspace_colorpicker_gradients__modal-accept-btn: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);
}
.main_ui_workspace_colorpicker_gradients__button-primary:focus-visible svg, .main_ui_workspace_colorpicker_gradients__modal-danger-btn:focus-visible svg, .main_ui_workspace_colorpicker_gradients__modal-accept-btn:focus-visible svg,
.main_ui_workspace_colorpicker_gradients__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_gradients__button-primary svg, .main_ui_workspace_colorpicker_gradients__modal-danger-btn svg, .main_ui_workspace_colorpicker_gradients__modal-accept-btn svg,
.main_ui_workspace_colorpicker_gradients__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_gradients__button-primary:hover, .main_ui_workspace_colorpicker_gradients__modal-danger-btn:hover, .main_ui_workspace_colorpicker_gradients__modal-accept-btn: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;
}
.main_ui_workspace_colorpicker_gradients__button-primary:hover svg, .main_ui_workspace_colorpicker_gradients__modal-danger-btn:hover svg, .main_ui_workspace_colorpicker_gradients__modal-accept-btn:hover svg,
.main_ui_workspace_colorpicker_gradients__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_gradients__button-primary:active, .main_ui_workspace_colorpicker_gradients__modal-danger-btn:active, .main_ui_workspace_colorpicker_gradients__modal-accept-btn: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;
}
.main_ui_workspace_colorpicker_gradients__button-primary:active svg, .main_ui_workspace_colorpicker_gradients__modal-danger-btn:active svg, .main_ui_workspace_colorpicker_gradients__modal-accept-btn:active svg,
.main_ui_workspace_colorpicker_gradients__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_colorpicker_gradients__button-primary.disabled, .main_ui_workspace_colorpicker_gradients__modal-danger-btn.disabled, .main_ui_workspace_colorpicker_gradients__modal-accept-btn.disabled, .main_ui_workspace_colorpicker_gradients__button-primary[disabled], [disabled].main_ui_workspace_colorpicker_gradients__modal-danger-btn, [disabled].main_ui_workspace_colorpicker_gradients__modal-accept-btn, .main_ui_workspace_colorpicker_gradients__button-primary:disabled, .main_ui_workspace_colorpicker_gradients__modal-danger-btn:disabled, .main_ui_workspace_colorpicker_gradients__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_colorpicker_gradients__button-secondary, .main_ui_workspace_colorpicker_gradients__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_gradients__button-secondary:focus-visible, .main_ui_workspace_colorpicker_gradients__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_gradients__button-secondary:focus-visible svg, .main_ui_workspace_colorpicker_gradients__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_colorpicker_gradients__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_gradients__button-secondary svg, .main_ui_workspace_colorpicker_gradients__modal-cancel-btn svg,
.main_ui_workspace_colorpicker_gradients__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_gradients__button-secondary:hover, .main_ui_workspace_colorpicker_gradients__modal-cancel-btn: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;
}
.main_ui_workspace_colorpicker_gradients__button-secondary:hover svg, .main_ui_workspace_colorpicker_gradients__modal-cancel-btn:hover svg,
.main_ui_workspace_colorpicker_gradients__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_gradients__button-secondary:active, .main_ui_workspace_colorpicker_gradients__modal-cancel-btn: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);
}
.main_ui_workspace_colorpicker_gradients__button-secondary:active svg, .main_ui_workspace_colorpicker_gradients__modal-cancel-btn:active svg,
.main_ui_workspace_colorpicker_gradients__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_colorpicker_gradients__button-secondary.disabled, .main_ui_workspace_colorpicker_gradients__modal-cancel-btn.disabled, .main_ui_workspace_colorpicker_gradients__button-secondary[disabled], [disabled].main_ui_workspace_colorpicker_gradients__modal-cancel-btn, .main_ui_workspace_colorpicker_gradients__button-secondary:disabled, .main_ui_workspace_colorpicker_gradients__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_colorpicker_gradients__button-tertiary, .main_ui_workspace_colorpicker_gradients__attr-title button, .main_ui_workspace_colorpicker_gradients__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_colorpicker_gradients__button-tertiary:focus-visible, .main_ui_workspace_colorpicker_gradients__attr-title button:focus-visible, .main_ui_workspace_colorpicker_gradients__modal-close-btn-base: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);
}
.main_ui_workspace_colorpicker_gradients__button-tertiary:focus-visible svg, .main_ui_workspace_colorpicker_gradients__attr-title button:focus-visible svg, .main_ui_workspace_colorpicker_gradients__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_colorpicker_gradients__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_gradients__button-tertiary svg, .main_ui_workspace_colorpicker_gradients__attr-title button svg, .main_ui_workspace_colorpicker_gradients__modal-close-btn-base svg,
.main_ui_workspace_colorpicker_gradients__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_gradients__button-tertiary:hover, .main_ui_workspace_colorpicker_gradients__attr-title button:hover, .main_ui_workspace_colorpicker_gradients__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_colorpicker_gradients__button-tertiary:hover svg, .main_ui_workspace_colorpicker_gradients__attr-title button:hover svg, .main_ui_workspace_colorpicker_gradients__modal-close-btn-base:hover svg,
.main_ui_workspace_colorpicker_gradients__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_gradients__button-tertiary:active, .main_ui_workspace_colorpicker_gradients__attr-title button:active, .main_ui_workspace_colorpicker_gradients__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker_gradients__button-tertiary:active svg, .main_ui_workspace_colorpicker_gradients__attr-title button:active svg, .main_ui_workspace_colorpicker_gradients__modal-close-btn-base:active svg,
.main_ui_workspace_colorpicker_gradients__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker_gradients__button-tertiary.disabled, .main_ui_workspace_colorpicker_gradients__attr-title button.disabled, .main_ui_workspace_colorpicker_gradients__modal-close-btn-base.disabled, .main_ui_workspace_colorpicker_gradients__button-tertiary[disabled], .main_ui_workspace_colorpicker_gradients__attr-title button[disabled], [disabled].main_ui_workspace_colorpicker_gradients__modal-close-btn-base, .main_ui_workspace_colorpicker_gradients__button-tertiary:disabled, .main_ui_workspace_colorpicker_gradients__attr-title button:disabled, .main_ui_workspace_colorpicker_gradients__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_colorpicker_gradients__button-tertiary.disabled svg, .main_ui_workspace_colorpicker_gradients__attr-title button.disabled svg, .main_ui_workspace_colorpicker_gradients__modal-close-btn-base.disabled svg,
.main_ui_workspace_colorpicker_gradients__button-tertiary.disabled span svg, .main_ui_workspace_colorpicker_gradients__button-tertiary[disabled] svg, .main_ui_workspace_colorpicker_gradients__attr-title button[disabled] svg, [disabled].main_ui_workspace_colorpicker_gradients__modal-close-btn-base svg,
.main_ui_workspace_colorpicker_gradients__button-tertiary[disabled] span svg, .main_ui_workspace_colorpicker_gradients__button-tertiary:disabled svg, .main_ui_workspace_colorpicker_gradients__attr-title button:disabled svg, .main_ui_workspace_colorpicker_gradients__modal-close-btn-base:disabled svg,
.main_ui_workspace_colorpicker_gradients__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_colorpicker_gradients__button-icon-selected {
  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);
}
.main_ui_workspace_colorpicker_gradients__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_colorpicker_gradients__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_colorpicker_gradients__button-radio: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);
}
.main_ui_workspace_colorpicker_gradients__button-radio:focus-visible svg,
.main_ui_workspace_colorpicker_gradients__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_colorpicker_gradients__button-radio svg,
.main_ui_workspace_colorpicker_gradients__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_colorpicker_gradients__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_colorpicker_gradients__button-radio:hover svg,
.main_ui_workspace_colorpicker_gradients__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_colorpicker_gradients__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_colorpicker_gradients__button-radio:active svg,
.main_ui_workspace_colorpicker_gradients__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_colorpicker_gradients__button-warning {
  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);
}

.main_ui_workspace_colorpicker_gradients__button-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;
}

.main_ui_workspace_colorpicker_gradients__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_colorpicker_gradients__button-tag: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);
}
.main_ui_workspace_colorpicker_gradients__button-tag:focus-visible svg,
.main_ui_workspace_colorpicker_gradients__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_colorpicker_gradients__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_colorpicker_gradients__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_colorpicker_gradients__button-icon, .main_ui_workspace_colorpicker_gradients__empty-icon svg, .main_ui_workspace_colorpicker_gradients__modal-close-btn-base svg, .main_ui_workspace_colorpicker_gradients__button-icon-small, .main_ui_workspace_colorpicker_gradients__dropdown-element-base span svg, .main_ui_workspace_colorpicker_gradients__attr-title button svg, .main_ui_workspace_colorpicker_gradients__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_gradients__input-checkbox label span.intermediate svg, .main_ui_workspace_colorpicker_gradients__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_gradients__input-checkbox label span.checked svg, .main_ui_workspace_colorpicker_gradients__input-element span svg, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper span svg,
.main_ui_workspace_colorpicker_gradients__input-element label svg,
.main_ui_workspace_colorpicker_gradients__offset-input-wrapper label svg, .main_ui_workspace_colorpicker_gradients__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_colorpicker_gradients__button-icon-small, .main_ui_workspace_colorpicker_gradients__dropdown-element-base span svg, .main_ui_workspace_colorpicker_gradients__attr-title button svg, .main_ui_workspace_colorpicker_gradients__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_gradients__input-checkbox label span.intermediate svg, .main_ui_workspace_colorpicker_gradients__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_gradients__input-checkbox label span.checked svg, .main_ui_workspace_colorpicker_gradients__input-element span svg, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper span svg,
.main_ui_workspace_colorpicker_gradients__input-element label svg,
.main_ui_workspace_colorpicker_gradients__offset-input-wrapper label svg, .main_ui_workspace_colorpicker_gradients__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_colorpicker_gradients__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_colorpicker_gradients__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_colorpicker_gradients__input-base, .main_ui_workspace_colorpicker_gradients__input-with-label input, .main_ui_workspace_colorpicker_gradients__input-element-label input, .main_ui_workspace_colorpicker_gradients__input-element input, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_gradients__input-base[disabled], .main_ui_workspace_colorpicker_gradients__input-with-label input[disabled], .main_ui_workspace_colorpicker_gradients__input-element-label input[disabled], .main_ui_workspace_colorpicker_gradients__input-element input[disabled], .main_ui_workspace_colorpicker_gradients__offset-input-wrapper input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_colorpicker_gradients__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_colorpicker_gradients__input-label, .main_ui_workspace_colorpicker_gradients__input-element span, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper span,
.main_ui_workspace_colorpicker_gradients__input-element label,
.main_ui_workspace_colorpicker_gradients__offset-input-wrapper label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_colorpicker_gradients__input-element, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker_gradients__input-element:focus-within, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_colorpicker_gradients__input-element span svg, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper span svg,
.main_ui_workspace_colorpicker_gradients__input-element label svg,
.main_ui_workspace_colorpicker_gradients__offset-input-wrapper label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker_gradients__input-element ::-moz-placeholder, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_gradients__input-element ::placeholder, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_gradients__input-element:hover, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker_gradients__input-element:hover span, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker_gradients__input-element:hover input, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker_gradients__input-element:active, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_colorpicker_gradients__input-element:active span, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_gradients__input-element:active input, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_gradients__input-element:focus, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:focus, .main_ui_workspace_colorpicker_gradients__input-element:focus-within, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_colorpicker_gradients__input-element:focus span, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:focus span, .main_ui_workspace_colorpicker_gradients__input-element:focus-within span, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_gradients__input-element:focus input, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:focus input, .main_ui_workspace_colorpicker_gradients__input-element:focus-within input, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_gradients__input-element:focus:hover, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:focus:hover, .main_ui_workspace_colorpicker_gradients__input-element:focus-within:hover, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_colorpicker_gradients__input-element:focus:hover span, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:focus:hover span, .main_ui_workspace_colorpicker_gradients__input-element:focus-within:hover span, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_gradients__input-element:focus:hover input, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:focus:hover input, .main_ui_workspace_colorpicker_gradients__input-element:focus-within:hover input, .main_ui_workspace_colorpicker_gradients__offset-input-wrapper:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_colorpicker_gradients__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_colorpicker_gradients__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_colorpicker_gradients__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_gradients__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_gradients__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker_gradients__input-element-label:focus-within input, .main_ui_workspace_colorpicker_gradients__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_colorpicker_gradients__disabled-input, .main_ui_workspace_colorpicker_gradients__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_colorpicker_gradients__disabled-input input, .main_ui_workspace_colorpicker_gradients__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_colorpicker_gradients__disabled-input span svg, .main_ui_workspace_colorpicker_gradients__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_colorpicker_gradients__checkbox-icon, .main_ui_workspace_colorpicker_gradients__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_colorpicker_gradients__checkbox-icon svg, .main_ui_workspace_colorpicker_gradients__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_colorpicker_gradients__checkbox-icon:hover, .main_ui_workspace_colorpicker_gradients__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_colorpicker_gradients__checkbox-icon:focus, .main_ui_workspace_colorpicker_gradients__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_colorpicker_gradients__checkbox-icon.checked, .main_ui_workspace_colorpicker_gradients__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_colorpicker_gradients__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_gradients__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_colorpicker_gradients__checkbox-icon.intermediate, .main_ui_workspace_colorpicker_gradients__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_colorpicker_gradients__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_gradients__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_colorpicker_gradients__checkbox-icon.unchecked, .main_ui_workspace_colorpicker_gradients__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_colorpicker_gradients__checkbox-icon.unchecked svg, .main_ui_workspace_colorpicker_gradients__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_colorpicker_gradients__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_colorpicker_gradients__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_colorpicker_gradients__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_colorpicker_gradients__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_colorpicker_gradients__input-checkbox label:focus span, .main_ui_workspace_colorpicker_gradients__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_colorpicker_gradients__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_colorpicker_gradients__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_gradients__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_gradients__input-with-label input:focus-within, .main_ui_workspace_colorpicker_gradients__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_colorpicker_gradients__input-with-label input:focus-within input, .main_ui_workspace_colorpicker_gradients__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_gradients__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_colorpicker_gradients__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_colorpicker_gradients__modal-overlay-base {
  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);
}

.main_ui_workspace_colorpicker_gradients__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_colorpicker_gradients__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_colorpicker_gradients__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_colorpicker_gradients__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_colorpicker_gradients__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_colorpicker_gradients__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_colorpicker_gradients__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_colorpicker_gradients__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_colorpicker_gradients__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_colorpicker_gradients__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_colorpicker_gradients__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_colorpicker_gradients__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_colorpicker_gradients__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_colorpicker_gradients__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_colorpicker_gradients__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_colorpicker_gradients__colorpicker-handler {
  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;
}
.main_ui_workspace_colorpicker_gradients__colorpicker-handler:hover, .main_ui_workspace_colorpicker_gradients__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_colorpicker_gradients__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_colorpicker_gradients__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_colorpicker_gradients__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_colorpicker_gradients__attr-title button {
  display: none;
}
.main_ui_workspace_colorpicker_gradients__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_colorpicker_gradients__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_colorpicker_gradients__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_colorpicker_gradients__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_colorpicker_gradients__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_colorpicker_gradients__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_colorpicker_gradients__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_colorpicker_gradients__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_colorpicker_gradients__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_colorpicker_gradients__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_colorpicker_gradients__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_colorpicker_gradients__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_colorpicker_gradients__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_colorpicker_gradients__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_colorpicker_gradients__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_colorpicker_gradients__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_colorpicker_gradients__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_colorpicker_gradients__gradient-panel {
  margin-top: 0.75rem;
  display: grid;
  gap: 0.25rem;
  grid-template-rows: 3.5rem 2rem 1fr;
}

.main_ui_workspace_colorpicker_gradients__gradient-preview {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 var(--sp-m);
}

.main_ui_workspace_colorpicker_gradients__gradient-background {
  width: 100%;
  height: 1.25rem;
  border-radius: 0.25rem;
  position: relative;
  cursor: pointer;
}

.main_ui_workspace_colorpicker_gradients__gradient-preview-stop-wrapper {
  position: absolute;
  width: calc(100% - 1.5rem - 0.25rem);
  height: 100%;
  left: 0.125rem;
  top: -0.25rem;
  pointer-events: none;
}

.main_ui_workspace_colorpicker_gradients__gradient-preview-stop {
  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: 0.375rem;
  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);
}
.main_ui_workspace_colorpicker_gradients__gradient-preview-stop.main_ui_workspace_colorpicker_gradients__is-selected, .main_ui_workspace_colorpicker_gradients__gradient-preview-stop:hover {
  outline: 0.125rem solid var(--color-accent-primary);
}

.main_ui_workspace_colorpicker_gradients__gradient-preview-stop-decoration {
  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;
}

.main_ui_workspace_colorpicker_gradients__gradient-preview-stop-color {
  position: absolute;
  left: 0;
  width: 50%;
  height: 100%;
  background: var(--color-solid);
}

.main_ui_workspace_colorpicker_gradients__gradient-preview-stop-alpha {
  position: absolute;
  left: 50%;
  width: 50%;
  height: 100%;
  background: var(--color-alpha);
}

.main_ui_workspace_colorpicker_gradients__gradient-options {
  display: flex;
  justify-content: space-between;
  padding: 0 var(--sp-m);
}

.main_ui_workspace_colorpicker_gradients__gradient-options-buttons {
  display: flex;
}

.main_ui_workspace_colorpicker_gradients__gradient-options-select {
  width: 8.75rem;
}

.main_ui_workspace_colorpicker_gradients__rotate-icon {
  transform: scaleX(-1);
}

.main_ui_workspace_colorpicker_gradients__gradient-stops-list {
  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);
}

.main_ui_workspace_colorpicker_gradients__gradient-stops-entry {
  display: flex;
  gap: 0.25rem;
  padding: 0.125rem;
  border-radius: 0.75rem;
  border: 1px solid transparent;
  position: relative;
}
.main_ui_workspace_colorpicker_gradients__gradient-stops-entry.main_ui_workspace_colorpicker_gradients__is-selected {
  border-color: var(--color-accent-primary-muted);
}
.main_ui_workspace_colorpicker_gradients__gradient-stops-entry:hover {
  --reorder-icon-visibility: visible;
}
.main_ui_workspace_colorpicker_gradients__gradient-stops-entry.main_ui_workspace_colorpicker_gradients__dnd-over-top {
  --reorder-top-display: block;
}
.main_ui_workspace_colorpicker_gradients__gradient-stops-entry.main_ui_workspace_colorpicker_gradients__dnd-over-bot {
  --reorder-bottom-display: block;
}

.main_ui_workspace_colorpicker_gradients__offset-input-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 5.75rem;
}

.main_ui_workspace_colorpicker_gradients__gradient-separator {
  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));
}

.main_ui_workspace_colorpicker_gradients__gradient-preview-stop-preview {
  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 main_ui_workspace_colorpicker_harmony__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_colorpicker_harmony__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_colorpicker_harmony__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_colorpicker_harmony__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_colorpicker_harmony__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_colorpicker_harmony__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_colorpicker_harmony__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_colorpicker_harmony__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_colorpicker_harmony__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_colorpicker_harmony__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_colorpicker_harmony__new-scrollbar ::placeholder,
.main_ui_workspace_colorpicker_harmony__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_colorpicker_harmony__button-primary, .main_ui_workspace_colorpicker_harmony__modal-danger-btn, .main_ui_workspace_colorpicker_harmony__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_colorpicker_harmony__button-primary:focus-visible, .main_ui_workspace_colorpicker_harmony__modal-danger-btn:focus-visible, .main_ui_workspace_colorpicker_harmony__modal-accept-btn: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);
}
.main_ui_workspace_colorpicker_harmony__button-primary:focus-visible svg, .main_ui_workspace_colorpicker_harmony__modal-danger-btn:focus-visible svg, .main_ui_workspace_colorpicker_harmony__modal-accept-btn:focus-visible svg,
.main_ui_workspace_colorpicker_harmony__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_harmony__button-primary svg, .main_ui_workspace_colorpicker_harmony__modal-danger-btn svg, .main_ui_workspace_colorpicker_harmony__modal-accept-btn svg,
.main_ui_workspace_colorpicker_harmony__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_harmony__button-primary:hover, .main_ui_workspace_colorpicker_harmony__modal-danger-btn:hover, .main_ui_workspace_colorpicker_harmony__modal-accept-btn: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;
}
.main_ui_workspace_colorpicker_harmony__button-primary:hover svg, .main_ui_workspace_colorpicker_harmony__modal-danger-btn:hover svg, .main_ui_workspace_colorpicker_harmony__modal-accept-btn:hover svg,
.main_ui_workspace_colorpicker_harmony__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_harmony__button-primary:active, .main_ui_workspace_colorpicker_harmony__modal-danger-btn:active, .main_ui_workspace_colorpicker_harmony__modal-accept-btn: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;
}
.main_ui_workspace_colorpicker_harmony__button-primary:active svg, .main_ui_workspace_colorpicker_harmony__modal-danger-btn:active svg, .main_ui_workspace_colorpicker_harmony__modal-accept-btn:active svg,
.main_ui_workspace_colorpicker_harmony__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_colorpicker_harmony__button-primary.disabled, .main_ui_workspace_colorpicker_harmony__modal-danger-btn.disabled, .main_ui_workspace_colorpicker_harmony__modal-accept-btn.disabled, .main_ui_workspace_colorpicker_harmony__button-primary[disabled], [disabled].main_ui_workspace_colorpicker_harmony__modal-danger-btn, [disabled].main_ui_workspace_colorpicker_harmony__modal-accept-btn, .main_ui_workspace_colorpicker_harmony__button-primary:disabled, .main_ui_workspace_colorpicker_harmony__modal-danger-btn:disabled, .main_ui_workspace_colorpicker_harmony__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_colorpicker_harmony__button-secondary, .main_ui_workspace_colorpicker_harmony__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_harmony__button-secondary:focus-visible, .main_ui_workspace_colorpicker_harmony__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_harmony__button-secondary:focus-visible svg, .main_ui_workspace_colorpicker_harmony__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_colorpicker_harmony__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_harmony__button-secondary svg, .main_ui_workspace_colorpicker_harmony__modal-cancel-btn svg,
.main_ui_workspace_colorpicker_harmony__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_harmony__button-secondary:hover, .main_ui_workspace_colorpicker_harmony__modal-cancel-btn: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;
}
.main_ui_workspace_colorpicker_harmony__button-secondary:hover svg, .main_ui_workspace_colorpicker_harmony__modal-cancel-btn:hover svg,
.main_ui_workspace_colorpicker_harmony__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_harmony__button-secondary:active, .main_ui_workspace_colorpicker_harmony__modal-cancel-btn: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);
}
.main_ui_workspace_colorpicker_harmony__button-secondary:active svg, .main_ui_workspace_colorpicker_harmony__modal-cancel-btn:active svg,
.main_ui_workspace_colorpicker_harmony__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_colorpicker_harmony__button-secondary.disabled, .main_ui_workspace_colorpicker_harmony__modal-cancel-btn.disabled, .main_ui_workspace_colorpicker_harmony__button-secondary[disabled], [disabled].main_ui_workspace_colorpicker_harmony__modal-cancel-btn, .main_ui_workspace_colorpicker_harmony__button-secondary:disabled, .main_ui_workspace_colorpicker_harmony__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_colorpicker_harmony__button-tertiary, .main_ui_workspace_colorpicker_harmony__attr-title button, .main_ui_workspace_colorpicker_harmony__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_colorpicker_harmony__button-tertiary:focus-visible, .main_ui_workspace_colorpicker_harmony__attr-title button:focus-visible, .main_ui_workspace_colorpicker_harmony__modal-close-btn-base: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);
}
.main_ui_workspace_colorpicker_harmony__button-tertiary:focus-visible svg, .main_ui_workspace_colorpicker_harmony__attr-title button:focus-visible svg, .main_ui_workspace_colorpicker_harmony__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_colorpicker_harmony__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_harmony__button-tertiary svg, .main_ui_workspace_colorpicker_harmony__attr-title button svg, .main_ui_workspace_colorpicker_harmony__modal-close-btn-base svg,
.main_ui_workspace_colorpicker_harmony__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_harmony__button-tertiary:hover, .main_ui_workspace_colorpicker_harmony__attr-title button:hover, .main_ui_workspace_colorpicker_harmony__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_colorpicker_harmony__button-tertiary:hover svg, .main_ui_workspace_colorpicker_harmony__attr-title button:hover svg, .main_ui_workspace_colorpicker_harmony__modal-close-btn-base:hover svg,
.main_ui_workspace_colorpicker_harmony__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_harmony__button-tertiary:active, .main_ui_workspace_colorpicker_harmony__attr-title button:active, .main_ui_workspace_colorpicker_harmony__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker_harmony__button-tertiary:active svg, .main_ui_workspace_colorpicker_harmony__attr-title button:active svg, .main_ui_workspace_colorpicker_harmony__modal-close-btn-base:active svg,
.main_ui_workspace_colorpicker_harmony__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker_harmony__button-tertiary.disabled, .main_ui_workspace_colorpicker_harmony__attr-title button.disabled, .main_ui_workspace_colorpicker_harmony__modal-close-btn-base.disabled, .main_ui_workspace_colorpicker_harmony__button-tertiary[disabled], .main_ui_workspace_colorpicker_harmony__attr-title button[disabled], [disabled].main_ui_workspace_colorpicker_harmony__modal-close-btn-base, .main_ui_workspace_colorpicker_harmony__button-tertiary:disabled, .main_ui_workspace_colorpicker_harmony__attr-title button:disabled, .main_ui_workspace_colorpicker_harmony__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_colorpicker_harmony__button-tertiary.disabled svg, .main_ui_workspace_colorpicker_harmony__attr-title button.disabled svg, .main_ui_workspace_colorpicker_harmony__modal-close-btn-base.disabled svg,
.main_ui_workspace_colorpicker_harmony__button-tertiary.disabled span svg, .main_ui_workspace_colorpicker_harmony__button-tertiary[disabled] svg, .main_ui_workspace_colorpicker_harmony__attr-title button[disabled] svg, [disabled].main_ui_workspace_colorpicker_harmony__modal-close-btn-base svg,
.main_ui_workspace_colorpicker_harmony__button-tertiary[disabled] span svg, .main_ui_workspace_colorpicker_harmony__button-tertiary:disabled svg, .main_ui_workspace_colorpicker_harmony__attr-title button:disabled svg, .main_ui_workspace_colorpicker_harmony__modal-close-btn-base:disabled svg,
.main_ui_workspace_colorpicker_harmony__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_colorpicker_harmony__button-icon-selected {
  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);
}
.main_ui_workspace_colorpicker_harmony__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_colorpicker_harmony__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_colorpicker_harmony__button-radio: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);
}
.main_ui_workspace_colorpicker_harmony__button-radio:focus-visible svg,
.main_ui_workspace_colorpicker_harmony__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_colorpicker_harmony__button-radio svg,
.main_ui_workspace_colorpicker_harmony__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_colorpicker_harmony__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_colorpicker_harmony__button-radio:hover svg,
.main_ui_workspace_colorpicker_harmony__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_colorpicker_harmony__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_colorpicker_harmony__button-radio:active svg,
.main_ui_workspace_colorpicker_harmony__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_colorpicker_harmony__button-warning {
  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);
}

.main_ui_workspace_colorpicker_harmony__button-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;
}

.main_ui_workspace_colorpicker_harmony__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_colorpicker_harmony__button-tag: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);
}
.main_ui_workspace_colorpicker_harmony__button-tag:focus-visible svg,
.main_ui_workspace_colorpicker_harmony__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_colorpicker_harmony__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_colorpicker_harmony__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_colorpicker_harmony__button-icon, .main_ui_workspace_colorpicker_harmony__empty-icon svg, .main_ui_workspace_colorpicker_harmony__modal-close-btn-base svg, .main_ui_workspace_colorpicker_harmony__button-icon-small, .main_ui_workspace_colorpicker_harmony__dropdown-element-base span svg, .main_ui_workspace_colorpicker_harmony__attr-title button svg, .main_ui_workspace_colorpicker_harmony__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_harmony__input-checkbox label span.intermediate svg, .main_ui_workspace_colorpicker_harmony__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_harmony__input-checkbox label span.checked svg, .main_ui_workspace_colorpicker_harmony__input-element span svg,
.main_ui_workspace_colorpicker_harmony__input-element label svg, .main_ui_workspace_colorpicker_harmony__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_colorpicker_harmony__button-icon-small, .main_ui_workspace_colorpicker_harmony__dropdown-element-base span svg, .main_ui_workspace_colorpicker_harmony__attr-title button svg, .main_ui_workspace_colorpicker_harmony__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_harmony__input-checkbox label span.intermediate svg, .main_ui_workspace_colorpicker_harmony__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_harmony__input-checkbox label span.checked svg, .main_ui_workspace_colorpicker_harmony__input-element span svg,
.main_ui_workspace_colorpicker_harmony__input-element label svg, .main_ui_workspace_colorpicker_harmony__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_colorpicker_harmony__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_colorpicker_harmony__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_colorpicker_harmony__input-base, .main_ui_workspace_colorpicker_harmony__input-with-label input, .main_ui_workspace_colorpicker_harmony__input-element-label input, .main_ui_workspace_colorpicker_harmony__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_harmony__input-base[disabled], .main_ui_workspace_colorpicker_harmony__input-with-label input[disabled], .main_ui_workspace_colorpicker_harmony__input-element-label input[disabled], .main_ui_workspace_colorpicker_harmony__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_colorpicker_harmony__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_colorpicker_harmony__input-label, .main_ui_workspace_colorpicker_harmony__input-element span,
.main_ui_workspace_colorpicker_harmony__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_colorpicker_harmony__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker_harmony__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_colorpicker_harmony__input-element span svg,
.main_ui_workspace_colorpicker_harmony__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker_harmony__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_harmony__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_harmony__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker_harmony__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker_harmony__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker_harmony__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_colorpicker_harmony__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_harmony__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_harmony__input-element:focus, .main_ui_workspace_colorpicker_harmony__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_colorpicker_harmony__input-element:focus span, .main_ui_workspace_colorpicker_harmony__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_harmony__input-element:focus input, .main_ui_workspace_colorpicker_harmony__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_harmony__input-element:focus:hover, .main_ui_workspace_colorpicker_harmony__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_colorpicker_harmony__input-element:focus:hover span, .main_ui_workspace_colorpicker_harmony__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_harmony__input-element:focus:hover input, .main_ui_workspace_colorpicker_harmony__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_colorpicker_harmony__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_colorpicker_harmony__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_colorpicker_harmony__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_harmony__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_harmony__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker_harmony__input-element-label:focus-within input, .main_ui_workspace_colorpicker_harmony__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_colorpicker_harmony__disabled-input, .main_ui_workspace_colorpicker_harmony__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_colorpicker_harmony__disabled-input input, .main_ui_workspace_colorpicker_harmony__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_colorpicker_harmony__disabled-input span svg, .main_ui_workspace_colorpicker_harmony__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_colorpicker_harmony__checkbox-icon, .main_ui_workspace_colorpicker_harmony__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_colorpicker_harmony__checkbox-icon svg, .main_ui_workspace_colorpicker_harmony__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_colorpicker_harmony__checkbox-icon:hover, .main_ui_workspace_colorpicker_harmony__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_colorpicker_harmony__checkbox-icon:focus, .main_ui_workspace_colorpicker_harmony__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_colorpicker_harmony__checkbox-icon.checked, .main_ui_workspace_colorpicker_harmony__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_colorpicker_harmony__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_harmony__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_colorpicker_harmony__checkbox-icon.intermediate, .main_ui_workspace_colorpicker_harmony__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_colorpicker_harmony__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_harmony__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_colorpicker_harmony__checkbox-icon.unchecked, .main_ui_workspace_colorpicker_harmony__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_colorpicker_harmony__checkbox-icon.unchecked svg, .main_ui_workspace_colorpicker_harmony__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_colorpicker_harmony__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_colorpicker_harmony__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_colorpicker_harmony__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_colorpicker_harmony__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_colorpicker_harmony__input-checkbox label:focus span, .main_ui_workspace_colorpicker_harmony__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_colorpicker_harmony__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_colorpicker_harmony__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_harmony__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_harmony__input-with-label input:focus-within, .main_ui_workspace_colorpicker_harmony__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_colorpicker_harmony__input-with-label input:focus-within input, .main_ui_workspace_colorpicker_harmony__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_harmony__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_colorpicker_harmony__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_colorpicker_harmony__modal-overlay-base {
  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);
}

.main_ui_workspace_colorpicker_harmony__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_colorpicker_harmony__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_colorpicker_harmony__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_colorpicker_harmony__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_colorpicker_harmony__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_colorpicker_harmony__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_colorpicker_harmony__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_colorpicker_harmony__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_colorpicker_harmony__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_colorpicker_harmony__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_colorpicker_harmony__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_colorpicker_harmony__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_colorpicker_harmony__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_colorpicker_harmony__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_colorpicker_harmony__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_colorpicker_harmony__colorpicker-handler, .main_ui_workspace_colorpicker_harmony__handler {
  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;
}
.main_ui_workspace_colorpicker_harmony__colorpicker-handler:hover, .main_ui_workspace_colorpicker_harmony__handler:hover, .main_ui_workspace_colorpicker_harmony__colorpicker-handler:active, .main_ui_workspace_colorpicker_harmony__handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_colorpicker_harmony__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_colorpicker_harmony__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_colorpicker_harmony__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_colorpicker_harmony__attr-title button {
  display: none;
}
.main_ui_workspace_colorpicker_harmony__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_colorpicker_harmony__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_colorpicker_harmony__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_colorpicker_harmony__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_colorpicker_harmony__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_colorpicker_harmony__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_colorpicker_harmony__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_colorpicker_harmony__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_colorpicker_harmony__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_colorpicker_harmony__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_colorpicker_harmony__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_colorpicker_harmony__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_colorpicker_harmony__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_colorpicker_harmony__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_colorpicker_harmony__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_colorpicker_harmony__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_colorpicker_harmony__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_colorpicker_harmony__harmony-selector {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
}

.main_ui_workspace_colorpicker_harmony__hue-wheel-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.main_ui_workspace_colorpicker_harmony__hue-wheel {
  width: 12.25rem;
  height: 12.25rem;
}

.main_ui_workspace_colorpicker_harmony__handler {
  height: 1rem;
  width: 1rem;
  border: 0.125rem solid var(--colorpicker-handlers-color);
}

.main_ui_workspace_colorpicker_harmony__handler.main_ui_workspace_colorpicker_harmony__complement {
  background-color: var(--colorpicker-handlers-color);
  border: 0.125rem solid var(--colorpicker-handlers-color);
}

.main_ui_workspace_colorpicker_harmony__handlers-wrapper {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  height: 12.5rem;
  width: 3.25rem;
  flex-grow: 1;
}
@keyframes main_ui_workspace_colorpicker_hsva__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_colorpicker_hsva__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_colorpicker_hsva__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_colorpicker_hsva__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_colorpicker_hsva__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_colorpicker_hsva__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_colorpicker_hsva__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_colorpicker_hsva__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_colorpicker_hsva__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_colorpicker_hsva__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_colorpicker_hsva__new-scrollbar ::placeholder,
.main_ui_workspace_colorpicker_hsva__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_colorpicker_hsva__button-primary, .main_ui_workspace_colorpicker_hsva__modal-danger-btn, .main_ui_workspace_colorpicker_hsva__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_colorpicker_hsva__button-primary:focus-visible, .main_ui_workspace_colorpicker_hsva__modal-danger-btn:focus-visible, .main_ui_workspace_colorpicker_hsva__modal-accept-btn: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);
}
.main_ui_workspace_colorpicker_hsva__button-primary:focus-visible svg, .main_ui_workspace_colorpicker_hsva__modal-danger-btn:focus-visible svg, .main_ui_workspace_colorpicker_hsva__modal-accept-btn:focus-visible svg,
.main_ui_workspace_colorpicker_hsva__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_hsva__button-primary svg, .main_ui_workspace_colorpicker_hsva__modal-danger-btn svg, .main_ui_workspace_colorpicker_hsva__modal-accept-btn svg,
.main_ui_workspace_colorpicker_hsva__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_hsva__button-primary:hover, .main_ui_workspace_colorpicker_hsva__modal-danger-btn:hover, .main_ui_workspace_colorpicker_hsva__modal-accept-btn: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;
}
.main_ui_workspace_colorpicker_hsva__button-primary:hover svg, .main_ui_workspace_colorpicker_hsva__modal-danger-btn:hover svg, .main_ui_workspace_colorpicker_hsva__modal-accept-btn:hover svg,
.main_ui_workspace_colorpicker_hsva__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_hsva__button-primary:active, .main_ui_workspace_colorpicker_hsva__modal-danger-btn:active, .main_ui_workspace_colorpicker_hsva__modal-accept-btn: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;
}
.main_ui_workspace_colorpicker_hsva__button-primary:active svg, .main_ui_workspace_colorpicker_hsva__modal-danger-btn:active svg, .main_ui_workspace_colorpicker_hsva__modal-accept-btn:active svg,
.main_ui_workspace_colorpicker_hsva__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_colorpicker_hsva__button-primary.disabled, .main_ui_workspace_colorpicker_hsva__modal-danger-btn.disabled, .main_ui_workspace_colorpicker_hsva__modal-accept-btn.disabled, .main_ui_workspace_colorpicker_hsva__button-primary[disabled], [disabled].main_ui_workspace_colorpicker_hsva__modal-danger-btn, [disabled].main_ui_workspace_colorpicker_hsva__modal-accept-btn, .main_ui_workspace_colorpicker_hsva__button-primary:disabled, .main_ui_workspace_colorpicker_hsva__modal-danger-btn:disabled, .main_ui_workspace_colorpicker_hsva__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_colorpicker_hsva__button-secondary, .main_ui_workspace_colorpicker_hsva__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_hsva__button-secondary:focus-visible, .main_ui_workspace_colorpicker_hsva__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_hsva__button-secondary:focus-visible svg, .main_ui_workspace_colorpicker_hsva__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_colorpicker_hsva__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_hsva__button-secondary svg, .main_ui_workspace_colorpicker_hsva__modal-cancel-btn svg,
.main_ui_workspace_colorpicker_hsva__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_hsva__button-secondary:hover, .main_ui_workspace_colorpicker_hsva__modal-cancel-btn: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;
}
.main_ui_workspace_colorpicker_hsva__button-secondary:hover svg, .main_ui_workspace_colorpicker_hsva__modal-cancel-btn:hover svg,
.main_ui_workspace_colorpicker_hsva__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_hsva__button-secondary:active, .main_ui_workspace_colorpicker_hsva__modal-cancel-btn: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);
}
.main_ui_workspace_colorpicker_hsva__button-secondary:active svg, .main_ui_workspace_colorpicker_hsva__modal-cancel-btn:active svg,
.main_ui_workspace_colorpicker_hsva__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_colorpicker_hsva__button-secondary.disabled, .main_ui_workspace_colorpicker_hsva__modal-cancel-btn.disabled, .main_ui_workspace_colorpicker_hsva__button-secondary[disabled], [disabled].main_ui_workspace_colorpicker_hsva__modal-cancel-btn, .main_ui_workspace_colorpicker_hsva__button-secondary:disabled, .main_ui_workspace_colorpicker_hsva__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_colorpicker_hsva__button-tertiary, .main_ui_workspace_colorpicker_hsva__attr-title button, .main_ui_workspace_colorpicker_hsva__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_colorpicker_hsva__button-tertiary:focus-visible, .main_ui_workspace_colorpicker_hsva__attr-title button:focus-visible, .main_ui_workspace_colorpicker_hsva__modal-close-btn-base: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);
}
.main_ui_workspace_colorpicker_hsva__button-tertiary:focus-visible svg, .main_ui_workspace_colorpicker_hsva__attr-title button:focus-visible svg, .main_ui_workspace_colorpicker_hsva__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_colorpicker_hsva__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_hsva__button-tertiary svg, .main_ui_workspace_colorpicker_hsva__attr-title button svg, .main_ui_workspace_colorpicker_hsva__modal-close-btn-base svg,
.main_ui_workspace_colorpicker_hsva__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_hsva__button-tertiary:hover, .main_ui_workspace_colorpicker_hsva__attr-title button:hover, .main_ui_workspace_colorpicker_hsva__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_colorpicker_hsva__button-tertiary:hover svg, .main_ui_workspace_colorpicker_hsva__attr-title button:hover svg, .main_ui_workspace_colorpicker_hsva__modal-close-btn-base:hover svg,
.main_ui_workspace_colorpicker_hsva__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_hsva__button-tertiary:active, .main_ui_workspace_colorpicker_hsva__attr-title button:active, .main_ui_workspace_colorpicker_hsva__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker_hsva__button-tertiary:active svg, .main_ui_workspace_colorpicker_hsva__attr-title button:active svg, .main_ui_workspace_colorpicker_hsva__modal-close-btn-base:active svg,
.main_ui_workspace_colorpicker_hsva__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker_hsva__button-tertiary.disabled, .main_ui_workspace_colorpicker_hsva__attr-title button.disabled, .main_ui_workspace_colorpicker_hsva__modal-close-btn-base.disabled, .main_ui_workspace_colorpicker_hsva__button-tertiary[disabled], .main_ui_workspace_colorpicker_hsva__attr-title button[disabled], [disabled].main_ui_workspace_colorpicker_hsva__modal-close-btn-base, .main_ui_workspace_colorpicker_hsva__button-tertiary:disabled, .main_ui_workspace_colorpicker_hsva__attr-title button:disabled, .main_ui_workspace_colorpicker_hsva__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_colorpicker_hsva__button-tertiary.disabled svg, .main_ui_workspace_colorpicker_hsva__attr-title button.disabled svg, .main_ui_workspace_colorpicker_hsva__modal-close-btn-base.disabled svg,
.main_ui_workspace_colorpicker_hsva__button-tertiary.disabled span svg, .main_ui_workspace_colorpicker_hsva__button-tertiary[disabled] svg, .main_ui_workspace_colorpicker_hsva__attr-title button[disabled] svg, [disabled].main_ui_workspace_colorpicker_hsva__modal-close-btn-base svg,
.main_ui_workspace_colorpicker_hsva__button-tertiary[disabled] span svg, .main_ui_workspace_colorpicker_hsva__button-tertiary:disabled svg, .main_ui_workspace_colorpicker_hsva__attr-title button:disabled svg, .main_ui_workspace_colorpicker_hsva__modal-close-btn-base:disabled svg,
.main_ui_workspace_colorpicker_hsva__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_colorpicker_hsva__button-icon-selected {
  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);
}
.main_ui_workspace_colorpicker_hsva__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_colorpicker_hsva__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_colorpicker_hsva__button-radio: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);
}
.main_ui_workspace_colorpicker_hsva__button-radio:focus-visible svg,
.main_ui_workspace_colorpicker_hsva__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_colorpicker_hsva__button-radio svg,
.main_ui_workspace_colorpicker_hsva__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_colorpicker_hsva__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_colorpicker_hsva__button-radio:hover svg,
.main_ui_workspace_colorpicker_hsva__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_colorpicker_hsva__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_colorpicker_hsva__button-radio:active svg,
.main_ui_workspace_colorpicker_hsva__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_colorpicker_hsva__button-warning {
  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);
}

.main_ui_workspace_colorpicker_hsva__button-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;
}

.main_ui_workspace_colorpicker_hsva__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_colorpicker_hsva__button-tag: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);
}
.main_ui_workspace_colorpicker_hsva__button-tag:focus-visible svg,
.main_ui_workspace_colorpicker_hsva__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_colorpicker_hsva__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_colorpicker_hsva__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_colorpicker_hsva__button-icon, .main_ui_workspace_colorpicker_hsva__empty-icon svg, .main_ui_workspace_colorpicker_hsva__modal-close-btn-base svg, .main_ui_workspace_colorpicker_hsva__button-icon-small, .main_ui_workspace_colorpicker_hsva__dropdown-element-base span svg, .main_ui_workspace_colorpicker_hsva__attr-title button svg, .main_ui_workspace_colorpicker_hsva__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_hsva__input-checkbox label span.intermediate svg, .main_ui_workspace_colorpicker_hsva__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_hsva__input-checkbox label span.checked svg, .main_ui_workspace_colorpicker_hsva__input-element span svg,
.main_ui_workspace_colorpicker_hsva__input-element label svg, .main_ui_workspace_colorpicker_hsva__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_colorpicker_hsva__button-icon-small, .main_ui_workspace_colorpicker_hsva__dropdown-element-base span svg, .main_ui_workspace_colorpicker_hsva__attr-title button svg, .main_ui_workspace_colorpicker_hsva__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_hsva__input-checkbox label span.intermediate svg, .main_ui_workspace_colorpicker_hsva__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_hsva__input-checkbox label span.checked svg, .main_ui_workspace_colorpicker_hsva__input-element span svg,
.main_ui_workspace_colorpicker_hsva__input-element label svg, .main_ui_workspace_colorpicker_hsva__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_colorpicker_hsva__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_colorpicker_hsva__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_colorpicker_hsva__input-base, .main_ui_workspace_colorpicker_hsva__input-with-label input, .main_ui_workspace_colorpicker_hsva__input-element-label input, .main_ui_workspace_colorpicker_hsva__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_hsva__input-base[disabled], .main_ui_workspace_colorpicker_hsva__input-with-label input[disabled], .main_ui_workspace_colorpicker_hsva__input-element-label input[disabled], .main_ui_workspace_colorpicker_hsva__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_colorpicker_hsva__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_colorpicker_hsva__input-label, .main_ui_workspace_colorpicker_hsva__input-element span,
.main_ui_workspace_colorpicker_hsva__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_colorpicker_hsva__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker_hsva__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_colorpicker_hsva__input-element span svg,
.main_ui_workspace_colorpicker_hsva__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker_hsva__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_hsva__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_hsva__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker_hsva__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker_hsva__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker_hsva__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_colorpicker_hsva__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_hsva__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_hsva__input-element:focus, .main_ui_workspace_colorpicker_hsva__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_colorpicker_hsva__input-element:focus span, .main_ui_workspace_colorpicker_hsva__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_hsva__input-element:focus input, .main_ui_workspace_colorpicker_hsva__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_hsva__input-element:focus:hover, .main_ui_workspace_colorpicker_hsva__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_colorpicker_hsva__input-element:focus:hover span, .main_ui_workspace_colorpicker_hsva__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_hsva__input-element:focus:hover input, .main_ui_workspace_colorpicker_hsva__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_colorpicker_hsva__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_colorpicker_hsva__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_colorpicker_hsva__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_hsva__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_hsva__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker_hsva__input-element-label:focus-within input, .main_ui_workspace_colorpicker_hsva__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_colorpicker_hsva__disabled-input, .main_ui_workspace_colorpicker_hsva__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_colorpicker_hsva__disabled-input input, .main_ui_workspace_colorpicker_hsva__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_colorpicker_hsva__disabled-input span svg, .main_ui_workspace_colorpicker_hsva__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_colorpicker_hsva__checkbox-icon, .main_ui_workspace_colorpicker_hsva__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_colorpicker_hsva__checkbox-icon svg, .main_ui_workspace_colorpicker_hsva__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_colorpicker_hsva__checkbox-icon:hover, .main_ui_workspace_colorpicker_hsva__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_colorpicker_hsva__checkbox-icon:focus, .main_ui_workspace_colorpicker_hsva__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_colorpicker_hsva__checkbox-icon.checked, .main_ui_workspace_colorpicker_hsva__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_colorpicker_hsva__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_hsva__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_colorpicker_hsva__checkbox-icon.intermediate, .main_ui_workspace_colorpicker_hsva__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_colorpicker_hsva__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_hsva__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_colorpicker_hsva__checkbox-icon.unchecked, .main_ui_workspace_colorpicker_hsva__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_colorpicker_hsva__checkbox-icon.unchecked svg, .main_ui_workspace_colorpicker_hsva__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_colorpicker_hsva__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_colorpicker_hsva__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_colorpicker_hsva__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_colorpicker_hsva__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_colorpicker_hsva__input-checkbox label:focus span, .main_ui_workspace_colorpicker_hsva__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_colorpicker_hsva__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_colorpicker_hsva__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_hsva__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_hsva__input-with-label input:focus-within, .main_ui_workspace_colorpicker_hsva__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_colorpicker_hsva__input-with-label input:focus-within input, .main_ui_workspace_colorpicker_hsva__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_hsva__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_colorpicker_hsva__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_colorpicker_hsva__modal-overlay-base {
  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);
}

.main_ui_workspace_colorpicker_hsva__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_colorpicker_hsva__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_colorpicker_hsva__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_colorpicker_hsva__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_colorpicker_hsva__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_colorpicker_hsva__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_colorpicker_hsva__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_colorpicker_hsva__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_colorpicker_hsva__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_colorpicker_hsva__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_colorpicker_hsva__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_colorpicker_hsva__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_colorpicker_hsva__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_colorpicker_hsva__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_colorpicker_hsva__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_colorpicker_hsva__colorpicker-handler {
  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;
}
.main_ui_workspace_colorpicker_hsva__colorpicker-handler:hover, .main_ui_workspace_colorpicker_hsva__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_colorpicker_hsva__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_colorpicker_hsva__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_colorpicker_hsva__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_colorpicker_hsva__attr-title button {
  display: none;
}
.main_ui_workspace_colorpicker_hsva__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_colorpicker_hsva__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_colorpicker_hsva__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_colorpicker_hsva__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_colorpicker_hsva__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_colorpicker_hsva__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_colorpicker_hsva__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_colorpicker_hsva__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_colorpicker_hsva__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_colorpicker_hsva__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_colorpicker_hsva__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_colorpicker_hsva__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_colorpicker_hsva__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_colorpicker_hsva__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_colorpicker_hsva__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_colorpicker_hsva__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_colorpicker_hsva__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_colorpicker_hsva__hsva-selector {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.25rem;
  grid-row-gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.main_ui_workspace_colorpicker_hsva__hsva-row {
  display: flex;
  align-items: center;
}

.main_ui_workspace_colorpicker_hsva__hsva-selector-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 2rem;
}

.main_ui_workspace_colorpicker_hsva__hsva-bar {
  width: 14.25rem;
}
@keyframes main_ui_workspace_colorpicker_libraries__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_colorpicker_libraries__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_colorpicker_libraries__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_colorpicker_libraries__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_colorpicker_libraries__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_colorpicker_libraries__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_colorpicker_libraries__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_colorpicker_libraries__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_colorpicker_libraries__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_colorpicker_libraries__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_colorpicker_libraries__new-scrollbar ::placeholder,
.main_ui_workspace_colorpicker_libraries__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_colorpicker_libraries__button-primary, .main_ui_workspace_colorpicker_libraries__modal-danger-btn, .main_ui_workspace_colorpicker_libraries__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_colorpicker_libraries__button-primary:focus-visible, .main_ui_workspace_colorpicker_libraries__modal-danger-btn:focus-visible, .main_ui_workspace_colorpicker_libraries__modal-accept-btn: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);
}
.main_ui_workspace_colorpicker_libraries__button-primary:focus-visible svg, .main_ui_workspace_colorpicker_libraries__modal-danger-btn:focus-visible svg, .main_ui_workspace_colorpicker_libraries__modal-accept-btn:focus-visible svg,
.main_ui_workspace_colorpicker_libraries__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_libraries__button-primary svg, .main_ui_workspace_colorpicker_libraries__modal-danger-btn svg, .main_ui_workspace_colorpicker_libraries__modal-accept-btn svg,
.main_ui_workspace_colorpicker_libraries__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_libraries__button-primary:hover, .main_ui_workspace_colorpicker_libraries__modal-danger-btn:hover, .main_ui_workspace_colorpicker_libraries__modal-accept-btn: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;
}
.main_ui_workspace_colorpicker_libraries__button-primary:hover svg, .main_ui_workspace_colorpicker_libraries__modal-danger-btn:hover svg, .main_ui_workspace_colorpicker_libraries__modal-accept-btn:hover svg,
.main_ui_workspace_colorpicker_libraries__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_libraries__button-primary:active, .main_ui_workspace_colorpicker_libraries__modal-danger-btn:active, .main_ui_workspace_colorpicker_libraries__modal-accept-btn: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;
}
.main_ui_workspace_colorpicker_libraries__button-primary:active svg, .main_ui_workspace_colorpicker_libraries__modal-danger-btn:active svg, .main_ui_workspace_colorpicker_libraries__modal-accept-btn:active svg,
.main_ui_workspace_colorpicker_libraries__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_colorpicker_libraries__button-primary.disabled, .main_ui_workspace_colorpicker_libraries__modal-danger-btn.disabled, .main_ui_workspace_colorpicker_libraries__modal-accept-btn.disabled, .main_ui_workspace_colorpicker_libraries__button-primary[disabled], [disabled].main_ui_workspace_colorpicker_libraries__modal-danger-btn, [disabled].main_ui_workspace_colorpicker_libraries__modal-accept-btn, .main_ui_workspace_colorpicker_libraries__button-primary:disabled, .main_ui_workspace_colorpicker_libraries__modal-danger-btn:disabled, .main_ui_workspace_colorpicker_libraries__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_colorpicker_libraries__button-secondary, .main_ui_workspace_colorpicker_libraries__add-color-btn,
.main_ui_workspace_colorpicker_libraries__palette-btn, .main_ui_workspace_colorpicker_libraries__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_libraries__button-secondary:focus-visible, .main_ui_workspace_colorpicker_libraries__add-color-btn:focus-visible,
.main_ui_workspace_colorpicker_libraries__palette-btn:focus-visible, .main_ui_workspace_colorpicker_libraries__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_libraries__button-secondary:focus-visible svg, .main_ui_workspace_colorpicker_libraries__add-color-btn:focus-visible svg,
.main_ui_workspace_colorpicker_libraries__palette-btn:focus-visible svg, .main_ui_workspace_colorpicker_libraries__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_colorpicker_libraries__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_libraries__button-secondary svg, .main_ui_workspace_colorpicker_libraries__add-color-btn svg,
.main_ui_workspace_colorpicker_libraries__palette-btn svg, .main_ui_workspace_colorpicker_libraries__modal-cancel-btn svg,
.main_ui_workspace_colorpicker_libraries__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_libraries__button-secondary:hover, .main_ui_workspace_colorpicker_libraries__add-color-btn:hover,
.main_ui_workspace_colorpicker_libraries__palette-btn:hover, .main_ui_workspace_colorpicker_libraries__modal-cancel-btn: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;
}
.main_ui_workspace_colorpicker_libraries__button-secondary:hover svg, .main_ui_workspace_colorpicker_libraries__add-color-btn:hover svg,
.main_ui_workspace_colorpicker_libraries__palette-btn:hover svg, .main_ui_workspace_colorpicker_libraries__modal-cancel-btn:hover svg,
.main_ui_workspace_colorpicker_libraries__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_libraries__button-secondary:active, .main_ui_workspace_colorpicker_libraries__add-color-btn:active,
.main_ui_workspace_colorpicker_libraries__palette-btn:active, .main_ui_workspace_colorpicker_libraries__modal-cancel-btn: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);
}
.main_ui_workspace_colorpicker_libraries__button-secondary:active svg, .main_ui_workspace_colorpicker_libraries__add-color-btn:active svg,
.main_ui_workspace_colorpicker_libraries__palette-btn:active svg, .main_ui_workspace_colorpicker_libraries__modal-cancel-btn:active svg,
.main_ui_workspace_colorpicker_libraries__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_colorpicker_libraries__button-secondary.disabled, .main_ui_workspace_colorpicker_libraries__add-color-btn.disabled,
.main_ui_workspace_colorpicker_libraries__palette-btn.disabled, .main_ui_workspace_colorpicker_libraries__modal-cancel-btn.disabled, .main_ui_workspace_colorpicker_libraries__button-secondary[disabled], [disabled].main_ui_workspace_colorpicker_libraries__add-color-btn,
[disabled].main_ui_workspace_colorpicker_libraries__palette-btn, [disabled].main_ui_workspace_colorpicker_libraries__modal-cancel-btn, .main_ui_workspace_colorpicker_libraries__button-secondary:disabled, .main_ui_workspace_colorpicker_libraries__add-color-btn:disabled,
.main_ui_workspace_colorpicker_libraries__palette-btn:disabled, .main_ui_workspace_colorpicker_libraries__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_colorpicker_libraries__button-tertiary, .main_ui_workspace_colorpicker_libraries__attr-title button, .main_ui_workspace_colorpicker_libraries__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_colorpicker_libraries__button-tertiary:focus-visible, .main_ui_workspace_colorpicker_libraries__attr-title button:focus-visible, .main_ui_workspace_colorpicker_libraries__modal-close-btn-base: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);
}
.main_ui_workspace_colorpicker_libraries__button-tertiary:focus-visible svg, .main_ui_workspace_colorpicker_libraries__attr-title button:focus-visible svg, .main_ui_workspace_colorpicker_libraries__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_colorpicker_libraries__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_libraries__button-tertiary svg, .main_ui_workspace_colorpicker_libraries__attr-title button svg, .main_ui_workspace_colorpicker_libraries__modal-close-btn-base svg,
.main_ui_workspace_colorpicker_libraries__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_libraries__button-tertiary:hover, .main_ui_workspace_colorpicker_libraries__attr-title button:hover, .main_ui_workspace_colorpicker_libraries__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_colorpicker_libraries__button-tertiary:hover svg, .main_ui_workspace_colorpicker_libraries__attr-title button:hover svg, .main_ui_workspace_colorpicker_libraries__modal-close-btn-base:hover svg,
.main_ui_workspace_colorpicker_libraries__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_libraries__button-tertiary:active, .main_ui_workspace_colorpicker_libraries__attr-title button:active, .main_ui_workspace_colorpicker_libraries__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker_libraries__button-tertiary:active svg, .main_ui_workspace_colorpicker_libraries__attr-title button:active svg, .main_ui_workspace_colorpicker_libraries__modal-close-btn-base:active svg,
.main_ui_workspace_colorpicker_libraries__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker_libraries__button-tertiary.disabled, .main_ui_workspace_colorpicker_libraries__attr-title button.disabled, .main_ui_workspace_colorpicker_libraries__modal-close-btn-base.disabled, .main_ui_workspace_colorpicker_libraries__button-tertiary[disabled], .main_ui_workspace_colorpicker_libraries__attr-title button[disabled], [disabled].main_ui_workspace_colorpicker_libraries__modal-close-btn-base, .main_ui_workspace_colorpicker_libraries__button-tertiary:disabled, .main_ui_workspace_colorpicker_libraries__attr-title button:disabled, .main_ui_workspace_colorpicker_libraries__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_colorpicker_libraries__button-tertiary.disabled svg, .main_ui_workspace_colorpicker_libraries__attr-title button.disabled svg, .main_ui_workspace_colorpicker_libraries__modal-close-btn-base.disabled svg,
.main_ui_workspace_colorpicker_libraries__button-tertiary.disabled span svg, .main_ui_workspace_colorpicker_libraries__button-tertiary[disabled] svg, .main_ui_workspace_colorpicker_libraries__attr-title button[disabled] svg, [disabled].main_ui_workspace_colorpicker_libraries__modal-close-btn-base svg,
.main_ui_workspace_colorpicker_libraries__button-tertiary[disabled] span svg, .main_ui_workspace_colorpicker_libraries__button-tertiary:disabled svg, .main_ui_workspace_colorpicker_libraries__attr-title button:disabled svg, .main_ui_workspace_colorpicker_libraries__modal-close-btn-base:disabled svg,
.main_ui_workspace_colorpicker_libraries__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_colorpicker_libraries__button-icon-selected {
  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);
}
.main_ui_workspace_colorpicker_libraries__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_colorpicker_libraries__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_colorpicker_libraries__button-radio: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);
}
.main_ui_workspace_colorpicker_libraries__button-radio:focus-visible svg,
.main_ui_workspace_colorpicker_libraries__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_colorpicker_libraries__button-radio svg,
.main_ui_workspace_colorpicker_libraries__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_colorpicker_libraries__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_colorpicker_libraries__button-radio:hover svg,
.main_ui_workspace_colorpicker_libraries__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_colorpicker_libraries__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_colorpicker_libraries__button-radio:active svg,
.main_ui_workspace_colorpicker_libraries__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_colorpicker_libraries__button-warning {
  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);
}

.main_ui_workspace_colorpicker_libraries__button-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;
}

.main_ui_workspace_colorpicker_libraries__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_colorpicker_libraries__button-tag: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);
}
.main_ui_workspace_colorpicker_libraries__button-tag:focus-visible svg,
.main_ui_workspace_colorpicker_libraries__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_colorpicker_libraries__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_colorpicker_libraries__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_colorpicker_libraries__button-icon, .main_ui_workspace_colorpicker_libraries__add-color-btn svg,
.main_ui_workspace_colorpicker_libraries__palette-btn svg, .main_ui_workspace_colorpicker_libraries__empty-icon svg, .main_ui_workspace_colorpicker_libraries__modal-close-btn-base svg, .main_ui_workspace_colorpicker_libraries__button-icon-small, .main_ui_workspace_colorpicker_libraries__dropdown-element-base span svg, .main_ui_workspace_colorpicker_libraries__attr-title button svg, .main_ui_workspace_colorpicker_libraries__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_libraries__input-checkbox label span.intermediate svg, .main_ui_workspace_colorpicker_libraries__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_libraries__input-checkbox label span.checked svg, .main_ui_workspace_colorpicker_libraries__input-element span svg,
.main_ui_workspace_colorpicker_libraries__input-element label svg, .main_ui_workspace_colorpicker_libraries__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_colorpicker_libraries__button-icon-small, .main_ui_workspace_colorpicker_libraries__dropdown-element-base span svg, .main_ui_workspace_colorpicker_libraries__attr-title button svg, .main_ui_workspace_colorpicker_libraries__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_libraries__input-checkbox label span.intermediate svg, .main_ui_workspace_colorpicker_libraries__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_libraries__input-checkbox label span.checked svg, .main_ui_workspace_colorpicker_libraries__input-element span svg,
.main_ui_workspace_colorpicker_libraries__input-element label svg, .main_ui_workspace_colorpicker_libraries__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_colorpicker_libraries__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_colorpicker_libraries__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_colorpicker_libraries__input-base, .main_ui_workspace_colorpicker_libraries__input-with-label input, .main_ui_workspace_colorpicker_libraries__input-element-label input, .main_ui_workspace_colorpicker_libraries__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_libraries__input-base[disabled], .main_ui_workspace_colorpicker_libraries__input-with-label input[disabled], .main_ui_workspace_colorpicker_libraries__input-element-label input[disabled], .main_ui_workspace_colorpicker_libraries__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_colorpicker_libraries__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_colorpicker_libraries__input-label, .main_ui_workspace_colorpicker_libraries__input-element span,
.main_ui_workspace_colorpicker_libraries__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_colorpicker_libraries__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker_libraries__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_colorpicker_libraries__input-element span svg,
.main_ui_workspace_colorpicker_libraries__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker_libraries__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_libraries__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_libraries__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker_libraries__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker_libraries__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker_libraries__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_colorpicker_libraries__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_libraries__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_libraries__input-element:focus, .main_ui_workspace_colorpicker_libraries__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_colorpicker_libraries__input-element:focus span, .main_ui_workspace_colorpicker_libraries__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_libraries__input-element:focus input, .main_ui_workspace_colorpicker_libraries__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_libraries__input-element:focus:hover, .main_ui_workspace_colorpicker_libraries__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_colorpicker_libraries__input-element:focus:hover span, .main_ui_workspace_colorpicker_libraries__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_libraries__input-element:focus:hover input, .main_ui_workspace_colorpicker_libraries__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_colorpicker_libraries__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_colorpicker_libraries__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_colorpicker_libraries__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_libraries__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_libraries__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker_libraries__input-element-label:focus-within input, .main_ui_workspace_colorpicker_libraries__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_colorpicker_libraries__disabled-input, .main_ui_workspace_colorpicker_libraries__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_colorpicker_libraries__disabled-input input, .main_ui_workspace_colorpicker_libraries__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_colorpicker_libraries__disabled-input span svg, .main_ui_workspace_colorpicker_libraries__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_colorpicker_libraries__checkbox-icon, .main_ui_workspace_colorpicker_libraries__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_colorpicker_libraries__checkbox-icon svg, .main_ui_workspace_colorpicker_libraries__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_colorpicker_libraries__checkbox-icon:hover, .main_ui_workspace_colorpicker_libraries__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_colorpicker_libraries__checkbox-icon:focus, .main_ui_workspace_colorpicker_libraries__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_colorpicker_libraries__checkbox-icon.checked, .main_ui_workspace_colorpicker_libraries__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_colorpicker_libraries__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_libraries__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_colorpicker_libraries__checkbox-icon.intermediate, .main_ui_workspace_colorpicker_libraries__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_colorpicker_libraries__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_libraries__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_colorpicker_libraries__checkbox-icon.unchecked, .main_ui_workspace_colorpicker_libraries__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_colorpicker_libraries__checkbox-icon.unchecked svg, .main_ui_workspace_colorpicker_libraries__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_colorpicker_libraries__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_colorpicker_libraries__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_colorpicker_libraries__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_colorpicker_libraries__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_colorpicker_libraries__input-checkbox label:focus span, .main_ui_workspace_colorpicker_libraries__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_colorpicker_libraries__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_colorpicker_libraries__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_libraries__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_libraries__input-with-label input:focus-within, .main_ui_workspace_colorpicker_libraries__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_colorpicker_libraries__input-with-label input:focus-within input, .main_ui_workspace_colorpicker_libraries__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_libraries__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_colorpicker_libraries__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_colorpicker_libraries__modal-overlay-base {
  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);
}

.main_ui_workspace_colorpicker_libraries__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_colorpicker_libraries__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_colorpicker_libraries__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_colorpicker_libraries__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_colorpicker_libraries__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_colorpicker_libraries__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_colorpicker_libraries__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_colorpicker_libraries__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_colorpicker_libraries__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_colorpicker_libraries__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_colorpicker_libraries__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_colorpicker_libraries__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_colorpicker_libraries__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_colorpicker_libraries__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_colorpicker_libraries__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_colorpicker_libraries__colorpicker-handler {
  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;
}
.main_ui_workspace_colorpicker_libraries__colorpicker-handler:hover, .main_ui_workspace_colorpicker_libraries__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_colorpicker_libraries__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_colorpicker_libraries__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_colorpicker_libraries__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_colorpicker_libraries__attr-title button {
  display: none;
}
.main_ui_workspace_colorpicker_libraries__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_colorpicker_libraries__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_colorpicker_libraries__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_colorpicker_libraries__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_colorpicker_libraries__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_colorpicker_libraries__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_colorpicker_libraries__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_colorpicker_libraries__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_colorpicker_libraries__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_colorpicker_libraries__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_colorpicker_libraries__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_colorpicker_libraries__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_colorpicker_libraries__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_colorpicker_libraries__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_colorpicker_libraries__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_colorpicker_libraries__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_colorpicker_libraries__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_colorpicker_libraries__libraries {
  margin-top: 0.5rem;
  width: 100%;
  padding: 0 var(--sp-m);
}

.main_ui_workspace_colorpicker_libraries__selected-colors {
  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;
}

.main_ui_workspace_colorpicker_libraries__add-color-btn,
.main_ui_workspace_colorpicker_libraries__palette-btn {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  padding: 0;
}
.main_ui_workspace_colorpicker_libraries__selected-colors::after {
  content: "";
  flex: auto;
}

.main_ui_workspace_colorpicker_libraries__select-wrapper {
  overflow: initial;
}
@keyframes main_ui_workspace_colorpicker_ramp__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_colorpicker_ramp__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_colorpicker_ramp__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_colorpicker_ramp__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_colorpicker_ramp__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_colorpicker_ramp__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_colorpicker_ramp__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_colorpicker_ramp__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_colorpicker_ramp__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_colorpicker_ramp__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_colorpicker_ramp__new-scrollbar ::placeholder,
.main_ui_workspace_colorpicker_ramp__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_colorpicker_ramp__button-primary, .main_ui_workspace_colorpicker_ramp__modal-danger-btn, .main_ui_workspace_colorpicker_ramp__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_colorpicker_ramp__button-primary:focus-visible, .main_ui_workspace_colorpicker_ramp__modal-danger-btn:focus-visible, .main_ui_workspace_colorpicker_ramp__modal-accept-btn: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);
}
.main_ui_workspace_colorpicker_ramp__button-primary:focus-visible svg, .main_ui_workspace_colorpicker_ramp__modal-danger-btn:focus-visible svg, .main_ui_workspace_colorpicker_ramp__modal-accept-btn:focus-visible svg,
.main_ui_workspace_colorpicker_ramp__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_ramp__button-primary svg, .main_ui_workspace_colorpicker_ramp__modal-danger-btn svg, .main_ui_workspace_colorpicker_ramp__modal-accept-btn svg,
.main_ui_workspace_colorpicker_ramp__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_ramp__button-primary:hover, .main_ui_workspace_colorpicker_ramp__modal-danger-btn:hover, .main_ui_workspace_colorpicker_ramp__modal-accept-btn: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;
}
.main_ui_workspace_colorpicker_ramp__button-primary:hover svg, .main_ui_workspace_colorpicker_ramp__modal-danger-btn:hover svg, .main_ui_workspace_colorpicker_ramp__modal-accept-btn:hover svg,
.main_ui_workspace_colorpicker_ramp__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_ramp__button-primary:active, .main_ui_workspace_colorpicker_ramp__modal-danger-btn:active, .main_ui_workspace_colorpicker_ramp__modal-accept-btn: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;
}
.main_ui_workspace_colorpicker_ramp__button-primary:active svg, .main_ui_workspace_colorpicker_ramp__modal-danger-btn:active svg, .main_ui_workspace_colorpicker_ramp__modal-accept-btn:active svg,
.main_ui_workspace_colorpicker_ramp__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_colorpicker_ramp__button-primary.disabled, .main_ui_workspace_colorpicker_ramp__modal-danger-btn.disabled, .main_ui_workspace_colorpicker_ramp__modal-accept-btn.disabled, .main_ui_workspace_colorpicker_ramp__button-primary[disabled], [disabled].main_ui_workspace_colorpicker_ramp__modal-danger-btn, [disabled].main_ui_workspace_colorpicker_ramp__modal-accept-btn, .main_ui_workspace_colorpicker_ramp__button-primary:disabled, .main_ui_workspace_colorpicker_ramp__modal-danger-btn:disabled, .main_ui_workspace_colorpicker_ramp__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_colorpicker_ramp__button-secondary, .main_ui_workspace_colorpicker_ramp__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_ramp__button-secondary:focus-visible, .main_ui_workspace_colorpicker_ramp__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_ramp__button-secondary:focus-visible svg, .main_ui_workspace_colorpicker_ramp__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_colorpicker_ramp__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_ramp__button-secondary svg, .main_ui_workspace_colorpicker_ramp__modal-cancel-btn svg,
.main_ui_workspace_colorpicker_ramp__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_ramp__button-secondary:hover, .main_ui_workspace_colorpicker_ramp__modal-cancel-btn: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;
}
.main_ui_workspace_colorpicker_ramp__button-secondary:hover svg, .main_ui_workspace_colorpicker_ramp__modal-cancel-btn:hover svg,
.main_ui_workspace_colorpicker_ramp__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_ramp__button-secondary:active, .main_ui_workspace_colorpicker_ramp__modal-cancel-btn: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);
}
.main_ui_workspace_colorpicker_ramp__button-secondary:active svg, .main_ui_workspace_colorpicker_ramp__modal-cancel-btn:active svg,
.main_ui_workspace_colorpicker_ramp__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_colorpicker_ramp__button-secondary.disabled, .main_ui_workspace_colorpicker_ramp__modal-cancel-btn.disabled, .main_ui_workspace_colorpicker_ramp__button-secondary[disabled], [disabled].main_ui_workspace_colorpicker_ramp__modal-cancel-btn, .main_ui_workspace_colorpicker_ramp__button-secondary:disabled, .main_ui_workspace_colorpicker_ramp__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_colorpicker_ramp__button-tertiary, .main_ui_workspace_colorpicker_ramp__attr-title button, .main_ui_workspace_colorpicker_ramp__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_colorpicker_ramp__button-tertiary:focus-visible, .main_ui_workspace_colorpicker_ramp__attr-title button:focus-visible, .main_ui_workspace_colorpicker_ramp__modal-close-btn-base: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);
}
.main_ui_workspace_colorpicker_ramp__button-tertiary:focus-visible svg, .main_ui_workspace_colorpicker_ramp__attr-title button:focus-visible svg, .main_ui_workspace_colorpicker_ramp__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_colorpicker_ramp__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_ramp__button-tertiary svg, .main_ui_workspace_colorpicker_ramp__attr-title button svg, .main_ui_workspace_colorpicker_ramp__modal-close-btn-base svg,
.main_ui_workspace_colorpicker_ramp__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_ramp__button-tertiary:hover, .main_ui_workspace_colorpicker_ramp__attr-title button:hover, .main_ui_workspace_colorpicker_ramp__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_colorpicker_ramp__button-tertiary:hover svg, .main_ui_workspace_colorpicker_ramp__attr-title button:hover svg, .main_ui_workspace_colorpicker_ramp__modal-close-btn-base:hover svg,
.main_ui_workspace_colorpicker_ramp__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_ramp__button-tertiary:active, .main_ui_workspace_colorpicker_ramp__attr-title button:active, .main_ui_workspace_colorpicker_ramp__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker_ramp__button-tertiary:active svg, .main_ui_workspace_colorpicker_ramp__attr-title button:active svg, .main_ui_workspace_colorpicker_ramp__modal-close-btn-base:active svg,
.main_ui_workspace_colorpicker_ramp__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker_ramp__button-tertiary.disabled, .main_ui_workspace_colorpicker_ramp__attr-title button.disabled, .main_ui_workspace_colorpicker_ramp__modal-close-btn-base.disabled, .main_ui_workspace_colorpicker_ramp__button-tertiary[disabled], .main_ui_workspace_colorpicker_ramp__attr-title button[disabled], [disabled].main_ui_workspace_colorpicker_ramp__modal-close-btn-base, .main_ui_workspace_colorpicker_ramp__button-tertiary:disabled, .main_ui_workspace_colorpicker_ramp__attr-title button:disabled, .main_ui_workspace_colorpicker_ramp__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_colorpicker_ramp__button-tertiary.disabled svg, .main_ui_workspace_colorpicker_ramp__attr-title button.disabled svg, .main_ui_workspace_colorpicker_ramp__modal-close-btn-base.disabled svg,
.main_ui_workspace_colorpicker_ramp__button-tertiary.disabled span svg, .main_ui_workspace_colorpicker_ramp__button-tertiary[disabled] svg, .main_ui_workspace_colorpicker_ramp__attr-title button[disabled] svg, [disabled].main_ui_workspace_colorpicker_ramp__modal-close-btn-base svg,
.main_ui_workspace_colorpicker_ramp__button-tertiary[disabled] span svg, .main_ui_workspace_colorpicker_ramp__button-tertiary:disabled svg, .main_ui_workspace_colorpicker_ramp__attr-title button:disabled svg, .main_ui_workspace_colorpicker_ramp__modal-close-btn-base:disabled svg,
.main_ui_workspace_colorpicker_ramp__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_colorpicker_ramp__button-icon-selected {
  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);
}
.main_ui_workspace_colorpicker_ramp__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_colorpicker_ramp__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_colorpicker_ramp__button-radio: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);
}
.main_ui_workspace_colorpicker_ramp__button-radio:focus-visible svg,
.main_ui_workspace_colorpicker_ramp__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_colorpicker_ramp__button-radio svg,
.main_ui_workspace_colorpicker_ramp__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_colorpicker_ramp__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_colorpicker_ramp__button-radio:hover svg,
.main_ui_workspace_colorpicker_ramp__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_colorpicker_ramp__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_colorpicker_ramp__button-radio:active svg,
.main_ui_workspace_colorpicker_ramp__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_colorpicker_ramp__button-warning {
  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);
}

.main_ui_workspace_colorpicker_ramp__button-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;
}

.main_ui_workspace_colorpicker_ramp__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_colorpicker_ramp__button-tag: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);
}
.main_ui_workspace_colorpicker_ramp__button-tag:focus-visible svg,
.main_ui_workspace_colorpicker_ramp__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_colorpicker_ramp__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_colorpicker_ramp__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_colorpicker_ramp__button-icon, .main_ui_workspace_colorpicker_ramp__empty-icon svg, .main_ui_workspace_colorpicker_ramp__modal-close-btn-base svg, .main_ui_workspace_colorpicker_ramp__button-icon-small, .main_ui_workspace_colorpicker_ramp__dropdown-element-base span svg, .main_ui_workspace_colorpicker_ramp__attr-title button svg, .main_ui_workspace_colorpicker_ramp__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_ramp__input-checkbox label span.intermediate svg, .main_ui_workspace_colorpicker_ramp__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_ramp__input-checkbox label span.checked svg, .main_ui_workspace_colorpicker_ramp__input-element span svg,
.main_ui_workspace_colorpicker_ramp__input-element label svg, .main_ui_workspace_colorpicker_ramp__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_colorpicker_ramp__button-icon-small, .main_ui_workspace_colorpicker_ramp__dropdown-element-base span svg, .main_ui_workspace_colorpicker_ramp__attr-title button svg, .main_ui_workspace_colorpicker_ramp__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_ramp__input-checkbox label span.intermediate svg, .main_ui_workspace_colorpicker_ramp__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_ramp__input-checkbox label span.checked svg, .main_ui_workspace_colorpicker_ramp__input-element span svg,
.main_ui_workspace_colorpicker_ramp__input-element label svg, .main_ui_workspace_colorpicker_ramp__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_colorpicker_ramp__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_colorpicker_ramp__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_colorpicker_ramp__input-base, .main_ui_workspace_colorpicker_ramp__input-with-label input, .main_ui_workspace_colorpicker_ramp__input-element-label input, .main_ui_workspace_colorpicker_ramp__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_ramp__input-base[disabled], .main_ui_workspace_colorpicker_ramp__input-with-label input[disabled], .main_ui_workspace_colorpicker_ramp__input-element-label input[disabled], .main_ui_workspace_colorpicker_ramp__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_colorpicker_ramp__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_colorpicker_ramp__input-label, .main_ui_workspace_colorpicker_ramp__input-element span,
.main_ui_workspace_colorpicker_ramp__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_colorpicker_ramp__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker_ramp__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_colorpicker_ramp__input-element span svg,
.main_ui_workspace_colorpicker_ramp__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker_ramp__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_ramp__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_ramp__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker_ramp__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker_ramp__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker_ramp__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_colorpicker_ramp__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_ramp__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_ramp__input-element:focus, .main_ui_workspace_colorpicker_ramp__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_colorpicker_ramp__input-element:focus span, .main_ui_workspace_colorpicker_ramp__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_ramp__input-element:focus input, .main_ui_workspace_colorpicker_ramp__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_ramp__input-element:focus:hover, .main_ui_workspace_colorpicker_ramp__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_colorpicker_ramp__input-element:focus:hover span, .main_ui_workspace_colorpicker_ramp__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_ramp__input-element:focus:hover input, .main_ui_workspace_colorpicker_ramp__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_colorpicker_ramp__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_colorpicker_ramp__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_colorpicker_ramp__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_ramp__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_ramp__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker_ramp__input-element-label:focus-within input, .main_ui_workspace_colorpicker_ramp__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_colorpicker_ramp__disabled-input, .main_ui_workspace_colorpicker_ramp__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_colorpicker_ramp__disabled-input input, .main_ui_workspace_colorpicker_ramp__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_colorpicker_ramp__disabled-input span svg, .main_ui_workspace_colorpicker_ramp__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_colorpicker_ramp__checkbox-icon, .main_ui_workspace_colorpicker_ramp__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_colorpicker_ramp__checkbox-icon svg, .main_ui_workspace_colorpicker_ramp__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_colorpicker_ramp__checkbox-icon:hover, .main_ui_workspace_colorpicker_ramp__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_colorpicker_ramp__checkbox-icon:focus, .main_ui_workspace_colorpicker_ramp__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_colorpicker_ramp__checkbox-icon.checked, .main_ui_workspace_colorpicker_ramp__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_colorpicker_ramp__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_ramp__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_colorpicker_ramp__checkbox-icon.intermediate, .main_ui_workspace_colorpicker_ramp__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_colorpicker_ramp__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_ramp__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_colorpicker_ramp__checkbox-icon.unchecked, .main_ui_workspace_colorpicker_ramp__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_colorpicker_ramp__checkbox-icon.unchecked svg, .main_ui_workspace_colorpicker_ramp__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_colorpicker_ramp__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_colorpicker_ramp__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_colorpicker_ramp__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_colorpicker_ramp__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_colorpicker_ramp__input-checkbox label:focus span, .main_ui_workspace_colorpicker_ramp__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_colorpicker_ramp__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_colorpicker_ramp__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_ramp__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_ramp__input-with-label input:focus-within, .main_ui_workspace_colorpicker_ramp__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_colorpicker_ramp__input-with-label input:focus-within input, .main_ui_workspace_colorpicker_ramp__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_ramp__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_colorpicker_ramp__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_colorpicker_ramp__modal-overlay-base {
  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);
}

.main_ui_workspace_colorpicker_ramp__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_colorpicker_ramp__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_colorpicker_ramp__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_colorpicker_ramp__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_colorpicker_ramp__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_colorpicker_ramp__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_colorpicker_ramp__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_colorpicker_ramp__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_colorpicker_ramp__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_colorpicker_ramp__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_colorpicker_ramp__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_colorpicker_ramp__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_colorpicker_ramp__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_colorpicker_ramp__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_colorpicker_ramp__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_colorpicker_ramp__colorpicker-handler, .main_ui_workspace_colorpicker_ramp__handler {
  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;
}
.main_ui_workspace_colorpicker_ramp__colorpicker-handler:hover, .main_ui_workspace_colorpicker_ramp__handler:hover, .main_ui_workspace_colorpicker_ramp__colorpicker-handler:active, .main_ui_workspace_colorpicker_ramp__handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_colorpicker_ramp__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_colorpicker_ramp__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_colorpicker_ramp__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_colorpicker_ramp__attr-title button {
  display: none;
}
.main_ui_workspace_colorpicker_ramp__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_colorpicker_ramp__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_colorpicker_ramp__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_colorpicker_ramp__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_colorpicker_ramp__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_colorpicker_ramp__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_colorpicker_ramp__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_colorpicker_ramp__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_colorpicker_ramp__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_colorpicker_ramp__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_colorpicker_ramp__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_colorpicker_ramp__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_colorpicker_ramp__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_colorpicker_ramp__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_colorpicker_ramp__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_colorpicker_ramp__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_colorpicker_ramp__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_colorpicker_ramp__value-saturation-selector {
  background-color: rgba(var(--hue-rgb));
  position: relative;
  height: 8.75rem;
  width: 100%;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  cursor: pointer;
}
.main_ui_workspace_colorpicker_ramp__value-saturation-selector::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.main_ui_workspace_colorpicker_ramp__value-saturation-selector::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}

.main_ui_workspace_colorpicker_ramp__handler {
  height: 1rem;
  width: 1rem;
  border: 0.125rem solid var(--colorpicker-handlers-color);
}

.main_ui_workspace_colorpicker_ramp__shade-selector {
  display: flex;
  gap: 0.25rem;
  height: 3.25rem;
  cursor: pointer;
}

.main_ui_workspace_colorpicker_ramp__sliders-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@keyframes main_ui_workspace_colorpicker_slider_selector__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_colorpicker_slider_selector__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_workspace_colorpicker_slider_selector__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_workspace_colorpicker_slider_selector__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_colorpicker_slider_selector__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_colorpicker_slider_selector__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_colorpicker_slider_selector__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_workspace_colorpicker_slider_selector__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_colorpicker_slider_selector__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_colorpicker_slider_selector__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_colorpicker_slider_selector__new-scrollbar ::placeholder,
.main_ui_workspace_colorpicker_slider_selector__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_colorpicker_slider_selector__button-primary, .main_ui_workspace_colorpicker_slider_selector__modal-danger-btn, .main_ui_workspace_colorpicker_slider_selector__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_workspace_colorpicker_slider_selector__button-primary:focus-visible, .main_ui_workspace_colorpicker_slider_selector__modal-danger-btn:focus-visible, .main_ui_workspace_colorpicker_slider_selector__modal-accept-btn: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);
}
.main_ui_workspace_colorpicker_slider_selector__button-primary:focus-visible svg, .main_ui_workspace_colorpicker_slider_selector__modal-danger-btn:focus-visible svg, .main_ui_workspace_colorpicker_slider_selector__modal-accept-btn:focus-visible svg,
.main_ui_workspace_colorpicker_slider_selector__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_slider_selector__button-primary svg, .main_ui_workspace_colorpicker_slider_selector__modal-danger-btn svg, .main_ui_workspace_colorpicker_slider_selector__modal-accept-btn svg,
.main_ui_workspace_colorpicker_slider_selector__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_slider_selector__button-primary:hover, .main_ui_workspace_colorpicker_slider_selector__modal-danger-btn:hover, .main_ui_workspace_colorpicker_slider_selector__modal-accept-btn: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;
}
.main_ui_workspace_colorpicker_slider_selector__button-primary:hover svg, .main_ui_workspace_colorpicker_slider_selector__modal-danger-btn:hover svg, .main_ui_workspace_colorpicker_slider_selector__modal-accept-btn:hover svg,
.main_ui_workspace_colorpicker_slider_selector__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_slider_selector__button-primary:active, .main_ui_workspace_colorpicker_slider_selector__modal-danger-btn:active, .main_ui_workspace_colorpicker_slider_selector__modal-accept-btn: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;
}
.main_ui_workspace_colorpicker_slider_selector__button-primary:active svg, .main_ui_workspace_colorpicker_slider_selector__modal-danger-btn:active svg, .main_ui_workspace_colorpicker_slider_selector__modal-accept-btn:active svg,
.main_ui_workspace_colorpicker_slider_selector__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_colorpicker_slider_selector__button-primary.disabled, .main_ui_workspace_colorpicker_slider_selector__modal-danger-btn.disabled, .main_ui_workspace_colorpicker_slider_selector__modal-accept-btn.disabled, .main_ui_workspace_colorpicker_slider_selector__button-primary[disabled], [disabled].main_ui_workspace_colorpicker_slider_selector__modal-danger-btn, [disabled].main_ui_workspace_colorpicker_slider_selector__modal-accept-btn, .main_ui_workspace_colorpicker_slider_selector__button-primary:disabled, .main_ui_workspace_colorpicker_slider_selector__modal-danger-btn:disabled, .main_ui_workspace_colorpicker_slider_selector__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_colorpicker_slider_selector__button-secondary, .main_ui_workspace_colorpicker_slider_selector__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_slider_selector__button-secondary:focus-visible, .main_ui_workspace_colorpicker_slider_selector__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_slider_selector__button-secondary:focus-visible svg, .main_ui_workspace_colorpicker_slider_selector__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_colorpicker_slider_selector__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_slider_selector__button-secondary svg, .main_ui_workspace_colorpicker_slider_selector__modal-cancel-btn svg,
.main_ui_workspace_colorpicker_slider_selector__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_slider_selector__button-secondary:hover, .main_ui_workspace_colorpicker_slider_selector__modal-cancel-btn: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;
}
.main_ui_workspace_colorpicker_slider_selector__button-secondary:hover svg, .main_ui_workspace_colorpicker_slider_selector__modal-cancel-btn:hover svg,
.main_ui_workspace_colorpicker_slider_selector__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_slider_selector__button-secondary:active, .main_ui_workspace_colorpicker_slider_selector__modal-cancel-btn: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);
}
.main_ui_workspace_colorpicker_slider_selector__button-secondary:active svg, .main_ui_workspace_colorpicker_slider_selector__modal-cancel-btn:active svg,
.main_ui_workspace_colorpicker_slider_selector__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_colorpicker_slider_selector__button-secondary.disabled, .main_ui_workspace_colorpicker_slider_selector__modal-cancel-btn.disabled, .main_ui_workspace_colorpicker_slider_selector__button-secondary[disabled], [disabled].main_ui_workspace_colorpicker_slider_selector__modal-cancel-btn, .main_ui_workspace_colorpicker_slider_selector__button-secondary:disabled, .main_ui_workspace_colorpicker_slider_selector__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_workspace_colorpicker_slider_selector__button-tertiary, .main_ui_workspace_colorpicker_slider_selector__attr-title button, .main_ui_workspace_colorpicker_slider_selector__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_workspace_colorpicker_slider_selector__button-tertiary:focus-visible, .main_ui_workspace_colorpicker_slider_selector__attr-title button:focus-visible, .main_ui_workspace_colorpicker_slider_selector__modal-close-btn-base: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);
}
.main_ui_workspace_colorpicker_slider_selector__button-tertiary:focus-visible svg, .main_ui_workspace_colorpicker_slider_selector__attr-title button:focus-visible svg, .main_ui_workspace_colorpicker_slider_selector__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_colorpicker_slider_selector__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_colorpicker_slider_selector__button-tertiary svg, .main_ui_workspace_colorpicker_slider_selector__attr-title button svg, .main_ui_workspace_colorpicker_slider_selector__modal-close-btn-base svg,
.main_ui_workspace_colorpicker_slider_selector__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_colorpicker_slider_selector__button-tertiary:hover, .main_ui_workspace_colorpicker_slider_selector__attr-title button:hover, .main_ui_workspace_colorpicker_slider_selector__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_workspace_colorpicker_slider_selector__button-tertiary:hover svg, .main_ui_workspace_colorpicker_slider_selector__attr-title button:hover svg, .main_ui_workspace_colorpicker_slider_selector__modal-close-btn-base:hover svg,
.main_ui_workspace_colorpicker_slider_selector__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_colorpicker_slider_selector__button-tertiary:active, .main_ui_workspace_colorpicker_slider_selector__attr-title button:active, .main_ui_workspace_colorpicker_slider_selector__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker_slider_selector__button-tertiary:active svg, .main_ui_workspace_colorpicker_slider_selector__attr-title button:active svg, .main_ui_workspace_colorpicker_slider_selector__modal-close-btn-base:active svg,
.main_ui_workspace_colorpicker_slider_selector__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_colorpicker_slider_selector__button-tertiary.disabled, .main_ui_workspace_colorpicker_slider_selector__attr-title button.disabled, .main_ui_workspace_colorpicker_slider_selector__modal-close-btn-base.disabled, .main_ui_workspace_colorpicker_slider_selector__button-tertiary[disabled], .main_ui_workspace_colorpicker_slider_selector__attr-title button[disabled], [disabled].main_ui_workspace_colorpicker_slider_selector__modal-close-btn-base, .main_ui_workspace_colorpicker_slider_selector__button-tertiary:disabled, .main_ui_workspace_colorpicker_slider_selector__attr-title button:disabled, .main_ui_workspace_colorpicker_slider_selector__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_colorpicker_slider_selector__button-tertiary.disabled svg, .main_ui_workspace_colorpicker_slider_selector__attr-title button.disabled svg, .main_ui_workspace_colorpicker_slider_selector__modal-close-btn-base.disabled svg,
.main_ui_workspace_colorpicker_slider_selector__button-tertiary.disabled span svg, .main_ui_workspace_colorpicker_slider_selector__button-tertiary[disabled] svg, .main_ui_workspace_colorpicker_slider_selector__attr-title button[disabled] svg, [disabled].main_ui_workspace_colorpicker_slider_selector__modal-close-btn-base svg,
.main_ui_workspace_colorpicker_slider_selector__button-tertiary[disabled] span svg, .main_ui_workspace_colorpicker_slider_selector__button-tertiary:disabled svg, .main_ui_workspace_colorpicker_slider_selector__attr-title button:disabled svg, .main_ui_workspace_colorpicker_slider_selector__modal-close-btn-base:disabled svg,
.main_ui_workspace_colorpicker_slider_selector__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_workspace_colorpicker_slider_selector__button-icon-selected {
  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);
}
.main_ui_workspace_colorpicker_slider_selector__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_workspace_colorpicker_slider_selector__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_workspace_colorpicker_slider_selector__button-radio: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);
}
.main_ui_workspace_colorpicker_slider_selector__button-radio:focus-visible svg,
.main_ui_workspace_colorpicker_slider_selector__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_colorpicker_slider_selector__button-radio svg,
.main_ui_workspace_colorpicker_slider_selector__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_colorpicker_slider_selector__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_workspace_colorpicker_slider_selector__button-radio:hover svg,
.main_ui_workspace_colorpicker_slider_selector__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_colorpicker_slider_selector__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_workspace_colorpicker_slider_selector__button-radio:active svg,
.main_ui_workspace_colorpicker_slider_selector__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_workspace_colorpicker_slider_selector__button-warning {
  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);
}

.main_ui_workspace_colorpicker_slider_selector__button-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;
}

.main_ui_workspace_colorpicker_slider_selector__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_colorpicker_slider_selector__button-tag: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);
}
.main_ui_workspace_colorpicker_slider_selector__button-tag:focus-visible svg,
.main_ui_workspace_colorpicker_slider_selector__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_workspace_colorpicker_slider_selector__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_workspace_colorpicker_slider_selector__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_workspace_colorpicker_slider_selector__button-icon, .main_ui_workspace_colorpicker_slider_selector__empty-icon svg, .main_ui_workspace_colorpicker_slider_selector__modal-close-btn-base svg, .main_ui_workspace_colorpicker_slider_selector__button-icon-small, .main_ui_workspace_colorpicker_slider_selector__dropdown-element-base span svg, .main_ui_workspace_colorpicker_slider_selector__attr-title button svg, .main_ui_workspace_colorpicker_slider_selector__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_slider_selector__input-checkbox label span.intermediate svg, .main_ui_workspace_colorpicker_slider_selector__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_slider_selector__input-checkbox label span.checked svg, .main_ui_workspace_colorpicker_slider_selector__input-element span svg,
.main_ui_workspace_colorpicker_slider_selector__input-element label svg, .main_ui_workspace_colorpicker_slider_selector__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_workspace_colorpicker_slider_selector__button-icon-small, .main_ui_workspace_colorpicker_slider_selector__dropdown-element-base span svg, .main_ui_workspace_colorpicker_slider_selector__attr-title button svg, .main_ui_workspace_colorpicker_slider_selector__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_slider_selector__input-checkbox label span.intermediate svg, .main_ui_workspace_colorpicker_slider_selector__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_slider_selector__input-checkbox label span.checked svg, .main_ui_workspace_colorpicker_slider_selector__input-element span svg,
.main_ui_workspace_colorpicker_slider_selector__input-element label svg, .main_ui_workspace_colorpicker_slider_selector__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_colorpicker_slider_selector__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_colorpicker_slider_selector__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_workspace_colorpicker_slider_selector__input-base, .main_ui_workspace_colorpicker_slider_selector__input-with-label input, .main_ui_workspace_colorpicker_slider_selector__input-element-label input, .main_ui_workspace_colorpicker_slider_selector__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_slider_selector__input-base[disabled], .main_ui_workspace_colorpicker_slider_selector__input-with-label input[disabled], .main_ui_workspace_colorpicker_slider_selector__input-element-label input[disabled], .main_ui_workspace_colorpicker_slider_selector__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_colorpicker_slider_selector__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_colorpicker_slider_selector__input-label, .main_ui_workspace_colorpicker_slider_selector__input-element span,
.main_ui_workspace_colorpicker_slider_selector__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_workspace_colorpicker_slider_selector__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker_slider_selector__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_colorpicker_slider_selector__input-element span svg,
.main_ui_workspace_colorpicker_slider_selector__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker_slider_selector__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_slider_selector__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_slider_selector__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker_slider_selector__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker_slider_selector__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker_slider_selector__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_colorpicker_slider_selector__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_slider_selector__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_slider_selector__input-element:focus, .main_ui_workspace_colorpicker_slider_selector__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_colorpicker_slider_selector__input-element:focus span, .main_ui_workspace_colorpicker_slider_selector__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_slider_selector__input-element:focus input, .main_ui_workspace_colorpicker_slider_selector__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_slider_selector__input-element:focus:hover, .main_ui_workspace_colorpicker_slider_selector__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_colorpicker_slider_selector__input-element:focus:hover span, .main_ui_workspace_colorpicker_slider_selector__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_slider_selector__input-element:focus:hover input, .main_ui_workspace_colorpicker_slider_selector__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_colorpicker_slider_selector__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_workspace_colorpicker_slider_selector__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_workspace_colorpicker_slider_selector__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_slider_selector__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_slider_selector__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker_slider_selector__input-element-label:focus-within input, .main_ui_workspace_colorpicker_slider_selector__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_workspace_colorpicker_slider_selector__disabled-input, .main_ui_workspace_colorpicker_slider_selector__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_colorpicker_slider_selector__disabled-input input, .main_ui_workspace_colorpicker_slider_selector__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_colorpicker_slider_selector__disabled-input span svg, .main_ui_workspace_colorpicker_slider_selector__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_colorpicker_slider_selector__checkbox-icon, .main_ui_workspace_colorpicker_slider_selector__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_workspace_colorpicker_slider_selector__checkbox-icon svg, .main_ui_workspace_colorpicker_slider_selector__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_colorpicker_slider_selector__checkbox-icon:hover, .main_ui_workspace_colorpicker_slider_selector__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_colorpicker_slider_selector__checkbox-icon:focus, .main_ui_workspace_colorpicker_slider_selector__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_colorpicker_slider_selector__checkbox-icon.checked, .main_ui_workspace_colorpicker_slider_selector__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_workspace_colorpicker_slider_selector__checkbox-icon.checked svg, .main_ui_workspace_colorpicker_slider_selector__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_colorpicker_slider_selector__checkbox-icon.intermediate, .main_ui_workspace_colorpicker_slider_selector__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_workspace_colorpicker_slider_selector__checkbox-icon.intermediate svg, .main_ui_workspace_colorpicker_slider_selector__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_colorpicker_slider_selector__checkbox-icon.unchecked, .main_ui_workspace_colorpicker_slider_selector__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_workspace_colorpicker_slider_selector__checkbox-icon.unchecked svg, .main_ui_workspace_colorpicker_slider_selector__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_colorpicker_slider_selector__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_colorpicker_slider_selector__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_workspace_colorpicker_slider_selector__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_colorpicker_slider_selector__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_colorpicker_slider_selector__input-checkbox label:focus span, .main_ui_workspace_colorpicker_slider_selector__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_colorpicker_slider_selector__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_colorpicker_slider_selector__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_slider_selector__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_slider_selector__input-with-label input:focus-within, .main_ui_workspace_colorpicker_slider_selector__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_workspace_colorpicker_slider_selector__input-with-label input:focus-within input, .main_ui_workspace_colorpicker_slider_selector__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_slider_selector__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_colorpicker_slider_selector__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_workspace_colorpicker_slider_selector__modal-overlay-base {
  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);
}

.main_ui_workspace_colorpicker_slider_selector__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_workspace_colorpicker_slider_selector__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_colorpicker_slider_selector__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_workspace_colorpicker_slider_selector__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_colorpicker_slider_selector__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_colorpicker_slider_selector__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_workspace_colorpicker_slider_selector__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_workspace_colorpicker_slider_selector__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_colorpicker_slider_selector__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_workspace_colorpicker_slider_selector__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_workspace_colorpicker_slider_selector__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_workspace_colorpicker_slider_selector__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_workspace_colorpicker_slider_selector__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_colorpicker_slider_selector__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_workspace_colorpicker_slider_selector__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_workspace_colorpicker_slider_selector__colorpicker-handler {
  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;
}
.main_ui_workspace_colorpicker_slider_selector__colorpicker-handler:hover, .main_ui_workspace_colorpicker_slider_selector__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_workspace_colorpicker_slider_selector__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_workspace_colorpicker_slider_selector__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_workspace_colorpicker_slider_selector__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_workspace_colorpicker_slider_selector__attr-title button {
  display: none;
}
.main_ui_workspace_colorpicker_slider_selector__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_colorpicker_slider_selector__attr-title:hover button {
  display: flex;
}

.main_ui_workspace_colorpicker_slider_selector__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_workspace_colorpicker_slider_selector__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_workspace_colorpicker_slider_selector__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_colorpicker_slider_selector__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_workspace_colorpicker_slider_selector__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_colorpicker_slider_selector__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_workspace_colorpicker_slider_selector__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_workspace_colorpicker_slider_selector__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_colorpicker_slider_selector__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_workspace_colorpicker_slider_selector__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_workspace_colorpicker_slider_selector__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_colorpicker_slider_selector__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_colorpicker_slider_selector__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_colorpicker_slider_selector__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_workspace_colorpicker_slider_selector__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_workspace_colorpicker_slider_selector__slider-selector {
  --gradient-direction: 90deg;
  --background-repeat: left;
  position: relative;
  align-self: center;
  height: 1.5rem;
  inline-size: 100%;
  border: 0.125rem solid var(--colorpicker-details-color);
  border-radius: 0.375rem;
  background: linear-gradient(var(--gradient-direction), rgba(var(--color), 0) 0%, rgba(var(--color), 1) 100%);
  cursor: pointer;
}
.main_ui_workspace_colorpicker_slider_selector__slider-selector.main_ui_workspace_colorpicker_slider_selector__vertical {
  --gradient-direction: 0deg;
  --background-repeat: top;
}
.main_ui_workspace_colorpicker_slider_selector__slider-selector.main_ui_workspace_colorpicker_slider_selector__vertical {
  width: 1.5rem;
  height: 12.5rem;
}
.main_ui_workspace_colorpicker_slider_selector__slider-selector.main_ui_workspace_colorpicker_slider_selector__hue {
  background: linear-gradient(var(--gradient-direction), #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.main_ui_workspace_colorpicker_slider_selector__slider-selector.main_ui_workspace_colorpicker_slider_selector__saturation {
  background: linear-gradient(var(--gradient-direction), var(--saturation-grad-from) 0%, var(--saturation-grad-to) 100%);
}
.main_ui_workspace_colorpicker_slider_selector__slider-selector.main_ui_workspace_colorpicker_slider_selector__opacity {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAExJREFUSIljvHnz5n8GLEBNTQ2bMMOtW7ewiuNSz4RVlIpg1IKBt4Dx////WFMRqakFl/qhH0SjFhAELNRKLaNl0Qi2YLQsGrWAcgAA0gAgQPhT2rAAAAAASUVORK5CYII=") var(--background-repeat) center;
}
.main_ui_workspace_colorpicker_slider_selector__slider-selector.main_ui_workspace_colorpicker_slider_selector__opacity::after {
  content: "";
  position: absolute;
  border-radius: 0.375rem;
  width: 100%;
  height: 100%;
  background: linear-gradient(var(--gradient-direction), rgba(var(--color), 0) 0%, rgba(var(--color), 1) 100%);
}
.main_ui_workspace_colorpicker_slider_selector__slider-selector.main_ui_workspace_colorpicker_slider_selector__value {
  background: linear-gradient(var(--gradient-direction), #000 0%, #fff 100%);
}
.main_ui_workspace_colorpicker_slider_selector__slider-selector .main_ui_workspace_colorpicker_slider_selector__handler {
  position: absolute;
  left: 50%;
  width: calc(0.5rem + 0.125rem);
  height: calc(1.5rem + 1px);
  border-radius: 0.25rem;
  z-index: 1;
  transform: translate(-4px, -3px);
  background-color: var(--colorpicker-handlers-color);
}
.main_ui_workspace_colorpicker_slider_selector__slider-selector.main_ui_workspace_colorpicker_slider_selector__vertical .main_ui_workspace_colorpicker_slider_selector__handler {
  height: calc(0.5rem + 0.125rem);
  width: calc(1.5rem + 1px);
  transform: translate(-12px, 5px);
}

.main_ui_workspace_colorpicker_slider_selector__opacity-wrapper {
  background-color: var(--colorpicker-background-color);
  border-radius: 0.5rem;
}

.main_ui_workspace_colorpicker_slider_selector__slider-selector.main_ui_workspace_colorpicker_slider_selector__hue {
  grid-area: hue;
}

.main_ui_workspace_colorpicker_slider_selector__slider-selector.main_ui_workspace_colorpicker_slider_selector__opacity {
  grid-area: opacity;
}

.main_ui_workspace_colorpicker_slider_selector__slider-selector.main_ui_workspace_colorpicker_slider_selector__value {
  background: linear-gradient(var(--gradient-direction), var(--hue-from, #000) 0%, var(--hue-to, #fff) 100%);
}

.main_ui_workspace_colorpicker_slider_selector__slider-selector.main_ui_workspace_colorpicker_slider_selector__saturation {
  background: linear-gradient(var(--gradient-direction), var(--saturation-grad-from) 0%, var(--saturation-grad-to) 100%);
}
@keyframes main_ui_viewer_comments__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_comments__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_viewer_comments__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_viewer_comments__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_comments__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_comments__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_comments__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_viewer_comments__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_comments__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_comments__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_comments__new-scrollbar ::placeholder,
.main_ui_viewer_comments__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_comments__button-primary, .main_ui_viewer_comments__modal-danger-btn, .main_ui_viewer_comments__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_viewer_comments__button-primary:focus-visible, .main_ui_viewer_comments__modal-danger-btn:focus-visible, .main_ui_viewer_comments__modal-accept-btn: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);
}
.main_ui_viewer_comments__button-primary:focus-visible svg, .main_ui_viewer_comments__modal-danger-btn:focus-visible svg, .main_ui_viewer_comments__modal-accept-btn:focus-visible svg,
.main_ui_viewer_comments__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_comments__button-primary svg, .main_ui_viewer_comments__modal-danger-btn svg, .main_ui_viewer_comments__modal-accept-btn svg,
.main_ui_viewer_comments__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_comments__button-primary:hover, .main_ui_viewer_comments__modal-danger-btn:hover, .main_ui_viewer_comments__modal-accept-btn: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;
}
.main_ui_viewer_comments__button-primary:hover svg, .main_ui_viewer_comments__modal-danger-btn:hover svg, .main_ui_viewer_comments__modal-accept-btn:hover svg,
.main_ui_viewer_comments__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_comments__button-primary:active, .main_ui_viewer_comments__modal-danger-btn:active, .main_ui_viewer_comments__modal-accept-btn: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;
}
.main_ui_viewer_comments__button-primary:active svg, .main_ui_viewer_comments__modal-danger-btn:active svg, .main_ui_viewer_comments__modal-accept-btn:active svg,
.main_ui_viewer_comments__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_comments__button-primary.disabled, .main_ui_viewer_comments__modal-danger-btn.disabled, .main_ui_viewer_comments__modal-accept-btn.disabled, .main_ui_viewer_comments__button-primary[disabled], [disabled].main_ui_viewer_comments__modal-danger-btn, [disabled].main_ui_viewer_comments__modal-accept-btn, .main_ui_viewer_comments__button-primary:disabled, .main_ui_viewer_comments__modal-danger-btn:disabled, .main_ui_viewer_comments__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_viewer_comments__button-secondary, .main_ui_viewer_comments__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_comments__button-secondary:focus-visible, .main_ui_viewer_comments__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_comments__button-secondary:focus-visible svg, .main_ui_viewer_comments__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_comments__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_comments__button-secondary svg, .main_ui_viewer_comments__modal-cancel-btn svg,
.main_ui_viewer_comments__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_comments__button-secondary:hover, .main_ui_viewer_comments__modal-cancel-btn: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;
}
.main_ui_viewer_comments__button-secondary:hover svg, .main_ui_viewer_comments__modal-cancel-btn:hover svg,
.main_ui_viewer_comments__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_comments__button-secondary:active, .main_ui_viewer_comments__modal-cancel-btn: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);
}
.main_ui_viewer_comments__button-secondary:active svg, .main_ui_viewer_comments__modal-cancel-btn:active svg,
.main_ui_viewer_comments__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_comments__button-secondary.disabled, .main_ui_viewer_comments__modal-cancel-btn.disabled, .main_ui_viewer_comments__button-secondary[disabled], [disabled].main_ui_viewer_comments__modal-cancel-btn, .main_ui_viewer_comments__button-secondary:disabled, .main_ui_viewer_comments__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_viewer_comments__button-tertiary, .main_ui_viewer_comments__attr-title button, .main_ui_viewer_comments__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_viewer_comments__button-tertiary:focus-visible, .main_ui_viewer_comments__attr-title button:focus-visible, .main_ui_viewer_comments__modal-close-btn-base: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);
}
.main_ui_viewer_comments__button-tertiary:focus-visible svg, .main_ui_viewer_comments__attr-title button:focus-visible svg, .main_ui_viewer_comments__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_comments__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_comments__button-tertiary svg, .main_ui_viewer_comments__attr-title button svg, .main_ui_viewer_comments__modal-close-btn-base svg,
.main_ui_viewer_comments__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_comments__button-tertiary:hover, .main_ui_viewer_comments__attr-title button:hover, .main_ui_viewer_comments__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_viewer_comments__button-tertiary:hover svg, .main_ui_viewer_comments__attr-title button:hover svg, .main_ui_viewer_comments__modal-close-btn-base:hover svg,
.main_ui_viewer_comments__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_comments__button-tertiary:active, .main_ui_viewer_comments__attr-title button:active, .main_ui_viewer_comments__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_comments__button-tertiary:active svg, .main_ui_viewer_comments__attr-title button:active svg, .main_ui_viewer_comments__modal-close-btn-base:active svg,
.main_ui_viewer_comments__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_comments__button-tertiary.disabled, .main_ui_viewer_comments__attr-title button.disabled, .main_ui_viewer_comments__modal-close-btn-base.disabled, .main_ui_viewer_comments__button-tertiary[disabled], .main_ui_viewer_comments__attr-title button[disabled], [disabled].main_ui_viewer_comments__modal-close-btn-base, .main_ui_viewer_comments__button-tertiary:disabled, .main_ui_viewer_comments__attr-title button:disabled, .main_ui_viewer_comments__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_comments__button-tertiary.disabled svg, .main_ui_viewer_comments__attr-title button.disabled svg, .main_ui_viewer_comments__modal-close-btn-base.disabled svg,
.main_ui_viewer_comments__button-tertiary.disabled span svg, .main_ui_viewer_comments__button-tertiary[disabled] svg, .main_ui_viewer_comments__attr-title button[disabled] svg, [disabled].main_ui_viewer_comments__modal-close-btn-base svg,
.main_ui_viewer_comments__button-tertiary[disabled] span svg, .main_ui_viewer_comments__button-tertiary:disabled svg, .main_ui_viewer_comments__attr-title button:disabled svg, .main_ui_viewer_comments__modal-close-btn-base:disabled svg,
.main_ui_viewer_comments__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_viewer_comments__button-icon-selected {
  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);
}
.main_ui_viewer_comments__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_viewer_comments__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_viewer_comments__button-radio: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);
}
.main_ui_viewer_comments__button-radio:focus-visible svg,
.main_ui_viewer_comments__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_comments__button-radio svg,
.main_ui_viewer_comments__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_comments__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_viewer_comments__button-radio:hover svg,
.main_ui_viewer_comments__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_comments__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_viewer_comments__button-radio:active svg,
.main_ui_viewer_comments__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_viewer_comments__button-warning {
  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);
}

.main_ui_viewer_comments__button-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;
}

.main_ui_viewer_comments__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_viewer_comments__button-tag: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);
}
.main_ui_viewer_comments__button-tag:focus-visible svg,
.main_ui_viewer_comments__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_viewer_comments__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_viewer_comments__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_viewer_comments__button-icon, .main_ui_viewer_comments__empty-icon svg, .main_ui_viewer_comments__modal-close-btn-base svg, .main_ui_viewer_comments__button-icon-small, .main_ui_viewer_comments__icon svg,
.main_ui_viewer_comments__icon-dropdown svg, .main_ui_viewer_comments__dropdown-element .main_ui_viewer_comments__icon svg, .main_ui_viewer_comments__dropdown-element-base span svg, .main_ui_viewer_comments__dropdown-element span svg, .main_ui_viewer_comments__attr-title button svg, .main_ui_viewer_comments__checkbox-icon.intermediate svg, .main_ui_viewer_comments__input-checkbox label span.intermediate svg, .main_ui_viewer_comments__checkbox-icon.checked svg, .main_ui_viewer_comments__input-checkbox label span.checked svg, .main_ui_viewer_comments__input-element span svg,
.main_ui_viewer_comments__input-element label svg, .main_ui_viewer_comments__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_viewer_comments__button-icon-small, .main_ui_viewer_comments__icon svg,
.main_ui_viewer_comments__icon-dropdown svg, .main_ui_viewer_comments__dropdown-element .main_ui_viewer_comments__icon svg, .main_ui_viewer_comments__dropdown-element-base span svg, .main_ui_viewer_comments__dropdown-element span svg, .main_ui_viewer_comments__attr-title button svg, .main_ui_viewer_comments__checkbox-icon.intermediate svg, .main_ui_viewer_comments__input-checkbox label span.intermediate svg, .main_ui_viewer_comments__checkbox-icon.checked svg, .main_ui_viewer_comments__input-checkbox label span.checked svg, .main_ui_viewer_comments__input-element span svg,
.main_ui_viewer_comments__input-element label svg, .main_ui_viewer_comments__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_comments__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_viewer_comments__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_viewer_comments__input-base, .main_ui_viewer_comments__input-with-label input, .main_ui_viewer_comments__input-element-label input, .main_ui_viewer_comments__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_comments__input-base[disabled], .main_ui_viewer_comments__input-with-label input[disabled], .main_ui_viewer_comments__input-element-label input[disabled], .main_ui_viewer_comments__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_comments__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_comments__input-label, .main_ui_viewer_comments__input-element span,
.main_ui_viewer_comments__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_viewer_comments__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_viewer_comments__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_comments__input-element span svg,
.main_ui_viewer_comments__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_comments__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_comments__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_comments__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_comments__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_comments__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_comments__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_comments__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_comments__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_comments__input-element:focus, .main_ui_viewer_comments__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_comments__input-element:focus span, .main_ui_viewer_comments__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_comments__input-element:focus input, .main_ui_viewer_comments__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_comments__input-element:focus:hover, .main_ui_viewer_comments__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_comments__input-element:focus:hover span, .main_ui_viewer_comments__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_comments__input-element:focus:hover input, .main_ui_viewer_comments__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_comments__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_viewer_comments__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_viewer_comments__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_comments__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_comments__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_comments__input-element-label:focus-within input, .main_ui_viewer_comments__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_viewer_comments__disabled-input, .main_ui_viewer_comments__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_comments__disabled-input input, .main_ui_viewer_comments__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_comments__disabled-input span svg, .main_ui_viewer_comments__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_comments__checkbox-icon, .main_ui_viewer_comments__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_viewer_comments__checkbox-icon svg, .main_ui_viewer_comments__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_comments__checkbox-icon:hover, .main_ui_viewer_comments__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_comments__checkbox-icon:focus, .main_ui_viewer_comments__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_comments__checkbox-icon.checked, .main_ui_viewer_comments__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_viewer_comments__checkbox-icon.checked svg, .main_ui_viewer_comments__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_comments__checkbox-icon.intermediate, .main_ui_viewer_comments__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_viewer_comments__checkbox-icon.intermediate svg, .main_ui_viewer_comments__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_comments__checkbox-icon.unchecked, .main_ui_viewer_comments__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_viewer_comments__checkbox-icon.unchecked svg, .main_ui_viewer_comments__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_comments__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_comments__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_viewer_comments__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_comments__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_comments__input-checkbox label:focus span, .main_ui_viewer_comments__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_comments__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_comments__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_comments__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_comments__input-with-label input:focus-within, .main_ui_viewer_comments__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_comments__input-with-label input:focus-within input, .main_ui_viewer_comments__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_comments__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_comments__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_viewer_comments__modal-overlay-base {
  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);
}

.main_ui_viewer_comments__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_viewer_comments__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_comments__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_viewer_comments__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_comments__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_viewer_comments__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_viewer_comments__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_viewer_comments__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_viewer_comments__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_viewer_comments__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_viewer_comments__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_viewer_comments__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_viewer_comments__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_comments__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_viewer_comments__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_viewer_comments__colorpicker-handler {
  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;
}
.main_ui_viewer_comments__colorpicker-handler:hover, .main_ui_viewer_comments__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_viewer_comments__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_viewer_comments__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_viewer_comments__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_viewer_comments__attr-title button {
  display: none;
}
.main_ui_viewer_comments__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_comments__attr-title:hover button {
  display: flex;
}

.main_ui_viewer_comments__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_viewer_comments__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_viewer_comments__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_comments__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_viewer_comments__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_comments__menu-dropdown, .main_ui_viewer_comments__dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_viewer_comments__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_viewer_comments__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_comments__dropdown-element-base, .main_ui_viewer_comments__dropdown-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_viewer_comments__dropdown-element-base span, .main_ui_viewer_comments__dropdown-element span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_viewer_comments__dropdown-element-base span svg, .main_ui_viewer_comments__dropdown-element span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_comments__dropdown-element-base:hover, .main_ui_viewer_comments__dropdown-element:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_comments__dropdown-element-base:hover span svg, .main_ui_viewer_comments__dropdown-element:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_comments__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_viewer_comments__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_viewer_comments__view-options {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  position: relative;
  gap: 0.25rem;
  height: 2rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  cursor: pointer;
}

.main_ui_viewer_comments__dropdown {
  right: 0.125rem;
  top: calc(0.125rem + 3rem);
  width: 17rem;
  padding: 0.375rem;
}

.main_ui_viewer_comments__dropdown-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  flex-grow: 1;
  color: var(--input-foreground-color-active);
}

.main_ui_viewer_comments__label {
  flex-grow: 1;
  color: var(--input-foreground-color);
}

.main_ui_viewer_comments__icon,
.main_ui_viewer_comments__icon-dropdown {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 1rem;
}
.main_ui_viewer_comments__icon svg,
.main_ui_viewer_comments__icon-dropdown svg {
  stroke: var(--icon-foreground);
}

.main_ui_viewer_comments__icon-dropdown svg {
  transform: rotate(90deg);
}

.main_ui_viewer_comments__dropdown-element .main_ui_viewer_comments__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 1rem;
}
.main_ui_viewer_comments__dropdown-element .main_ui_viewer_comments__icon svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_comments__dropdown-element:hover .main_ui_viewer_comments__label {
  color: var(--input-foreground-color-active);
}

.main_ui_viewer_comments__dropdown-element.main_ui_viewer_comments__selected .main_ui_viewer_comments__label {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_comments__dropdown-element.main_ui_viewer_comments__selected .main_ui_viewer_comments__icon svg {
  stroke: var(--input-foreground-color);
}

.main_ui_viewer_comments__separator {
  height: 0.5rem;
}

.main_ui_viewer_comments__viewer-comments-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.main_ui_viewer_comments__threads {
  position: absolute;
  top: 0px;
  left: 0px;
}

.main_ui_viewer_comments__comments-sidebar {
  position: absolute;
  right: 0;
  top: 2.75rem;
  width: 17.25rem;
  height: calc(100vh - 3rem);
  z-index: 10;
  background-color: var(--panel-background-color);
}

.main_ui_viewer_comments__settings-bar-inside {
  overflow-y: auto;
}

.main_ui_viewer_comments__comments-section {
  background-color: var(--panel-background-color);
}
@keyframes main_ui_viewer_header__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_header__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_viewer_header__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_viewer_header__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_header__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_header__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_header__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_viewer_header__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_header__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_header__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_header__new-scrollbar ::placeholder,
.main_ui_viewer_header__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_header__button-primary, .main_ui_viewer_header__share-btn, .main_ui_viewer_header__modal-danger-btn, .main_ui_viewer_header__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_viewer_header__button-primary:focus-visible, .main_ui_viewer_header__share-btn:focus-visible, .main_ui_viewer_header__modal-danger-btn:focus-visible, .main_ui_viewer_header__modal-accept-btn: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);
}
.main_ui_viewer_header__button-primary:focus-visible svg, .main_ui_viewer_header__share-btn:focus-visible svg, .main_ui_viewer_header__modal-danger-btn:focus-visible svg, .main_ui_viewer_header__modal-accept-btn:focus-visible svg,
.main_ui_viewer_header__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_header__button-primary svg, .main_ui_viewer_header__share-btn svg, .main_ui_viewer_header__modal-danger-btn svg, .main_ui_viewer_header__modal-accept-btn svg,
.main_ui_viewer_header__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_header__button-primary:hover, .main_ui_viewer_header__share-btn:hover, .main_ui_viewer_header__modal-danger-btn:hover, .main_ui_viewer_header__modal-accept-btn: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;
}
.main_ui_viewer_header__button-primary:hover svg, .main_ui_viewer_header__share-btn:hover svg, .main_ui_viewer_header__modal-danger-btn:hover svg, .main_ui_viewer_header__modal-accept-btn:hover svg,
.main_ui_viewer_header__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_header__button-primary:active, .main_ui_viewer_header__share-btn:active, .main_ui_viewer_header__modal-danger-btn:active, .main_ui_viewer_header__modal-accept-btn: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;
}
.main_ui_viewer_header__button-primary:active svg, .main_ui_viewer_header__share-btn:active svg, .main_ui_viewer_header__modal-danger-btn:active svg, .main_ui_viewer_header__modal-accept-btn:active svg,
.main_ui_viewer_header__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_header__button-primary.disabled, .main_ui_viewer_header__share-btn.disabled, .main_ui_viewer_header__modal-danger-btn.disabled, .main_ui_viewer_header__modal-accept-btn.disabled, .main_ui_viewer_header__button-primary[disabled], [disabled].main_ui_viewer_header__share-btn, [disabled].main_ui_viewer_header__modal-danger-btn, [disabled].main_ui_viewer_header__modal-accept-btn, .main_ui_viewer_header__button-primary:disabled, .main_ui_viewer_header__share-btn:disabled, .main_ui_viewer_header__modal-danger-btn:disabled, .main_ui_viewer_header__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_viewer_header__button-secondary, .main_ui_viewer_header__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_header__button-secondary:focus-visible, .main_ui_viewer_header__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_header__button-secondary:focus-visible svg, .main_ui_viewer_header__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_header__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_header__button-secondary svg, .main_ui_viewer_header__modal-cancel-btn svg,
.main_ui_viewer_header__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_header__button-secondary:hover, .main_ui_viewer_header__modal-cancel-btn: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;
}
.main_ui_viewer_header__button-secondary:hover svg, .main_ui_viewer_header__modal-cancel-btn:hover svg,
.main_ui_viewer_header__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_header__button-secondary:active, .main_ui_viewer_header__modal-cancel-btn: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);
}
.main_ui_viewer_header__button-secondary:active svg, .main_ui_viewer_header__modal-cancel-btn:active svg,
.main_ui_viewer_header__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_header__button-secondary.disabled, .main_ui_viewer_header__modal-cancel-btn.disabled, .main_ui_viewer_header__button-secondary[disabled], [disabled].main_ui_viewer_header__modal-cancel-btn, .main_ui_viewer_header__button-secondary:disabled, .main_ui_viewer_header__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_viewer_header__button-tertiary, .main_ui_viewer_header__mode-zone-btn, .main_ui_viewer_header__fullscreen-btn, .main_ui_viewer_header__edit-btn, .main_ui_viewer_header__go-log-btn, .main_ui_viewer_header__zoom-btn, .main_ui_viewer_header__reset-btn, .main_ui_viewer_header__attr-title button, .main_ui_viewer_header__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_viewer_header__button-tertiary:focus-visible, .main_ui_viewer_header__mode-zone-btn:focus-visible, .main_ui_viewer_header__fullscreen-btn:focus-visible, .main_ui_viewer_header__edit-btn:focus-visible, .main_ui_viewer_header__go-log-btn:focus-visible, .main_ui_viewer_header__zoom-btn:focus-visible, .main_ui_viewer_header__reset-btn:focus-visible, .main_ui_viewer_header__attr-title button:focus-visible, .main_ui_viewer_header__modal-close-btn-base: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);
}
.main_ui_viewer_header__button-tertiary:focus-visible svg, .main_ui_viewer_header__mode-zone-btn:focus-visible svg, .main_ui_viewer_header__fullscreen-btn:focus-visible svg, .main_ui_viewer_header__edit-btn:focus-visible svg, .main_ui_viewer_header__go-log-btn:focus-visible svg, .main_ui_viewer_header__zoom-btn:focus-visible svg, .main_ui_viewer_header__reset-btn:focus-visible svg, .main_ui_viewer_header__attr-title button:focus-visible svg, .main_ui_viewer_header__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_header__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_header__button-tertiary svg, .main_ui_viewer_header__mode-zone-btn svg, .main_ui_viewer_header__fullscreen-btn svg, .main_ui_viewer_header__edit-btn svg, .main_ui_viewer_header__go-log-btn svg, .main_ui_viewer_header__zoom-btn svg, .main_ui_viewer_header__reset-btn svg, .main_ui_viewer_header__attr-title button svg, .main_ui_viewer_header__modal-close-btn-base svg,
.main_ui_viewer_header__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_header__button-tertiary:hover, .main_ui_viewer_header__mode-zone-btn:hover, .main_ui_viewer_header__fullscreen-btn:hover, .main_ui_viewer_header__edit-btn:hover, .main_ui_viewer_header__go-log-btn:hover, .main_ui_viewer_header__zoom-btn:hover, .main_ui_viewer_header__reset-btn:hover, .main_ui_viewer_header__attr-title button:hover, .main_ui_viewer_header__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_viewer_header__button-tertiary:hover svg, .main_ui_viewer_header__mode-zone-btn:hover svg, .main_ui_viewer_header__fullscreen-btn:hover svg, .main_ui_viewer_header__edit-btn:hover svg, .main_ui_viewer_header__go-log-btn:hover svg, .main_ui_viewer_header__zoom-btn:hover svg, .main_ui_viewer_header__reset-btn:hover svg, .main_ui_viewer_header__attr-title button:hover svg, .main_ui_viewer_header__modal-close-btn-base:hover svg,
.main_ui_viewer_header__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_header__button-tertiary:active, .main_ui_viewer_header__mode-zone-btn:active, .main_ui_viewer_header__fullscreen-btn:active, .main_ui_viewer_header__edit-btn:active, .main_ui_viewer_header__go-log-btn:active, .main_ui_viewer_header__zoom-btn:active, .main_ui_viewer_header__reset-btn:active, .main_ui_viewer_header__attr-title button:active, .main_ui_viewer_header__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_header__button-tertiary:active svg, .main_ui_viewer_header__mode-zone-btn:active svg, .main_ui_viewer_header__fullscreen-btn:active svg, .main_ui_viewer_header__edit-btn:active svg, .main_ui_viewer_header__go-log-btn:active svg, .main_ui_viewer_header__zoom-btn:active svg, .main_ui_viewer_header__reset-btn:active svg, .main_ui_viewer_header__attr-title button:active svg, .main_ui_viewer_header__modal-close-btn-base:active svg,
.main_ui_viewer_header__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_header__button-tertiary.disabled, .main_ui_viewer_header__mode-zone-btn.disabled, .main_ui_viewer_header__fullscreen-btn.disabled, .main_ui_viewer_header__edit-btn.disabled, .main_ui_viewer_header__go-log-btn.disabled, .main_ui_viewer_header__zoom-btn.disabled, .main_ui_viewer_header__reset-btn.disabled, .main_ui_viewer_header__attr-title button.disabled, .main_ui_viewer_header__modal-close-btn-base.disabled, .main_ui_viewer_header__button-tertiary[disabled], [disabled].main_ui_viewer_header__mode-zone-btn, [disabled].main_ui_viewer_header__fullscreen-btn, [disabled].main_ui_viewer_header__edit-btn, [disabled].main_ui_viewer_header__go-log-btn, [disabled].main_ui_viewer_header__zoom-btn, [disabled].main_ui_viewer_header__reset-btn, .main_ui_viewer_header__attr-title button[disabled], [disabled].main_ui_viewer_header__modal-close-btn-base, .main_ui_viewer_header__button-tertiary:disabled, .main_ui_viewer_header__mode-zone-btn:disabled, .main_ui_viewer_header__fullscreen-btn:disabled, .main_ui_viewer_header__edit-btn:disabled, .main_ui_viewer_header__go-log-btn:disabled, .main_ui_viewer_header__zoom-btn:disabled, .main_ui_viewer_header__reset-btn:disabled, .main_ui_viewer_header__attr-title button:disabled, .main_ui_viewer_header__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_header__button-tertiary.disabled svg, .main_ui_viewer_header__mode-zone-btn.disabled svg, .main_ui_viewer_header__fullscreen-btn.disabled svg, .main_ui_viewer_header__edit-btn.disabled svg, .main_ui_viewer_header__go-log-btn.disabled svg, .main_ui_viewer_header__zoom-btn.disabled svg, .main_ui_viewer_header__reset-btn.disabled svg, .main_ui_viewer_header__attr-title button.disabled svg, .main_ui_viewer_header__modal-close-btn-base.disabled svg,
.main_ui_viewer_header__button-tertiary.disabled span svg, .main_ui_viewer_header__button-tertiary[disabled] svg, [disabled].main_ui_viewer_header__mode-zone-btn svg, [disabled].main_ui_viewer_header__fullscreen-btn svg, [disabled].main_ui_viewer_header__edit-btn svg, [disabled].main_ui_viewer_header__go-log-btn svg, [disabled].main_ui_viewer_header__zoom-btn svg, [disabled].main_ui_viewer_header__reset-btn svg, .main_ui_viewer_header__attr-title button[disabled] svg, [disabled].main_ui_viewer_header__modal-close-btn-base svg,
.main_ui_viewer_header__button-tertiary[disabled] span svg, .main_ui_viewer_header__button-tertiary:disabled svg, .main_ui_viewer_header__mode-zone-btn:disabled svg, .main_ui_viewer_header__fullscreen-btn:disabled svg, .main_ui_viewer_header__edit-btn:disabled svg, .main_ui_viewer_header__go-log-btn:disabled svg, .main_ui_viewer_header__zoom-btn:disabled svg, .main_ui_viewer_header__reset-btn:disabled svg, .main_ui_viewer_header__attr-title button:disabled svg, .main_ui_viewer_header__modal-close-btn-base:disabled svg,
.main_ui_viewer_header__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_viewer_header__button-icon-selected, .main_ui_viewer_header__selected {
  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);
}
.main_ui_viewer_header__button-icon-selected svg, .main_ui_viewer_header__selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_viewer_header__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_viewer_header__button-radio: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);
}
.main_ui_viewer_header__button-radio:focus-visible svg,
.main_ui_viewer_header__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_header__button-radio svg,
.main_ui_viewer_header__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_header__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_viewer_header__button-radio:hover svg,
.main_ui_viewer_header__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_header__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_viewer_header__button-radio:active svg,
.main_ui_viewer_header__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_viewer_header__button-warning {
  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);
}

.main_ui_viewer_header__button-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;
}

.main_ui_viewer_header__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_viewer_header__button-tag: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);
}
.main_ui_viewer_header__button-tag:focus-visible svg,
.main_ui_viewer_header__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_viewer_header__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_viewer_header__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_viewer_header__button-icon, .main_ui_viewer_header__mode-zone-btn svg, .main_ui_viewer_header__fullscreen-btn svg, .main_ui_viewer_header__edit-btn svg, .main_ui_viewer_header__zoom-btn .main_ui_viewer_header__zoom-icon svg, .main_ui_viewer_header__empty-icon svg, .main_ui_viewer_header__modal-close-btn-base svg, .main_ui_viewer_header__button-icon-small, .main_ui_viewer_header__icon svg, .main_ui_viewer_header__dropdown-element .main_ui_viewer_header__icon-check svg, .main_ui_viewer_header__dropdown-element-base span svg, .main_ui_viewer_header__dropdown-element span svg, .main_ui_viewer_header__attr-title button svg, .main_ui_viewer_header__checkbox-icon.intermediate svg, .main_ui_viewer_header__input-checkbox label span.intermediate svg, .main_ui_viewer_header__checkbox-icon.checked svg, .main_ui_viewer_header__input-checkbox label span.checked svg, .main_ui_viewer_header__input-element span svg,
.main_ui_viewer_header__input-element label svg, .main_ui_viewer_header__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_viewer_header__button-icon-small, .main_ui_viewer_header__icon svg, .main_ui_viewer_header__dropdown-element .main_ui_viewer_header__icon-check svg, .main_ui_viewer_header__dropdown-element-base span svg, .main_ui_viewer_header__dropdown-element span svg, .main_ui_viewer_header__attr-title button svg, .main_ui_viewer_header__checkbox-icon.intermediate svg, .main_ui_viewer_header__input-checkbox label span.intermediate svg, .main_ui_viewer_header__checkbox-icon.checked svg, .main_ui_viewer_header__input-checkbox label span.checked svg, .main_ui_viewer_header__input-element span svg,
.main_ui_viewer_header__input-element label svg, .main_ui_viewer_header__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_header__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_viewer_header__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_viewer_header__input-base, .main_ui_viewer_header__input-with-label input, .main_ui_viewer_header__input-element-label input, .main_ui_viewer_header__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_header__input-base[disabled], .main_ui_viewer_header__input-with-label input[disabled], .main_ui_viewer_header__input-element-label input[disabled], .main_ui_viewer_header__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_header__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_header__input-label, .main_ui_viewer_header__input-element span,
.main_ui_viewer_header__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_viewer_header__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_viewer_header__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_header__input-element span svg,
.main_ui_viewer_header__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_header__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_header__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_header__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_header__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_header__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_header__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_header__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_header__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_header__input-element:focus, .main_ui_viewer_header__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_header__input-element:focus span, .main_ui_viewer_header__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_header__input-element:focus input, .main_ui_viewer_header__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_header__input-element:focus:hover, .main_ui_viewer_header__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_header__input-element:focus:hover span, .main_ui_viewer_header__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_header__input-element:focus:hover input, .main_ui_viewer_header__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_header__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_viewer_header__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_viewer_header__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_header__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_header__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_header__input-element-label:focus-within input, .main_ui_viewer_header__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_viewer_header__disabled-input, .main_ui_viewer_header__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_header__disabled-input input, .main_ui_viewer_header__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_header__disabled-input span svg, .main_ui_viewer_header__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_header__checkbox-icon, .main_ui_viewer_header__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_viewer_header__checkbox-icon svg, .main_ui_viewer_header__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_header__checkbox-icon:hover, .main_ui_viewer_header__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_header__checkbox-icon:focus, .main_ui_viewer_header__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_header__checkbox-icon.checked, .main_ui_viewer_header__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_viewer_header__checkbox-icon.checked svg, .main_ui_viewer_header__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_header__checkbox-icon.intermediate, .main_ui_viewer_header__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_viewer_header__checkbox-icon.intermediate svg, .main_ui_viewer_header__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_header__checkbox-icon.unchecked, .main_ui_viewer_header__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_viewer_header__checkbox-icon.unchecked svg, .main_ui_viewer_header__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_header__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_header__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_viewer_header__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_header__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_header__input-checkbox label:focus span, .main_ui_viewer_header__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_header__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_header__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_header__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_header__input-with-label input:focus-within, .main_ui_viewer_header__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_header__input-with-label input:focus-within input, .main_ui_viewer_header__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_header__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_header__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_viewer_header__modal-overlay-base {
  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);
}

.main_ui_viewer_header__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_viewer_header__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_header__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_viewer_header__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_header__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_viewer_header__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_viewer_header__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_viewer_header__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_viewer_header__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_viewer_header__shortcut-base, .main_ui_viewer_header__zoom-option .main_ui_viewer_header__shortcuts {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_viewer_header__shortcut-key-base, .main_ui_viewer_header__zoom-option .main_ui_viewer_header__shortcuts .main_ui_viewer_header__shortcut-key {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_viewer_header__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_viewer_header__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_header__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_viewer_header__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_viewer_header__colorpicker-handler {
  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;
}
.main_ui_viewer_header__colorpicker-handler:hover, .main_ui_viewer_header__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_viewer_header__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_viewer_header__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_viewer_header__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_viewer_header__attr-title button {
  display: none;
}
.main_ui_viewer_header__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_header__attr-title:hover button {
  display: flex;
}

.main_ui_viewer_header__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_viewer_header__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_viewer_header__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_header__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_viewer_header__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_header__menu-dropdown, .main_ui_viewer_header__dropdown-sitemap, .main_ui_viewer_header__dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_viewer_header__menu-item-base, .main_ui_viewer_header__zoom-option {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_viewer_header__menu-item-base:hover, .main_ui_viewer_header__zoom-option:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_header__dropdown-element-base, .main_ui_viewer_header__dropdown-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_viewer_header__dropdown-element-base span, .main_ui_viewer_header__dropdown-element span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_viewer_header__dropdown-element-base span svg, .main_ui_viewer_header__dropdown-element span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_header__dropdown-element-base:hover, .main_ui_viewer_header__dropdown-element:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_header__dropdown-element-base:hover span svg, .main_ui_viewer_header__dropdown-element:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_header__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_viewer_header__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_viewer_header__viewer-header {
  position: absolute;
  top: 0;
  grid-column: 1/span 1;
  grid-row: 1/span 1;
  display: grid;
  grid-template-columns: 1fr 5.75rem 1fr;
  justify-content: space-between;
  align-items: center;
  height: 3rem;
  width: 100vw;
  padding: 0.5rem 0.75rem;
  transition: transform 400ms ease 300ms;
  background-color: var(--panel-background-color);
}

.main_ui_viewer_header__nav-zone {
  display: flex;
  justify-content: flex-start;
  flex-basis: min-content;
  width: 100%;
  gap: 0.75rem;
}

.main_ui_viewer_header__home-link {
  padding: 0;
  display: grid;
  place-content: center;
}

.main_ui_viewer_header__logo-icon {
  width: 1.75rem;
  height: 1.75rem;
  fill: var(--icon-foreground-hover);
}

.main_ui_viewer_header__sitemap-zone {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
  width: 100%;
}

.main_ui_viewer_header__project-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--title-foreground-color);
}

.main_ui_viewer_header__sitemap-text {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_viewer_header__breadcrumb {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--title-foreground-color);
  cursor: pointer;
}

.main_ui_viewer_header__breadcrumb-text {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 12vw;
  max-width: 12cqw;
}

.main_ui_viewer_header__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
}
.main_ui_viewer_header__icon svg {
  transform: rotate(90deg);
  stroke: var(--icon-foreground);
}

.main_ui_viewer_header__dropdown {
  position: absolute;
}

.main_ui_viewer_header__dropdown-sitemap {
  left: 0;
  top: calc(0.125rem + 3rem);
  width: 17rem;
  padding: 0.375rem;
}

.main_ui_viewer_header__dropdown-element .main_ui_viewer_header__icon-check {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 1rem;
}
.main_ui_viewer_header__dropdown-element .main_ui_viewer_header__icon-check svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_header__dropdown-element:hover .main_ui_viewer_header__label {
  color: var(--input-foreground-color-active);
}

.main_ui_viewer_header__current-frame {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-grow: 1;
  color: var(--title-foreground-color-hover);
  cursor: pointer;
}
.main_ui_viewer_header__current-frame .main_ui_viewer_header__icon svg {
  stroke: var(--title-foreground-color-hover);
}

.main_ui_viewer_header__frame-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 17vw;
  max-width: 17cqw;
}

.main_ui_viewer_header__mode-zone {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  height: 100%;
}

.main_ui_viewer_header__mode-zone-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 1.75rem;
  padding: 0;
}
.main_ui_viewer_header__options-zone {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  position: relative;
  justify-content: flex-end;
  gap: 0.5rem;
  z-index: 10;
}

.main_ui_viewer_header__view-options {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.main_ui_viewer_header__fullscreen-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_header__fullscreen-btn svg {
  stroke: var(--icon-foreground);
}

.main_ui_viewer_header__share-btn {
  height: 2rem;
  min-width: 4.5rem;
  margin-left: 0.25rem;
}

.main_ui_viewer_header__edit-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_header__edit-btn svg {
  stroke: var(--icon-foreground);
}

.main_ui_viewer_header__go-log-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
}

.main_ui_viewer_header__zoom-widget {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.75rem;
  min-width: 4rem;
  border-radius: 0.5rem;
}
.main_ui_viewer_header__zoom-widget .main_ui_viewer_header__label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_header__zoom-widget:hover .main_ui_viewer_header__label {
  color: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_header__zoom-widget.main_ui_viewer_header__selected .main_ui_viewer_header__label {
  color: var(--button-tertiary-foreground-color-focus);
}

.main_ui_viewer_header__dropdown {
  right: 0.125rem;
  top: calc(0.125rem + 3rem);
  width: 17rem;
}

.main_ui_viewer_header__basic-zoom-bar {
  display: flex;
  justify-content: space-between;
  padding: 0.375rem;
  cursor: auto;
}

.main_ui_viewer_header__zoom-btns {
  display: flex;
}

.main_ui_viewer_header__zoom-btn {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 0.5rem;
}
.main_ui_viewer_header__zoom-btn .main_ui_viewer_header__zoom-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 2rem;
}
.main_ui_viewer_header__zoom-btn .main_ui_viewer_header__zoom-icon svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_header__zoom-btn:hover .main_ui_viewer_header__zoom-icon svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}

.main_ui_viewer_header__zoom-text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-width: 4rem;
  padding: 0;
  margin: 0 0.125rem;
  color: var(--modal-title-foreground-color);
}

.main_ui_viewer_header__reset-btn {
  color: var(--button-tertiary-foreground-color-hover);
  height: 1.75rem;
  border-radius: 0.5rem;
}

.main_ui_viewer_header__zoom-option:hover {
  color: var(--menu-foreground-color-hover);
}
.main_ui_viewer_header__zoom-option:hover .main_ui_viewer_header__shortcuts .main_ui_viewer_header__shortcut-key {
  color: var(--menu-foreground-color-hover);
}

/** FULLSCREEN */
[data-fullscreen=true] .main_ui_viewer_header__viewer-header::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 3rem;
  left: 0;
  top: 3rem;
}

[data-fullscreen=true] .main_ui_viewer_header__viewer-header {
  transform: translateY(-3rem);
}

[data-force-visible=true] .main_ui_viewer_header__viewer-header,
[data-fullscreen=true] .main_ui_viewer_header__viewer-header:hover {
  transform: translateY(0);
}
@keyframes main_ui_viewer_inspect__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_viewer_inspect__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_viewer_inspect__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_inspect__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_viewer_inspect__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect__new-scrollbar ::placeholder,
.main_ui_viewer_inspect__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect__button-primary, .main_ui_viewer_inspect__modal-danger-btn, .main_ui_viewer_inspect__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_viewer_inspect__button-primary:focus-visible, .main_ui_viewer_inspect__modal-danger-btn:focus-visible, .main_ui_viewer_inspect__modal-accept-btn: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);
}
.main_ui_viewer_inspect__button-primary:focus-visible svg, .main_ui_viewer_inspect__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect__button-primary svg, .main_ui_viewer_inspect__modal-danger-btn svg, .main_ui_viewer_inspect__modal-accept-btn svg,
.main_ui_viewer_inspect__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect__button-primary:hover, .main_ui_viewer_inspect__modal-danger-btn:hover, .main_ui_viewer_inspect__modal-accept-btn: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;
}
.main_ui_viewer_inspect__button-primary:hover svg, .main_ui_viewer_inspect__modal-danger-btn:hover svg, .main_ui_viewer_inspect__modal-accept-btn:hover svg,
.main_ui_viewer_inspect__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect__button-primary:active, .main_ui_viewer_inspect__modal-danger-btn:active, .main_ui_viewer_inspect__modal-accept-btn: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;
}
.main_ui_viewer_inspect__button-primary:active svg, .main_ui_viewer_inspect__modal-danger-btn:active svg, .main_ui_viewer_inspect__modal-accept-btn:active svg,
.main_ui_viewer_inspect__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect__button-primary.disabled, .main_ui_viewer_inspect__modal-danger-btn.disabled, .main_ui_viewer_inspect__modal-accept-btn.disabled, .main_ui_viewer_inspect__button-primary[disabled], [disabled].main_ui_viewer_inspect__modal-danger-btn, [disabled].main_ui_viewer_inspect__modal-accept-btn, .main_ui_viewer_inspect__button-primary:disabled, .main_ui_viewer_inspect__modal-danger-btn:disabled, .main_ui_viewer_inspect__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_viewer_inspect__button-secondary, .main_ui_viewer_inspect__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect__button-secondary:focus-visible, .main_ui_viewer_inspect__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect__button-secondary:focus-visible svg, .main_ui_viewer_inspect__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect__button-secondary svg, .main_ui_viewer_inspect__modal-cancel-btn svg,
.main_ui_viewer_inspect__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect__button-secondary:hover, .main_ui_viewer_inspect__modal-cancel-btn: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;
}
.main_ui_viewer_inspect__button-secondary:hover svg, .main_ui_viewer_inspect__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect__button-secondary:active, .main_ui_viewer_inspect__modal-cancel-btn: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);
}
.main_ui_viewer_inspect__button-secondary:active svg, .main_ui_viewer_inspect__modal-cancel-btn:active svg,
.main_ui_viewer_inspect__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect__button-secondary.disabled, .main_ui_viewer_inspect__modal-cancel-btn.disabled, .main_ui_viewer_inspect__button-secondary[disabled], [disabled].main_ui_viewer_inspect__modal-cancel-btn, .main_ui_viewer_inspect__button-secondary:disabled, .main_ui_viewer_inspect__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_viewer_inspect__button-tertiary, .main_ui_viewer_inspect__attr-title button, .main_ui_viewer_inspect__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_viewer_inspect__button-tertiary:focus-visible, .main_ui_viewer_inspect__attr-title button:focus-visible, .main_ui_viewer_inspect__modal-close-btn-base: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);
}
.main_ui_viewer_inspect__button-tertiary:focus-visible svg, .main_ui_viewer_inspect__attr-title button:focus-visible svg, .main_ui_viewer_inspect__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect__button-tertiary svg, .main_ui_viewer_inspect__attr-title button svg, .main_ui_viewer_inspect__modal-close-btn-base svg,
.main_ui_viewer_inspect__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect__button-tertiary:hover, .main_ui_viewer_inspect__attr-title button:hover, .main_ui_viewer_inspect__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_viewer_inspect__button-tertiary:hover svg, .main_ui_viewer_inspect__attr-title button:hover svg, .main_ui_viewer_inspect__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect__button-tertiary:active, .main_ui_viewer_inspect__attr-title button:active, .main_ui_viewer_inspect__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect__button-tertiary:active svg, .main_ui_viewer_inspect__attr-title button:active svg, .main_ui_viewer_inspect__modal-close-btn-base:active svg,
.main_ui_viewer_inspect__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect__button-tertiary.disabled, .main_ui_viewer_inspect__attr-title button.disabled, .main_ui_viewer_inspect__modal-close-btn-base.disabled, .main_ui_viewer_inspect__button-tertiary[disabled], .main_ui_viewer_inspect__attr-title button[disabled], [disabled].main_ui_viewer_inspect__modal-close-btn-base, .main_ui_viewer_inspect__button-tertiary:disabled, .main_ui_viewer_inspect__attr-title button:disabled, .main_ui_viewer_inspect__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect__button-tertiary.disabled svg, .main_ui_viewer_inspect__attr-title button.disabled svg, .main_ui_viewer_inspect__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect__button-tertiary.disabled span svg, .main_ui_viewer_inspect__button-tertiary[disabled] svg, .main_ui_viewer_inspect__attr-title button[disabled] svg, [disabled].main_ui_viewer_inspect__modal-close-btn-base svg,
.main_ui_viewer_inspect__button-tertiary[disabled] span svg, .main_ui_viewer_inspect__button-tertiary:disabled svg, .main_ui_viewer_inspect__attr-title button:disabled svg, .main_ui_viewer_inspect__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_viewer_inspect__button-icon-selected {
  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);
}
.main_ui_viewer_inspect__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_viewer_inspect__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_viewer_inspect__button-radio: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);
}
.main_ui_viewer_inspect__button-radio:focus-visible svg,
.main_ui_viewer_inspect__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect__button-radio svg,
.main_ui_viewer_inspect__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_inspect__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_viewer_inspect__button-radio:hover svg,
.main_ui_viewer_inspect__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_inspect__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_viewer_inspect__button-radio:active svg,
.main_ui_viewer_inspect__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_viewer_inspect__button-warning {
  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);
}

.main_ui_viewer_inspect__button-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;
}

.main_ui_viewer_inspect__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_viewer_inspect__button-tag: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);
}
.main_ui_viewer_inspect__button-tag:focus-visible svg,
.main_ui_viewer_inspect__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_viewer_inspect__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_viewer_inspect__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_viewer_inspect__button-icon, .main_ui_viewer_inspect__empty-icon svg, .main_ui_viewer_inspect__modal-close-btn-base svg, .main_ui_viewer_inspect__button-icon-small, .main_ui_viewer_inspect__dropdown-element-base span svg, .main_ui_viewer_inspect__attr-title button svg, .main_ui_viewer_inspect__checkbox-icon.intermediate svg, .main_ui_viewer_inspect__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect__checkbox-icon.checked svg, .main_ui_viewer_inspect__input-checkbox label span.checked svg, .main_ui_viewer_inspect__input-element span svg,
.main_ui_viewer_inspect__input-element label svg, .main_ui_viewer_inspect__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_viewer_inspect__button-icon-small, .main_ui_viewer_inspect__dropdown-element-base span svg, .main_ui_viewer_inspect__attr-title button svg, .main_ui_viewer_inspect__checkbox-icon.intermediate svg, .main_ui_viewer_inspect__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect__checkbox-icon.checked svg, .main_ui_viewer_inspect__input-checkbox label span.checked svg, .main_ui_viewer_inspect__input-element span svg,
.main_ui_viewer_inspect__input-element label svg, .main_ui_viewer_inspect__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_inspect__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_viewer_inspect__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_viewer_inspect__input-base, .main_ui_viewer_inspect__input-with-label input, .main_ui_viewer_inspect__input-element-label input, .main_ui_viewer_inspect__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect__input-base[disabled], .main_ui_viewer_inspect__input-with-label input[disabled], .main_ui_viewer_inspect__input-element-label input[disabled], .main_ui_viewer_inspect__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect__input-label, .main_ui_viewer_inspect__input-element span,
.main_ui_viewer_inspect__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_viewer_inspect__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_viewer_inspect__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_inspect__input-element span svg,
.main_ui_viewer_inspect__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect__input-element:focus, .main_ui_viewer_inspect__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect__input-element:focus span, .main_ui_viewer_inspect__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect__input-element:focus input, .main_ui_viewer_inspect__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect__input-element:focus:hover, .main_ui_viewer_inspect__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect__input-element:focus:hover span, .main_ui_viewer_inspect__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect__input-element:focus:hover input, .main_ui_viewer_inspect__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_viewer_inspect__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_viewer_inspect__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect__input-element-label:focus-within input, .main_ui_viewer_inspect__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_viewer_inspect__disabled-input, .main_ui_viewer_inspect__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect__disabled-input input, .main_ui_viewer_inspect__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect__disabled-input span svg, .main_ui_viewer_inspect__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect__checkbox-icon, .main_ui_viewer_inspect__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_viewer_inspect__checkbox-icon svg, .main_ui_viewer_inspect__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect__checkbox-icon:hover, .main_ui_viewer_inspect__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect__checkbox-icon:focus, .main_ui_viewer_inspect__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect__checkbox-icon.checked, .main_ui_viewer_inspect__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_viewer_inspect__checkbox-icon.checked svg, .main_ui_viewer_inspect__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect__checkbox-icon.intermediate, .main_ui_viewer_inspect__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_viewer_inspect__checkbox-icon.intermediate svg, .main_ui_viewer_inspect__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect__checkbox-icon.unchecked, .main_ui_viewer_inspect__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_viewer_inspect__checkbox-icon.unchecked svg, .main_ui_viewer_inspect__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_viewer_inspect__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect__input-checkbox label:focus span, .main_ui_viewer_inspect__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect__input-with-label input:focus-within, .main_ui_viewer_inspect__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_inspect__input-with-label input:focus-within input, .main_ui_viewer_inspect__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_inspect__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_viewer_inspect__modal-overlay-base {
  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);
}

.main_ui_viewer_inspect__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_viewer_inspect__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_viewer_inspect__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_viewer_inspect__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_viewer_inspect__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_viewer_inspect__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_viewer_inspect__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_viewer_inspect__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_viewer_inspect__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_viewer_inspect__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_viewer_inspect__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_viewer_inspect__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_viewer_inspect__colorpicker-handler {
  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;
}
.main_ui_viewer_inspect__colorpicker-handler:hover, .main_ui_viewer_inspect__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_viewer_inspect__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_viewer_inspect__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_viewer_inspect__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_viewer_inspect__attr-title button {
  display: none;
}
.main_ui_viewer_inspect__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect__attr-title:hover button {
  display: flex;
}

.main_ui_viewer_inspect__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_viewer_inspect__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_viewer_inspect__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_inspect__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_viewer_inspect__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_viewer_inspect__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_viewer_inspect__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_viewer_inspect__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_viewer_inspect__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_inspect__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_viewer_inspect__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_viewer_inspect__inspect-svg-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.main_ui_viewer_inspect__inspect-svg-container {
  display: grid;
  align-items: center;
  justify-content: safe center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: auto;
}

.main_ui_viewer_inspect__sidebar-container {
  position: relative;
  align-self: flex-start;
  width: 17.25rem;
  background-color: var(--panel-background-color);
  border-top: 1px solid var(--search-bar-input-border-color);
}

.main_ui_viewer_inspect__not-expand {
  max-width: 17.25rem;
}

.main_ui_viewer_inspect__expanded {
  width: var(--width, 17.25rem);
}

.main_ui_viewer_inspect__resize-area {
  position: absolute;
  left: 0;
  width: 0.5rem;
  height: 100%;
  z-index: 10;
  cursor: ew-resize;
}
@keyframes main_ui_viewer_interactions__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_interactions__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_viewer_interactions__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_viewer_interactions__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_interactions__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_interactions__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_interactions__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_viewer_interactions__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_interactions__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_interactions__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_interactions__new-scrollbar ::placeholder,
.main_ui_viewer_interactions__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_interactions__button-primary, .main_ui_viewer_interactions__modal-danger-btn, .main_ui_viewer_interactions__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_viewer_interactions__button-primary:focus-visible, .main_ui_viewer_interactions__modal-danger-btn:focus-visible, .main_ui_viewer_interactions__modal-accept-btn: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);
}
.main_ui_viewer_interactions__button-primary:focus-visible svg, .main_ui_viewer_interactions__modal-danger-btn:focus-visible svg, .main_ui_viewer_interactions__modal-accept-btn:focus-visible svg,
.main_ui_viewer_interactions__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_interactions__button-primary svg, .main_ui_viewer_interactions__modal-danger-btn svg, .main_ui_viewer_interactions__modal-accept-btn svg,
.main_ui_viewer_interactions__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_interactions__button-primary:hover, .main_ui_viewer_interactions__modal-danger-btn:hover, .main_ui_viewer_interactions__modal-accept-btn: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;
}
.main_ui_viewer_interactions__button-primary:hover svg, .main_ui_viewer_interactions__modal-danger-btn:hover svg, .main_ui_viewer_interactions__modal-accept-btn:hover svg,
.main_ui_viewer_interactions__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_interactions__button-primary:active, .main_ui_viewer_interactions__modal-danger-btn:active, .main_ui_viewer_interactions__modal-accept-btn: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;
}
.main_ui_viewer_interactions__button-primary:active svg, .main_ui_viewer_interactions__modal-danger-btn:active svg, .main_ui_viewer_interactions__modal-accept-btn:active svg,
.main_ui_viewer_interactions__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_interactions__button-primary.disabled, .main_ui_viewer_interactions__modal-danger-btn.disabled, .main_ui_viewer_interactions__modal-accept-btn.disabled, .main_ui_viewer_interactions__button-primary[disabled], [disabled].main_ui_viewer_interactions__modal-danger-btn, [disabled].main_ui_viewer_interactions__modal-accept-btn, .main_ui_viewer_interactions__button-primary:disabled, .main_ui_viewer_interactions__modal-danger-btn:disabled, .main_ui_viewer_interactions__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_viewer_interactions__button-secondary, .main_ui_viewer_interactions__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_interactions__button-secondary:focus-visible, .main_ui_viewer_interactions__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_interactions__button-secondary:focus-visible svg, .main_ui_viewer_interactions__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_interactions__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_interactions__button-secondary svg, .main_ui_viewer_interactions__modal-cancel-btn svg,
.main_ui_viewer_interactions__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_interactions__button-secondary:hover, .main_ui_viewer_interactions__modal-cancel-btn: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;
}
.main_ui_viewer_interactions__button-secondary:hover svg, .main_ui_viewer_interactions__modal-cancel-btn:hover svg,
.main_ui_viewer_interactions__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_interactions__button-secondary:active, .main_ui_viewer_interactions__modal-cancel-btn: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);
}
.main_ui_viewer_interactions__button-secondary:active svg, .main_ui_viewer_interactions__modal-cancel-btn:active svg,
.main_ui_viewer_interactions__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_interactions__button-secondary.disabled, .main_ui_viewer_interactions__modal-cancel-btn.disabled, .main_ui_viewer_interactions__button-secondary[disabled], [disabled].main_ui_viewer_interactions__modal-cancel-btn, .main_ui_viewer_interactions__button-secondary:disabled, .main_ui_viewer_interactions__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_viewer_interactions__button-tertiary, .main_ui_viewer_interactions__attr-title button, .main_ui_viewer_interactions__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_viewer_interactions__button-tertiary:focus-visible, .main_ui_viewer_interactions__attr-title button:focus-visible, .main_ui_viewer_interactions__modal-close-btn-base: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);
}
.main_ui_viewer_interactions__button-tertiary:focus-visible svg, .main_ui_viewer_interactions__attr-title button:focus-visible svg, .main_ui_viewer_interactions__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_interactions__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_interactions__button-tertiary svg, .main_ui_viewer_interactions__attr-title button svg, .main_ui_viewer_interactions__modal-close-btn-base svg,
.main_ui_viewer_interactions__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_interactions__button-tertiary:hover, .main_ui_viewer_interactions__attr-title button:hover, .main_ui_viewer_interactions__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_viewer_interactions__button-tertiary:hover svg, .main_ui_viewer_interactions__attr-title button:hover svg, .main_ui_viewer_interactions__modal-close-btn-base:hover svg,
.main_ui_viewer_interactions__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_interactions__button-tertiary:active, .main_ui_viewer_interactions__attr-title button:active, .main_ui_viewer_interactions__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_interactions__button-tertiary:active svg, .main_ui_viewer_interactions__attr-title button:active svg, .main_ui_viewer_interactions__modal-close-btn-base:active svg,
.main_ui_viewer_interactions__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_interactions__button-tertiary.disabled, .main_ui_viewer_interactions__attr-title button.disabled, .main_ui_viewer_interactions__modal-close-btn-base.disabled, .main_ui_viewer_interactions__button-tertiary[disabled], .main_ui_viewer_interactions__attr-title button[disabled], [disabled].main_ui_viewer_interactions__modal-close-btn-base, .main_ui_viewer_interactions__button-tertiary:disabled, .main_ui_viewer_interactions__attr-title button:disabled, .main_ui_viewer_interactions__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_interactions__button-tertiary.disabled svg, .main_ui_viewer_interactions__attr-title button.disabled svg, .main_ui_viewer_interactions__modal-close-btn-base.disabled svg,
.main_ui_viewer_interactions__button-tertiary.disabled span svg, .main_ui_viewer_interactions__button-tertiary[disabled] svg, .main_ui_viewer_interactions__attr-title button[disabled] svg, [disabled].main_ui_viewer_interactions__modal-close-btn-base svg,
.main_ui_viewer_interactions__button-tertiary[disabled] span svg, .main_ui_viewer_interactions__button-tertiary:disabled svg, .main_ui_viewer_interactions__attr-title button:disabled svg, .main_ui_viewer_interactions__modal-close-btn-base:disabled svg,
.main_ui_viewer_interactions__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_viewer_interactions__button-icon-selected {
  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);
}
.main_ui_viewer_interactions__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_viewer_interactions__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_viewer_interactions__button-radio: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);
}
.main_ui_viewer_interactions__button-radio:focus-visible svg,
.main_ui_viewer_interactions__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_interactions__button-radio svg,
.main_ui_viewer_interactions__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_interactions__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_viewer_interactions__button-radio:hover svg,
.main_ui_viewer_interactions__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_interactions__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_viewer_interactions__button-radio:active svg,
.main_ui_viewer_interactions__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_viewer_interactions__button-warning {
  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);
}

.main_ui_viewer_interactions__button-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;
}

.main_ui_viewer_interactions__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_viewer_interactions__button-tag: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);
}
.main_ui_viewer_interactions__button-tag:focus-visible svg,
.main_ui_viewer_interactions__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_viewer_interactions__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_viewer_interactions__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_viewer_interactions__button-icon, .main_ui_viewer_interactions__empty-icon svg, .main_ui_viewer_interactions__modal-close-btn-base svg, .main_ui_viewer_interactions__button-icon-small, .main_ui_viewer_interactions__dropdown-element .main_ui_viewer_interactions__icon svg, .main_ui_viewer_interactions__icon svg,
.main_ui_viewer_interactions__icon-dropdown svg, .main_ui_viewer_interactions__dropdown-element-base span svg, .main_ui_viewer_interactions__dropdown-element span svg, .main_ui_viewer_interactions__attr-title button svg, .main_ui_viewer_interactions__checkbox-icon.intermediate svg, .main_ui_viewer_interactions__input-checkbox label span.intermediate svg, .main_ui_viewer_interactions__checkbox-icon.checked svg, .main_ui_viewer_interactions__input-checkbox label span.checked svg, .main_ui_viewer_interactions__input-element span svg,
.main_ui_viewer_interactions__input-element label svg, .main_ui_viewer_interactions__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_viewer_interactions__button-icon-small, .main_ui_viewer_interactions__dropdown-element .main_ui_viewer_interactions__icon svg, .main_ui_viewer_interactions__icon svg,
.main_ui_viewer_interactions__icon-dropdown svg, .main_ui_viewer_interactions__dropdown-element-base span svg, .main_ui_viewer_interactions__dropdown-element span svg, .main_ui_viewer_interactions__attr-title button svg, .main_ui_viewer_interactions__checkbox-icon.intermediate svg, .main_ui_viewer_interactions__input-checkbox label span.intermediate svg, .main_ui_viewer_interactions__checkbox-icon.checked svg, .main_ui_viewer_interactions__input-checkbox label span.checked svg, .main_ui_viewer_interactions__input-element span svg,
.main_ui_viewer_interactions__input-element label svg, .main_ui_viewer_interactions__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_interactions__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_viewer_interactions__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_viewer_interactions__input-base, .main_ui_viewer_interactions__input-with-label input, .main_ui_viewer_interactions__input-element-label input, .main_ui_viewer_interactions__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_interactions__input-base[disabled], .main_ui_viewer_interactions__input-with-label input[disabled], .main_ui_viewer_interactions__input-element-label input[disabled], .main_ui_viewer_interactions__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_interactions__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_interactions__input-label, .main_ui_viewer_interactions__input-element span,
.main_ui_viewer_interactions__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_viewer_interactions__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_viewer_interactions__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_interactions__input-element span svg,
.main_ui_viewer_interactions__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_interactions__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_interactions__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_interactions__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_interactions__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_interactions__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_interactions__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_interactions__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_interactions__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_interactions__input-element:focus, .main_ui_viewer_interactions__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_interactions__input-element:focus span, .main_ui_viewer_interactions__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_interactions__input-element:focus input, .main_ui_viewer_interactions__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_interactions__input-element:focus:hover, .main_ui_viewer_interactions__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_interactions__input-element:focus:hover span, .main_ui_viewer_interactions__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_interactions__input-element:focus:hover input, .main_ui_viewer_interactions__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_interactions__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_viewer_interactions__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_viewer_interactions__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_interactions__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_interactions__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_interactions__input-element-label:focus-within input, .main_ui_viewer_interactions__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_viewer_interactions__disabled-input, .main_ui_viewer_interactions__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_interactions__disabled-input input, .main_ui_viewer_interactions__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_interactions__disabled-input span svg, .main_ui_viewer_interactions__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_interactions__checkbox-icon, .main_ui_viewer_interactions__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_viewer_interactions__checkbox-icon svg, .main_ui_viewer_interactions__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_interactions__checkbox-icon:hover, .main_ui_viewer_interactions__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_interactions__checkbox-icon:focus, .main_ui_viewer_interactions__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_interactions__checkbox-icon.checked, .main_ui_viewer_interactions__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_viewer_interactions__checkbox-icon.checked svg, .main_ui_viewer_interactions__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_interactions__checkbox-icon.intermediate, .main_ui_viewer_interactions__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_viewer_interactions__checkbox-icon.intermediate svg, .main_ui_viewer_interactions__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_interactions__checkbox-icon.unchecked, .main_ui_viewer_interactions__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_viewer_interactions__checkbox-icon.unchecked svg, .main_ui_viewer_interactions__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_interactions__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_interactions__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_viewer_interactions__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_interactions__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_interactions__input-checkbox label:focus span, .main_ui_viewer_interactions__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_interactions__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_interactions__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_interactions__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_interactions__input-with-label input:focus-within, .main_ui_viewer_interactions__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_interactions__input-with-label input:focus-within input, .main_ui_viewer_interactions__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_interactions__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_interactions__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_viewer_interactions__modal-overlay-base {
  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);
}

.main_ui_viewer_interactions__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_viewer_interactions__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_interactions__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_viewer_interactions__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_interactions__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_viewer_interactions__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_viewer_interactions__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_viewer_interactions__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_viewer_interactions__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_viewer_interactions__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_viewer_interactions__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_viewer_interactions__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_viewer_interactions__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_interactions__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_viewer_interactions__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_viewer_interactions__colorpicker-handler {
  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;
}
.main_ui_viewer_interactions__colorpicker-handler:hover, .main_ui_viewer_interactions__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_viewer_interactions__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_viewer_interactions__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_viewer_interactions__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_viewer_interactions__attr-title button {
  display: none;
}
.main_ui_viewer_interactions__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_interactions__attr-title:hover button {
  display: flex;
}

.main_ui_viewer_interactions__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_viewer_interactions__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_viewer_interactions__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_interactions__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_viewer_interactions__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_interactions__menu-dropdown, .main_ui_viewer_interactions__dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_viewer_interactions__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_viewer_interactions__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_interactions__dropdown-element-base, .main_ui_viewer_interactions__dropdown-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_viewer_interactions__dropdown-element-base span, .main_ui_viewer_interactions__dropdown-element span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_viewer_interactions__dropdown-element-base span svg, .main_ui_viewer_interactions__dropdown-element span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_interactions__dropdown-element-base:hover, .main_ui_viewer_interactions__dropdown-element:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_interactions__dropdown-element-base:hover span svg, .main_ui_viewer_interactions__dropdown-element:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_interactions__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_viewer_interactions__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_viewer_interactions__view-options {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  position: relative;
  gap: 0.25rem;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  padding: 0.5rem;
  cursor: pointer;
}

.main_ui_viewer_interactions__dropdown-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  flex-grow: 1;
  color: var(--input-foreground-color-active);
}

.main_ui_viewer_interactions__label {
  flex-grow: 1;
  color: var(--input-foreground-color);
}

.main_ui_viewer_interactions__dropdown {
  right: 0.125rem;
  top: calc(0.125rem + 3rem);
  width: 17rem;
  padding: 0.375rem;
  max-height: calc(100vh - 3 * (0.125rem + 3rem));
  overflow: auto;
}

.main_ui_viewer_interactions__dropdown-element {
  min-height: 2rem;
}
.main_ui_viewer_interactions__dropdown-element .main_ui_viewer_interactions__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 1rem;
}
.main_ui_viewer_interactions__dropdown-element .main_ui_viewer_interactions__icon svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_interactions__dropdown-element:hover .main_ui_viewer_interactions__label {
  color: var(--input-foreground-color-active);
}

.main_ui_viewer_interactions__dropdown-element.main_ui_viewer_interactions__selected .main_ui_viewer_interactions__label {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_interactions__dropdown-element.main_ui_viewer_interactions__selected .main_ui_viewer_interactions__icon svg {
  stroke: var(--input-foreground-color);
}

.main_ui_viewer_interactions__icon,
.main_ui_viewer_interactions__icon-dropdown {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 1rem;
}
.main_ui_viewer_interactions__icon svg,
.main_ui_viewer_interactions__icon-dropdown svg {
  stroke: var(--icon-foreground);
}

.main_ui_viewer_interactions__icon-dropdown svg {
  transform: rotate(90deg);
}

.main_ui_viewer_interactions__fixed {
  position: fixed;
  pointer-events: none;
}
.main_ui_viewer_interactions__fixed .frame-children g {
  pointer-events: auto;
}
@keyframes main_ui_viewer_login__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_login__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_viewer_login__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_viewer_login__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_login__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_login__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_login__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_viewer_login__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_login__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_login__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_login__new-scrollbar ::placeholder,
.main_ui_viewer_login__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_login__button-primary, .main_ui_viewer_login__modal-danger-btn, .main_ui_viewer_login__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_viewer_login__button-primary:focus-visible, .main_ui_viewer_login__modal-danger-btn:focus-visible, .main_ui_viewer_login__modal-accept-btn: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);
}
.main_ui_viewer_login__button-primary:focus-visible svg, .main_ui_viewer_login__modal-danger-btn:focus-visible svg, .main_ui_viewer_login__modal-accept-btn:focus-visible svg,
.main_ui_viewer_login__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_login__button-primary svg, .main_ui_viewer_login__modal-danger-btn svg, .main_ui_viewer_login__modal-accept-btn svg,
.main_ui_viewer_login__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_login__button-primary:hover, .main_ui_viewer_login__modal-danger-btn:hover, .main_ui_viewer_login__modal-accept-btn: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;
}
.main_ui_viewer_login__button-primary:hover svg, .main_ui_viewer_login__modal-danger-btn:hover svg, .main_ui_viewer_login__modal-accept-btn:hover svg,
.main_ui_viewer_login__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_login__button-primary:active, .main_ui_viewer_login__modal-danger-btn:active, .main_ui_viewer_login__modal-accept-btn: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;
}
.main_ui_viewer_login__button-primary:active svg, .main_ui_viewer_login__modal-danger-btn:active svg, .main_ui_viewer_login__modal-accept-btn:active svg,
.main_ui_viewer_login__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_login__button-primary.disabled, .main_ui_viewer_login__modal-danger-btn.disabled, .main_ui_viewer_login__modal-accept-btn.disabled, .main_ui_viewer_login__button-primary[disabled], [disabled].main_ui_viewer_login__modal-danger-btn, [disabled].main_ui_viewer_login__modal-accept-btn, .main_ui_viewer_login__button-primary:disabled, .main_ui_viewer_login__modal-danger-btn:disabled, .main_ui_viewer_login__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_viewer_login__button-secondary, .main_ui_viewer_login__link-entry a, .main_ui_viewer_login__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_login__button-secondary:focus-visible, .main_ui_viewer_login__link-entry a:focus-visible, .main_ui_viewer_login__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_login__button-secondary:focus-visible svg, .main_ui_viewer_login__link-entry a:focus-visible svg, .main_ui_viewer_login__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_login__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_login__button-secondary svg, .main_ui_viewer_login__link-entry a svg, .main_ui_viewer_login__modal-cancel-btn svg,
.main_ui_viewer_login__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_login__button-secondary:hover, .main_ui_viewer_login__link-entry a:hover, .main_ui_viewer_login__modal-cancel-btn: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;
}
.main_ui_viewer_login__button-secondary:hover svg, .main_ui_viewer_login__link-entry a:hover svg, .main_ui_viewer_login__modal-cancel-btn:hover svg,
.main_ui_viewer_login__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_login__button-secondary:active, .main_ui_viewer_login__link-entry a:active, .main_ui_viewer_login__modal-cancel-btn: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);
}
.main_ui_viewer_login__button-secondary:active svg, .main_ui_viewer_login__link-entry a:active svg, .main_ui_viewer_login__modal-cancel-btn:active svg,
.main_ui_viewer_login__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_login__button-secondary.disabled, .main_ui_viewer_login__link-entry a.disabled, .main_ui_viewer_login__modal-cancel-btn.disabled, .main_ui_viewer_login__button-secondary[disabled], .main_ui_viewer_login__link-entry a[disabled], [disabled].main_ui_viewer_login__modal-cancel-btn, .main_ui_viewer_login__button-secondary:disabled, .main_ui_viewer_login__link-entry a:disabled, .main_ui_viewer_login__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_viewer_login__button-tertiary, .main_ui_viewer_login__attr-title button, .main_ui_viewer_login__modal-close-btn-base, .main_ui_viewer_login__modal-close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_viewer_login__button-tertiary:focus-visible, .main_ui_viewer_login__attr-title button:focus-visible, .main_ui_viewer_login__modal-close-btn-base:focus-visible, .main_ui_viewer_login__modal-close-btn: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);
}
.main_ui_viewer_login__button-tertiary:focus-visible svg, .main_ui_viewer_login__attr-title button:focus-visible svg, .main_ui_viewer_login__modal-close-btn-base:focus-visible svg, .main_ui_viewer_login__modal-close-btn:focus-visible svg,
.main_ui_viewer_login__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_login__button-tertiary svg, .main_ui_viewer_login__attr-title button svg, .main_ui_viewer_login__modal-close-btn-base svg, .main_ui_viewer_login__modal-close-btn svg,
.main_ui_viewer_login__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_login__button-tertiary:hover, .main_ui_viewer_login__attr-title button:hover, .main_ui_viewer_login__modal-close-btn-base:hover, .main_ui_viewer_login__modal-close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_viewer_login__button-tertiary:hover svg, .main_ui_viewer_login__attr-title button:hover svg, .main_ui_viewer_login__modal-close-btn-base:hover svg, .main_ui_viewer_login__modal-close-btn:hover svg,
.main_ui_viewer_login__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_login__button-tertiary:active, .main_ui_viewer_login__attr-title button:active, .main_ui_viewer_login__modal-close-btn-base:active, .main_ui_viewer_login__modal-close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_login__button-tertiary:active svg, .main_ui_viewer_login__attr-title button:active svg, .main_ui_viewer_login__modal-close-btn-base:active svg, .main_ui_viewer_login__modal-close-btn:active svg,
.main_ui_viewer_login__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_login__button-tertiary.disabled, .main_ui_viewer_login__attr-title button.disabled, .main_ui_viewer_login__modal-close-btn-base.disabled, .main_ui_viewer_login__modal-close-btn.disabled, .main_ui_viewer_login__button-tertiary[disabled], .main_ui_viewer_login__attr-title button[disabled], [disabled].main_ui_viewer_login__modal-close-btn-base, [disabled].main_ui_viewer_login__modal-close-btn, .main_ui_viewer_login__button-tertiary:disabled, .main_ui_viewer_login__attr-title button:disabled, .main_ui_viewer_login__modal-close-btn-base:disabled, .main_ui_viewer_login__modal-close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_login__button-tertiary.disabled svg, .main_ui_viewer_login__attr-title button.disabled svg, .main_ui_viewer_login__modal-close-btn-base.disabled svg, .main_ui_viewer_login__modal-close-btn.disabled svg,
.main_ui_viewer_login__button-tertiary.disabled span svg, .main_ui_viewer_login__button-tertiary[disabled] svg, .main_ui_viewer_login__attr-title button[disabled] svg, [disabled].main_ui_viewer_login__modal-close-btn-base svg, [disabled].main_ui_viewer_login__modal-close-btn svg,
.main_ui_viewer_login__button-tertiary[disabled] span svg, .main_ui_viewer_login__button-tertiary:disabled svg, .main_ui_viewer_login__attr-title button:disabled svg, .main_ui_viewer_login__modal-close-btn-base:disabled svg, .main_ui_viewer_login__modal-close-btn:disabled svg,
.main_ui_viewer_login__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_viewer_login__button-icon-selected {
  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);
}
.main_ui_viewer_login__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_viewer_login__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_viewer_login__button-radio: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);
}
.main_ui_viewer_login__button-radio:focus-visible svg,
.main_ui_viewer_login__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_login__button-radio svg,
.main_ui_viewer_login__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_login__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_viewer_login__button-radio:hover svg,
.main_ui_viewer_login__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_login__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_viewer_login__button-radio:active svg,
.main_ui_viewer_login__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_viewer_login__button-warning {
  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);
}

.main_ui_viewer_login__button-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;
}

.main_ui_viewer_login__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_viewer_login__button-tag: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);
}
.main_ui_viewer_login__button-tag:focus-visible svg,
.main_ui_viewer_login__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_viewer_login__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_viewer_login__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_viewer_login__button-icon, .main_ui_viewer_login__empty-icon svg, .main_ui_viewer_login__modal-close-btn-base svg, .main_ui_viewer_login__modal-close-btn svg, .main_ui_viewer_login__button-icon-small, .main_ui_viewer_login__dropdown-element-base span svg, .main_ui_viewer_login__attr-title button svg, .main_ui_viewer_login__checkbox-icon.intermediate svg, .main_ui_viewer_login__input-checkbox label span.intermediate svg, .main_ui_viewer_login__checkbox-icon.checked svg, .main_ui_viewer_login__input-checkbox label span.checked svg, .main_ui_viewer_login__input-element span svg,
.main_ui_viewer_login__input-element label svg, .main_ui_viewer_login__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_viewer_login__button-icon-small, .main_ui_viewer_login__dropdown-element-base span svg, .main_ui_viewer_login__attr-title button svg, .main_ui_viewer_login__checkbox-icon.intermediate svg, .main_ui_viewer_login__input-checkbox label span.intermediate svg, .main_ui_viewer_login__checkbox-icon.checked svg, .main_ui_viewer_login__input-checkbox label span.checked svg, .main_ui_viewer_login__input-element span svg,
.main_ui_viewer_login__input-element label svg, .main_ui_viewer_login__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_login__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_viewer_login__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_viewer_login__input-base, .main_ui_viewer_login__input-with-label input, .main_ui_viewer_login__input-element-label input, .main_ui_viewer_login__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_login__input-base[disabled], .main_ui_viewer_login__input-with-label input[disabled], .main_ui_viewer_login__input-element-label input[disabled], .main_ui_viewer_login__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_login__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_login__input-label, .main_ui_viewer_login__input-element span,
.main_ui_viewer_login__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_viewer_login__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_viewer_login__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_login__input-element span svg,
.main_ui_viewer_login__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_login__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_login__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_login__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_login__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_login__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_login__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_login__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_login__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_login__input-element:focus, .main_ui_viewer_login__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_login__input-element:focus span, .main_ui_viewer_login__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_login__input-element:focus input, .main_ui_viewer_login__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_login__input-element:focus:hover, .main_ui_viewer_login__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_login__input-element:focus:hover span, .main_ui_viewer_login__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_login__input-element:focus:hover input, .main_ui_viewer_login__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_login__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_viewer_login__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_viewer_login__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_login__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_login__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_login__input-element-label:focus-within input, .main_ui_viewer_login__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_viewer_login__disabled-input, .main_ui_viewer_login__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_login__disabled-input input, .main_ui_viewer_login__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_login__disabled-input span svg, .main_ui_viewer_login__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_login__checkbox-icon, .main_ui_viewer_login__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_viewer_login__checkbox-icon svg, .main_ui_viewer_login__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_login__checkbox-icon:hover, .main_ui_viewer_login__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_login__checkbox-icon:focus, .main_ui_viewer_login__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_login__checkbox-icon.checked, .main_ui_viewer_login__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_viewer_login__checkbox-icon.checked svg, .main_ui_viewer_login__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_login__checkbox-icon.intermediate, .main_ui_viewer_login__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_viewer_login__checkbox-icon.intermediate svg, .main_ui_viewer_login__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_login__checkbox-icon.unchecked, .main_ui_viewer_login__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_viewer_login__checkbox-icon.unchecked svg, .main_ui_viewer_login__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_login__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_login__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_viewer_login__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_login__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_login__input-checkbox label:focus span, .main_ui_viewer_login__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_login__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_login__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_login__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_login__input-with-label input:focus-within, .main_ui_viewer_login__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_login__input-with-label input:focus-within input, .main_ui_viewer_login__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_login__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_login__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_viewer_login__modal-overlay-base, .main_ui_viewer_login__modal-overlay {
  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);
}

.main_ui_viewer_login__modal-container-base, .main_ui_viewer_login__modal-container {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_viewer_login__modal-close-btn-base, .main_ui_viewer_login__modal-close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_login__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_viewer_login__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_login__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_viewer_login__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_viewer_login__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_viewer_login__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_viewer_login__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_viewer_login__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_viewer_login__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_viewer_login__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_viewer_login__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_login__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_viewer_login__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_viewer_login__colorpicker-handler {
  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;
}
.main_ui_viewer_login__colorpicker-handler:hover, .main_ui_viewer_login__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_viewer_login__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_viewer_login__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_viewer_login__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_viewer_login__attr-title button {
  display: none;
}
.main_ui_viewer_login__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_login__attr-title:hover button {
  display: flex;
}

.main_ui_viewer_login__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_viewer_login__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_viewer_login__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_login__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_viewer_login__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_login__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_viewer_login__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_viewer_login__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_login__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_viewer_login__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_viewer_login__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_login__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_login__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_login__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_viewer_login__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_viewer_login__modal-container {
  width: 23rem;
}

.main_ui_viewer_login__modal-header {
  margin-bottom: 1.5rem;
}

.main_ui_viewer_login__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--modal-title-foreground-color);
}

.main_ui_viewer_login__modal-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  gap: 1.5rem;
  max-height: 25rem;
  overflow: hidden auto;
}
.main_ui_viewer_login__modal-content form {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
  gap: 0.75rem;
}

.main_ui_viewer_login__form-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.main_ui_viewer_login__links {
  position: relative;
}

.main_ui_viewer_login__link-entry {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.main_ui_viewer_login__link-entry span {
  text-align: center;
  font-size: 0.875rem;
  color: var(--modal-text-foreground-color);
  margin-top: 0.75rem;
}
.main_ui_viewer_login__link-entry a {
  height: 2.5rem;
  text-transform: uppercase;
  font-size: 0.688rem;
}
@keyframes main_ui_viewer_share_link__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_share_link__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_viewer_share_link__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_viewer_share_link__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_share_link__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_share_link__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_share_link__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_viewer_share_link__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_share_link__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_share_link__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_share_link__new-scrollbar ::placeholder,
.main_ui_viewer_share_link__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_share_link__button-primary, .main_ui_viewer_share_link__modal-danger-btn, .main_ui_viewer_share_link__button-danger, .main_ui_viewer_share_link__modal-accept-btn, .main_ui_viewer_share_link__button-active {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_viewer_share_link__button-primary:focus-visible, .main_ui_viewer_share_link__modal-danger-btn:focus-visible, .main_ui_viewer_share_link__button-danger:focus-visible, .main_ui_viewer_share_link__modal-accept-btn:focus-visible, .main_ui_viewer_share_link__button-active: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);
}
.main_ui_viewer_share_link__button-primary:focus-visible svg, .main_ui_viewer_share_link__modal-danger-btn:focus-visible svg, .main_ui_viewer_share_link__button-danger:focus-visible svg, .main_ui_viewer_share_link__modal-accept-btn:focus-visible svg, .main_ui_viewer_share_link__button-active:focus-visible svg,
.main_ui_viewer_share_link__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_share_link__button-primary svg, .main_ui_viewer_share_link__modal-danger-btn svg, .main_ui_viewer_share_link__button-danger svg, .main_ui_viewer_share_link__modal-accept-btn svg, .main_ui_viewer_share_link__button-active svg,
.main_ui_viewer_share_link__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_share_link__button-primary:hover, .main_ui_viewer_share_link__modal-danger-btn:hover, .main_ui_viewer_share_link__button-danger:hover, .main_ui_viewer_share_link__modal-accept-btn:hover, .main_ui_viewer_share_link__button-active: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;
}
.main_ui_viewer_share_link__button-primary:hover svg, .main_ui_viewer_share_link__modal-danger-btn:hover svg, .main_ui_viewer_share_link__button-danger:hover svg, .main_ui_viewer_share_link__modal-accept-btn:hover svg, .main_ui_viewer_share_link__button-active:hover svg,
.main_ui_viewer_share_link__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_share_link__button-primary:active, .main_ui_viewer_share_link__modal-danger-btn:active, .main_ui_viewer_share_link__button-danger:active, .main_ui_viewer_share_link__modal-accept-btn:active, .main_ui_viewer_share_link__button-active: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;
}
.main_ui_viewer_share_link__button-primary:active svg, .main_ui_viewer_share_link__modal-danger-btn:active svg, .main_ui_viewer_share_link__button-danger:active svg, .main_ui_viewer_share_link__modal-accept-btn:active svg, .main_ui_viewer_share_link__button-active:active svg,
.main_ui_viewer_share_link__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_share_link__button-primary.disabled, .main_ui_viewer_share_link__modal-danger-btn.disabled, .main_ui_viewer_share_link__button-danger.disabled, .main_ui_viewer_share_link__modal-accept-btn.disabled, .main_ui_viewer_share_link__button-active.disabled, .main_ui_viewer_share_link__button-primary[disabled], [disabled].main_ui_viewer_share_link__modal-danger-btn, [disabled].main_ui_viewer_share_link__button-danger, [disabled].main_ui_viewer_share_link__modal-accept-btn, [disabled].main_ui_viewer_share_link__button-active, .main_ui_viewer_share_link__button-primary:disabled, .main_ui_viewer_share_link__modal-danger-btn:disabled, .main_ui_viewer_share_link__button-danger:disabled, .main_ui_viewer_share_link__modal-accept-btn:disabled, .main_ui_viewer_share_link__button-active:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_viewer_share_link__button-secondary, .main_ui_viewer_share_link__copy-button, .main_ui_viewer_share_link__modal-cancel-btn, .main_ui_viewer_share_link__button-cancel {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_share_link__button-secondary:focus-visible, .main_ui_viewer_share_link__copy-button:focus-visible, .main_ui_viewer_share_link__modal-cancel-btn:focus-visible, .main_ui_viewer_share_link__button-cancel:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_share_link__button-secondary:focus-visible svg, .main_ui_viewer_share_link__copy-button:focus-visible svg, .main_ui_viewer_share_link__modal-cancel-btn:focus-visible svg, .main_ui_viewer_share_link__button-cancel:focus-visible svg,
.main_ui_viewer_share_link__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_share_link__button-secondary svg, .main_ui_viewer_share_link__copy-button svg, .main_ui_viewer_share_link__modal-cancel-btn svg, .main_ui_viewer_share_link__button-cancel svg,
.main_ui_viewer_share_link__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_share_link__button-secondary:hover, .main_ui_viewer_share_link__copy-button:hover, .main_ui_viewer_share_link__modal-cancel-btn:hover, .main_ui_viewer_share_link__button-cancel: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;
}
.main_ui_viewer_share_link__button-secondary:hover svg, .main_ui_viewer_share_link__copy-button:hover svg, .main_ui_viewer_share_link__modal-cancel-btn:hover svg, .main_ui_viewer_share_link__button-cancel:hover svg,
.main_ui_viewer_share_link__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_share_link__button-secondary:active, .main_ui_viewer_share_link__copy-button:active, .main_ui_viewer_share_link__modal-cancel-btn:active, .main_ui_viewer_share_link__button-cancel: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);
}
.main_ui_viewer_share_link__button-secondary:active svg, .main_ui_viewer_share_link__copy-button:active svg, .main_ui_viewer_share_link__modal-cancel-btn:active svg, .main_ui_viewer_share_link__button-cancel:active svg,
.main_ui_viewer_share_link__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_share_link__button-secondary.disabled, .main_ui_viewer_share_link__copy-button.disabled, .main_ui_viewer_share_link__modal-cancel-btn.disabled, .main_ui_viewer_share_link__button-cancel.disabled, .main_ui_viewer_share_link__button-secondary[disabled], [disabled].main_ui_viewer_share_link__copy-button, [disabled].main_ui_viewer_share_link__modal-cancel-btn, [disabled].main_ui_viewer_share_link__button-cancel, .main_ui_viewer_share_link__button-secondary:disabled, .main_ui_viewer_share_link__copy-button:disabled, .main_ui_viewer_share_link__modal-cancel-btn:disabled, .main_ui_viewer_share_link__button-cancel:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_viewer_share_link__button-tertiary, .main_ui_viewer_share_link__attr-title button, .main_ui_viewer_share_link__modal-close-btn-base, .main_ui_viewer_share_link__modal-close-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_viewer_share_link__button-tertiary:focus-visible, .main_ui_viewer_share_link__attr-title button:focus-visible, .main_ui_viewer_share_link__modal-close-btn-base:focus-visible, .main_ui_viewer_share_link__modal-close-button: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);
}
.main_ui_viewer_share_link__button-tertiary:focus-visible svg, .main_ui_viewer_share_link__attr-title button:focus-visible svg, .main_ui_viewer_share_link__modal-close-btn-base:focus-visible svg, .main_ui_viewer_share_link__modal-close-button:focus-visible svg,
.main_ui_viewer_share_link__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_share_link__button-tertiary svg, .main_ui_viewer_share_link__attr-title button svg, .main_ui_viewer_share_link__modal-close-btn-base svg, .main_ui_viewer_share_link__modal-close-button svg,
.main_ui_viewer_share_link__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_share_link__button-tertiary:hover, .main_ui_viewer_share_link__attr-title button:hover, .main_ui_viewer_share_link__modal-close-btn-base:hover, .main_ui_viewer_share_link__modal-close-button:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_viewer_share_link__button-tertiary:hover svg, .main_ui_viewer_share_link__attr-title button:hover svg, .main_ui_viewer_share_link__modal-close-btn-base:hover svg, .main_ui_viewer_share_link__modal-close-button:hover svg,
.main_ui_viewer_share_link__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_share_link__button-tertiary:active, .main_ui_viewer_share_link__attr-title button:active, .main_ui_viewer_share_link__modal-close-btn-base:active, .main_ui_viewer_share_link__modal-close-button:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_share_link__button-tertiary:active svg, .main_ui_viewer_share_link__attr-title button:active svg, .main_ui_viewer_share_link__modal-close-btn-base:active svg, .main_ui_viewer_share_link__modal-close-button:active svg,
.main_ui_viewer_share_link__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_share_link__button-tertiary.disabled, .main_ui_viewer_share_link__attr-title button.disabled, .main_ui_viewer_share_link__modal-close-btn-base.disabled, .main_ui_viewer_share_link__modal-close-button.disabled, .main_ui_viewer_share_link__button-tertiary[disabled], .main_ui_viewer_share_link__attr-title button[disabled], [disabled].main_ui_viewer_share_link__modal-close-btn-base, [disabled].main_ui_viewer_share_link__modal-close-button, .main_ui_viewer_share_link__button-tertiary:disabled, .main_ui_viewer_share_link__attr-title button:disabled, .main_ui_viewer_share_link__modal-close-btn-base:disabled, .main_ui_viewer_share_link__modal-close-button:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_share_link__button-tertiary.disabled svg, .main_ui_viewer_share_link__attr-title button.disabled svg, .main_ui_viewer_share_link__modal-close-btn-base.disabled svg, .main_ui_viewer_share_link__modal-close-button.disabled svg,
.main_ui_viewer_share_link__button-tertiary.disabled span svg, .main_ui_viewer_share_link__button-tertiary[disabled] svg, .main_ui_viewer_share_link__attr-title button[disabled] svg, [disabled].main_ui_viewer_share_link__modal-close-btn-base svg, [disabled].main_ui_viewer_share_link__modal-close-button svg,
.main_ui_viewer_share_link__button-tertiary[disabled] span svg, .main_ui_viewer_share_link__button-tertiary:disabled svg, .main_ui_viewer_share_link__attr-title button:disabled svg, .main_ui_viewer_share_link__modal-close-btn-base:disabled svg, .main_ui_viewer_share_link__modal-close-button:disabled svg,
.main_ui_viewer_share_link__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_viewer_share_link__button-icon-selected {
  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);
}
.main_ui_viewer_share_link__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_viewer_share_link__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_viewer_share_link__button-radio: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);
}
.main_ui_viewer_share_link__button-radio:focus-visible svg,
.main_ui_viewer_share_link__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_share_link__button-radio svg,
.main_ui_viewer_share_link__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_share_link__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_viewer_share_link__button-radio:hover svg,
.main_ui_viewer_share_link__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_share_link__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_viewer_share_link__button-radio:active svg,
.main_ui_viewer_share_link__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_viewer_share_link__button-warning {
  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);
}

.main_ui_viewer_share_link__button-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;
}

.main_ui_viewer_share_link__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_viewer_share_link__button-tag: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);
}
.main_ui_viewer_share_link__button-tag:focus-visible svg,
.main_ui_viewer_share_link__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_viewer_share_link__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_viewer_share_link__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_viewer_share_link__button-icon, .main_ui_viewer_share_link__icon svg, .main_ui_viewer_share_link__copy-button svg, .main_ui_viewer_share_link__empty-icon svg, .main_ui_viewer_share_link__modal-close-btn-base svg, .main_ui_viewer_share_link__modal-close-button svg, .main_ui_viewer_share_link__button-icon-small, .main_ui_viewer_share_link__checkbox-wrapper span.main_ui_viewer_share_link__checked svg, .main_ui_viewer_share_link__dropdown-element-base span svg, .main_ui_viewer_share_link__attr-title button svg, .main_ui_viewer_share_link__checkbox-icon.intermediate svg, .main_ui_viewer_share_link__input-checkbox label span.intermediate svg, .main_ui_viewer_share_link__checkbox-wrapper label span.intermediate svg, .main_ui_viewer_share_link__checkbox-icon.checked svg, .main_ui_viewer_share_link__input-checkbox label span.checked svg, .main_ui_viewer_share_link__checkbox-wrapper label span.checked svg, .main_ui_viewer_share_link__input-element span svg, .main_ui_viewer_share_link__input-text span svg,
.main_ui_viewer_share_link__input-element label svg,
.main_ui_viewer_share_link__input-text label svg, .main_ui_viewer_share_link__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_viewer_share_link__button-icon-small, .main_ui_viewer_share_link__checkbox-wrapper span.main_ui_viewer_share_link__checked svg, .main_ui_viewer_share_link__dropdown-element-base span svg, .main_ui_viewer_share_link__attr-title button svg, .main_ui_viewer_share_link__checkbox-icon.intermediate svg, .main_ui_viewer_share_link__input-checkbox label span.intermediate svg, .main_ui_viewer_share_link__checkbox-wrapper label span.intermediate svg, .main_ui_viewer_share_link__checkbox-icon.checked svg, .main_ui_viewer_share_link__input-checkbox label span.checked svg, .main_ui_viewer_share_link__checkbox-wrapper label span.checked svg, .main_ui_viewer_share_link__input-element span svg, .main_ui_viewer_share_link__input-text span svg,
.main_ui_viewer_share_link__input-element label svg,
.main_ui_viewer_share_link__input-text label svg, .main_ui_viewer_share_link__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_share_link__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_viewer_share_link__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_viewer_share_link__input-base, .main_ui_viewer_share_link__input-with-label input, .main_ui_viewer_share_link__input-element-label input, .main_ui_viewer_share_link__input-element input, .main_ui_viewer_share_link__input-text input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_share_link__input-base[disabled], .main_ui_viewer_share_link__input-with-label input[disabled], .main_ui_viewer_share_link__input-element-label input[disabled], .main_ui_viewer_share_link__input-element input[disabled], .main_ui_viewer_share_link__input-text input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_share_link__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_share_link__input-label, .main_ui_viewer_share_link__input-element span, .main_ui_viewer_share_link__input-text span,
.main_ui_viewer_share_link__input-element label,
.main_ui_viewer_share_link__input-text label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_viewer_share_link__input-element, .main_ui_viewer_share_link__input-text {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_viewer_share_link__input-element:focus-within, .main_ui_viewer_share_link__input-text:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_share_link__input-element span svg, .main_ui_viewer_share_link__input-text span svg,
.main_ui_viewer_share_link__input-element label svg,
.main_ui_viewer_share_link__input-text label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_share_link__input-element ::-moz-placeholder, .main_ui_viewer_share_link__input-text ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_share_link__input-element ::placeholder, .main_ui_viewer_share_link__input-text ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_share_link__input-element:hover, .main_ui_viewer_share_link__input-text:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_share_link__input-element:hover span, .main_ui_viewer_share_link__input-text:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_share_link__input-element:hover input, .main_ui_viewer_share_link__input-text:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_share_link__input-element:active, .main_ui_viewer_share_link__input-text:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_share_link__input-element:active span, .main_ui_viewer_share_link__input-text:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_share_link__input-element:active input, .main_ui_viewer_share_link__input-text:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_share_link__input-element:focus, .main_ui_viewer_share_link__input-text:focus, .main_ui_viewer_share_link__input-element:focus-within, .main_ui_viewer_share_link__input-text:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_share_link__input-element:focus span, .main_ui_viewer_share_link__input-text:focus span, .main_ui_viewer_share_link__input-element:focus-within span, .main_ui_viewer_share_link__input-text:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_share_link__input-element:focus input, .main_ui_viewer_share_link__input-text:focus input, .main_ui_viewer_share_link__input-element:focus-within input, .main_ui_viewer_share_link__input-text:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_share_link__input-element:focus:hover, .main_ui_viewer_share_link__input-text:focus:hover, .main_ui_viewer_share_link__input-element:focus-within:hover, .main_ui_viewer_share_link__input-text:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_share_link__input-element:focus:hover span, .main_ui_viewer_share_link__input-text:focus:hover span, .main_ui_viewer_share_link__input-element:focus-within:hover span, .main_ui_viewer_share_link__input-text:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_share_link__input-element:focus:hover input, .main_ui_viewer_share_link__input-text:focus:hover input, .main_ui_viewer_share_link__input-element:focus-within:hover input, .main_ui_viewer_share_link__input-text:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_share_link__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_viewer_share_link__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_viewer_share_link__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_share_link__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_share_link__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_share_link__input-element-label:focus-within input, .main_ui_viewer_share_link__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_viewer_share_link__disabled-input, .main_ui_viewer_share_link__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_share_link__disabled-input input, .main_ui_viewer_share_link__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_share_link__disabled-input span svg, .main_ui_viewer_share_link__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_share_link__checkbox-icon, .main_ui_viewer_share_link__input-checkbox label span, .main_ui_viewer_share_link__checkbox-wrapper label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_viewer_share_link__checkbox-icon svg, .main_ui_viewer_share_link__input-checkbox label span svg, .main_ui_viewer_share_link__checkbox-wrapper label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_share_link__checkbox-icon:hover, .main_ui_viewer_share_link__input-checkbox label span:hover, .main_ui_viewer_share_link__checkbox-wrapper label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_share_link__checkbox-icon:focus, .main_ui_viewer_share_link__input-checkbox label span:focus, .main_ui_viewer_share_link__checkbox-wrapper label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_share_link__checkbox-icon.checked, .main_ui_viewer_share_link__input-checkbox label span.checked, .main_ui_viewer_share_link__checkbox-wrapper label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_viewer_share_link__checkbox-icon.checked svg, .main_ui_viewer_share_link__input-checkbox label span.checked svg, .main_ui_viewer_share_link__checkbox-wrapper label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_share_link__checkbox-icon.intermediate, .main_ui_viewer_share_link__input-checkbox label span.intermediate, .main_ui_viewer_share_link__checkbox-wrapper label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_viewer_share_link__checkbox-icon.intermediate svg, .main_ui_viewer_share_link__input-checkbox label span.intermediate svg, .main_ui_viewer_share_link__checkbox-wrapper label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_share_link__checkbox-icon.unchecked, .main_ui_viewer_share_link__input-checkbox label span.unchecked, .main_ui_viewer_share_link__checkbox-wrapper label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_viewer_share_link__checkbox-icon.unchecked svg, .main_ui_viewer_share_link__input-checkbox label span.unchecked svg, .main_ui_viewer_share_link__checkbox-wrapper label span.unchecked svg {
  display: none;
}

.main_ui_viewer_share_link__input-checkbox, .main_ui_viewer_share_link__checkbox-wrapper {
  display: flex;
  align-items: center;
}
.main_ui_viewer_share_link__input-checkbox label, .main_ui_viewer_share_link__checkbox-wrapper label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_viewer_share_link__input-checkbox label input, .main_ui_viewer_share_link__checkbox-wrapper label input {
  margin: 0;
}
.main_ui_viewer_share_link__input-checkbox label:hover span, .main_ui_viewer_share_link__checkbox-wrapper label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_share_link__input-checkbox label:focus span, .main_ui_viewer_share_link__checkbox-wrapper label:focus span, .main_ui_viewer_share_link__input-checkbox label:focus-within span, .main_ui_viewer_share_link__checkbox-wrapper label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_share_link__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_share_link__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_share_link__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_share_link__input-with-label input:focus-within, .main_ui_viewer_share_link__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_share_link__input-with-label input:focus-within input, .main_ui_viewer_share_link__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_share_link__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_share_link__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_viewer_share_link__modal-overlay-base {
  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);
}

.main_ui_viewer_share_link__modal-container-base, .main_ui_viewer_share_link__share-link-dialog {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_viewer_share_link__modal-close-btn-base, .main_ui_viewer_share_link__modal-close-button {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_share_link__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_viewer_share_link__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_share_link__modal-cancel-btn, .main_ui_viewer_share_link__button-cancel {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_viewer_share_link__modal-accept-btn, .main_ui_viewer_share_link__button-active {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_viewer_share_link__modal-danger-btn, .main_ui_viewer_share_link__button-danger {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_viewer_share_link__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_viewer_share_link__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_viewer_share_link__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_viewer_share_link__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_viewer_share_link__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_viewer_share_link__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_share_link__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_viewer_share_link__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_viewer_share_link__colorpicker-handler {
  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;
}
.main_ui_viewer_share_link__colorpicker-handler:hover, .main_ui_viewer_share_link__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_viewer_share_link__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_viewer_share_link__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_viewer_share_link__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_viewer_share_link__attr-title button {
  display: none;
}
.main_ui_viewer_share_link__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_share_link__attr-title:hover button {
  display: flex;
}

.main_ui_viewer_share_link__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_viewer_share_link__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_viewer_share_link__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_share_link__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_viewer_share_link__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_share_link__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_viewer_share_link__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_viewer_share_link__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_share_link__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_viewer_share_link__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_viewer_share_link__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_share_link__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_share_link__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_share_link__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_viewer_share_link__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_viewer_share_link__share-modal {
  display: block;
  position: absolute;
  top: 3.25rem;
  right: 0.75rem;
  left: calc(100vw - 32rem);
  z-index: 30;
}

.main_ui_viewer_share_link__share-link-dialog {
  min-height: unset;
}

.main_ui_viewer_share_link__share-link-header {
  margin-bottom: 1.5rem;
}

.main_ui_viewer_share_link__share-link-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--modal-title-foreground-color);
}

.main_ui_viewer_share_link__modal-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 1.5rem;
}

.main_ui_viewer_share_link__share-link-section {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 0.5rem;
}

.main_ui_viewer_share_link__hint-wrapper {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_viewer_share_link__hint {
  flex-grow: 1;
  color: var(--modal-text-foreground-color);
}

.main_ui_viewer_share_link__custon-input-wrapper {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  height: 2rem;
  width: 100%;
  background-color: var(--input-background-color);
}

.main_ui_viewer_share_link__input-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-foreground-color-active);
  padding-left: 0.5rem;
  margin: 0;
  flex-grow: 1;
}
.main_ui_viewer_share_link__input-text:focus {
  outline: none;
  border: 1px solid var(--input-border-color-active);
}

.main_ui_viewer_share_link__copy-button {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  gap: 0.5rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_share_link__copy-button svg {
  stroke: var(--icon-foreground-hover);
}

.main_ui_viewer_share_link__description {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--modal-text-foreground-color);
  margin-bottom: 1.5rem;
}

.main_ui_viewer_share_link__actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  justify-content: flex-end;
}

.main_ui_viewer_share_link__permissions-section {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 0.5rem;
}

.main_ui_viewer_share_link__manage-permissions {
  border: none;
  background: none;
  cursor: pointer;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--menu-foreground-color-rest);
  height: 2rem;
  display: flex;
  align-items: center;
  padding: 0;
}

.main_ui_viewer_share_link__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.375rem;
}
.main_ui_viewer_share_link__icon svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_share_link__icon.main_ui_viewer_share_link__rotated {
  transform: rotate(90deg);
}

.main_ui_viewer_share_link__view-mode,
.main_ui_viewer_share_link__access-mode,
.main_ui_viewer_share_link__inspect-mode {
  display: flex;
  width: 100%;
}

.main_ui_viewer_share_link__view-mode {
  max-height: 13.5rem;
  overflow: hidden auto;
  scrollbar-gutter: stable;
}

.main_ui_viewer_share_link__subtitle {
  color: var(--modal-text-foreground-color);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 8.5rem;
  height: 2rem;
}

.main_ui_viewer_share_link__items {
  flex-grow: 1;
  color: var(--input-foreground-color-active);
}

.main_ui_viewer_share_link__select-all-row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  justify-content: space-between;
  height: 2rem;
  border-bottom: 1px solid var(--input-border-color-disabled);
}

.main_ui_viewer_share_link__select-all-label {
  color: var(--input-foreground-color-active);
}

.main_ui_viewer_share_link__pages-selection {
  margin: 0;
}
.main_ui_viewer_share_link__pages-selection li {
  border-bottom: 1px solid var(--input-border-color-disabled);
}
.main_ui_viewer_share_link__pages-selection li:last-child {
  border-bottom: none;
}

.main_ui_viewer_share_link__count-pages,
.main_ui_viewer_share_link__current-tag {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-foreground-color);
}

.main_ui_viewer_share_link__checkbox-wrapper {
  height: 2rem;
  padding: 0;
}
.main_ui_viewer_share_link__checkbox-wrapper span.main_ui_viewer_share_link__checked {
  background-color: var(--input-checkbox-background-color-active);
  border: 1px solid var(--input-checkbox-background-color-active);
}
.main_ui_viewer_share_link__checkbox-wrapper span.main_ui_viewer_share_link__checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
@keyframes main_ui_viewer_thumbnails__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_thumbnails__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_viewer_thumbnails__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_viewer_thumbnails__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_thumbnails__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_thumbnails__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_thumbnails__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_viewer_thumbnails__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_thumbnails__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_thumbnails__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_thumbnails__new-scrollbar ::placeholder,
.main_ui_viewer_thumbnails__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_thumbnails__button-primary, .main_ui_viewer_thumbnails__modal-danger-btn, .main_ui_viewer_thumbnails__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_viewer_thumbnails__button-primary:focus-visible, .main_ui_viewer_thumbnails__modal-danger-btn:focus-visible, .main_ui_viewer_thumbnails__modal-accept-btn: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);
}
.main_ui_viewer_thumbnails__button-primary:focus-visible svg, .main_ui_viewer_thumbnails__modal-danger-btn:focus-visible svg, .main_ui_viewer_thumbnails__modal-accept-btn:focus-visible svg,
.main_ui_viewer_thumbnails__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_thumbnails__button-primary svg, .main_ui_viewer_thumbnails__modal-danger-btn svg, .main_ui_viewer_thumbnails__modal-accept-btn svg,
.main_ui_viewer_thumbnails__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_thumbnails__button-primary:hover, .main_ui_viewer_thumbnails__modal-danger-btn:hover, .main_ui_viewer_thumbnails__modal-accept-btn: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;
}
.main_ui_viewer_thumbnails__button-primary:hover svg, .main_ui_viewer_thumbnails__modal-danger-btn:hover svg, .main_ui_viewer_thumbnails__modal-accept-btn:hover svg,
.main_ui_viewer_thumbnails__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_thumbnails__button-primary:active, .main_ui_viewer_thumbnails__modal-danger-btn:active, .main_ui_viewer_thumbnails__modal-accept-btn: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;
}
.main_ui_viewer_thumbnails__button-primary:active svg, .main_ui_viewer_thumbnails__modal-danger-btn:active svg, .main_ui_viewer_thumbnails__modal-accept-btn:active svg,
.main_ui_viewer_thumbnails__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_thumbnails__button-primary.disabled, .main_ui_viewer_thumbnails__modal-danger-btn.disabled, .main_ui_viewer_thumbnails__modal-accept-btn.disabled, .main_ui_viewer_thumbnails__button-primary[disabled], [disabled].main_ui_viewer_thumbnails__modal-danger-btn, [disabled].main_ui_viewer_thumbnails__modal-accept-btn, .main_ui_viewer_thumbnails__button-primary:disabled, .main_ui_viewer_thumbnails__modal-danger-btn:disabled, .main_ui_viewer_thumbnails__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_viewer_thumbnails__button-secondary, .main_ui_viewer_thumbnails__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_thumbnails__button-secondary:focus-visible, .main_ui_viewer_thumbnails__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_thumbnails__button-secondary:focus-visible svg, .main_ui_viewer_thumbnails__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_thumbnails__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_thumbnails__button-secondary svg, .main_ui_viewer_thumbnails__modal-cancel-btn svg,
.main_ui_viewer_thumbnails__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_thumbnails__button-secondary:hover, .main_ui_viewer_thumbnails__modal-cancel-btn: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;
}
.main_ui_viewer_thumbnails__button-secondary:hover svg, .main_ui_viewer_thumbnails__modal-cancel-btn:hover svg,
.main_ui_viewer_thumbnails__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_thumbnails__button-secondary:active, .main_ui_viewer_thumbnails__modal-cancel-btn: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);
}
.main_ui_viewer_thumbnails__button-secondary:active svg, .main_ui_viewer_thumbnails__modal-cancel-btn:active svg,
.main_ui_viewer_thumbnails__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_thumbnails__button-secondary.disabled, .main_ui_viewer_thumbnails__modal-cancel-btn.disabled, .main_ui_viewer_thumbnails__button-secondary[disabled], [disabled].main_ui_viewer_thumbnails__modal-cancel-btn, .main_ui_viewer_thumbnails__button-secondary:disabled, .main_ui_viewer_thumbnails__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_viewer_thumbnails__button-tertiary, .main_ui_viewer_thumbnails__expand-btn,
.main_ui_viewer_thumbnails__close-btn, .main_ui_viewer_thumbnails__right-scroll-handler,
.main_ui_viewer_thumbnails__left-scroll-handler, .main_ui_viewer_thumbnails__attr-title button, .main_ui_viewer_thumbnails__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_viewer_thumbnails__button-tertiary:focus-visible, .main_ui_viewer_thumbnails__expand-btn:focus-visible,
.main_ui_viewer_thumbnails__close-btn:focus-visible, .main_ui_viewer_thumbnails__right-scroll-handler:focus-visible,
.main_ui_viewer_thumbnails__left-scroll-handler:focus-visible, .main_ui_viewer_thumbnails__attr-title button:focus-visible, .main_ui_viewer_thumbnails__modal-close-btn-base: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);
}
.main_ui_viewer_thumbnails__button-tertiary:focus-visible svg, .main_ui_viewer_thumbnails__expand-btn:focus-visible svg,
.main_ui_viewer_thumbnails__close-btn:focus-visible svg, .main_ui_viewer_thumbnails__right-scroll-handler:focus-visible svg,
.main_ui_viewer_thumbnails__left-scroll-handler:focus-visible svg, .main_ui_viewer_thumbnails__attr-title button:focus-visible svg, .main_ui_viewer_thumbnails__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_thumbnails__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_thumbnails__button-tertiary svg, .main_ui_viewer_thumbnails__expand-btn svg,
.main_ui_viewer_thumbnails__close-btn svg, .main_ui_viewer_thumbnails__right-scroll-handler svg,
.main_ui_viewer_thumbnails__left-scroll-handler svg, .main_ui_viewer_thumbnails__attr-title button svg, .main_ui_viewer_thumbnails__modal-close-btn-base svg,
.main_ui_viewer_thumbnails__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_thumbnails__button-tertiary:hover, .main_ui_viewer_thumbnails__expand-btn:hover,
.main_ui_viewer_thumbnails__close-btn:hover, .main_ui_viewer_thumbnails__right-scroll-handler:hover,
.main_ui_viewer_thumbnails__left-scroll-handler:hover, .main_ui_viewer_thumbnails__attr-title button:hover, .main_ui_viewer_thumbnails__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_viewer_thumbnails__button-tertiary:hover svg, .main_ui_viewer_thumbnails__expand-btn:hover svg,
.main_ui_viewer_thumbnails__close-btn:hover svg, .main_ui_viewer_thumbnails__right-scroll-handler:hover svg,
.main_ui_viewer_thumbnails__left-scroll-handler:hover svg, .main_ui_viewer_thumbnails__attr-title button:hover svg, .main_ui_viewer_thumbnails__modal-close-btn-base:hover svg,
.main_ui_viewer_thumbnails__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_thumbnails__button-tertiary:active, .main_ui_viewer_thumbnails__expand-btn:active,
.main_ui_viewer_thumbnails__close-btn:active, .main_ui_viewer_thumbnails__right-scroll-handler:active,
.main_ui_viewer_thumbnails__left-scroll-handler:active, .main_ui_viewer_thumbnails__attr-title button:active, .main_ui_viewer_thumbnails__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_thumbnails__button-tertiary:active svg, .main_ui_viewer_thumbnails__expand-btn:active svg,
.main_ui_viewer_thumbnails__close-btn:active svg, .main_ui_viewer_thumbnails__right-scroll-handler:active svg,
.main_ui_viewer_thumbnails__left-scroll-handler:active svg, .main_ui_viewer_thumbnails__attr-title button:active svg, .main_ui_viewer_thumbnails__modal-close-btn-base:active svg,
.main_ui_viewer_thumbnails__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_thumbnails__button-tertiary.disabled, .main_ui_viewer_thumbnails__expand-btn.disabled,
.main_ui_viewer_thumbnails__close-btn.disabled, .main_ui_viewer_thumbnails__right-scroll-handler.disabled,
.main_ui_viewer_thumbnails__left-scroll-handler.disabled, .main_ui_viewer_thumbnails__attr-title button.disabled, .main_ui_viewer_thumbnails__modal-close-btn-base.disabled, .main_ui_viewer_thumbnails__button-tertiary[disabled], [disabled].main_ui_viewer_thumbnails__expand-btn,
[disabled].main_ui_viewer_thumbnails__close-btn, [disabled].main_ui_viewer_thumbnails__right-scroll-handler,
[disabled].main_ui_viewer_thumbnails__left-scroll-handler, .main_ui_viewer_thumbnails__attr-title button[disabled], [disabled].main_ui_viewer_thumbnails__modal-close-btn-base, .main_ui_viewer_thumbnails__button-tertiary:disabled, .main_ui_viewer_thumbnails__expand-btn:disabled,
.main_ui_viewer_thumbnails__close-btn:disabled, .main_ui_viewer_thumbnails__right-scroll-handler:disabled,
.main_ui_viewer_thumbnails__left-scroll-handler:disabled, .main_ui_viewer_thumbnails__attr-title button:disabled, .main_ui_viewer_thumbnails__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_thumbnails__button-tertiary.disabled svg, .main_ui_viewer_thumbnails__expand-btn.disabled svg,
.main_ui_viewer_thumbnails__close-btn.disabled svg, .main_ui_viewer_thumbnails__right-scroll-handler.disabled svg,
.main_ui_viewer_thumbnails__left-scroll-handler.disabled svg, .main_ui_viewer_thumbnails__attr-title button.disabled svg, .main_ui_viewer_thumbnails__modal-close-btn-base.disabled svg,
.main_ui_viewer_thumbnails__button-tertiary.disabled span svg, .main_ui_viewer_thumbnails__button-tertiary[disabled] svg, [disabled].main_ui_viewer_thumbnails__expand-btn svg,
[disabled].main_ui_viewer_thumbnails__close-btn svg, [disabled].main_ui_viewer_thumbnails__right-scroll-handler svg,
[disabled].main_ui_viewer_thumbnails__left-scroll-handler svg, .main_ui_viewer_thumbnails__attr-title button[disabled] svg, [disabled].main_ui_viewer_thumbnails__modal-close-btn-base svg,
.main_ui_viewer_thumbnails__button-tertiary[disabled] span svg, .main_ui_viewer_thumbnails__button-tertiary:disabled svg, .main_ui_viewer_thumbnails__expand-btn:disabled svg,
.main_ui_viewer_thumbnails__close-btn:disabled svg, .main_ui_viewer_thumbnails__right-scroll-handler:disabled svg,
.main_ui_viewer_thumbnails__left-scroll-handler:disabled svg, .main_ui_viewer_thumbnails__attr-title button:disabled svg, .main_ui_viewer_thumbnails__modal-close-btn-base:disabled svg,
.main_ui_viewer_thumbnails__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_viewer_thumbnails__button-icon-selected {
  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);
}
.main_ui_viewer_thumbnails__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_viewer_thumbnails__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_viewer_thumbnails__button-radio: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);
}
.main_ui_viewer_thumbnails__button-radio:focus-visible svg,
.main_ui_viewer_thumbnails__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_thumbnails__button-radio svg,
.main_ui_viewer_thumbnails__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_thumbnails__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_viewer_thumbnails__button-radio:hover svg,
.main_ui_viewer_thumbnails__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_thumbnails__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_viewer_thumbnails__button-radio:active svg,
.main_ui_viewer_thumbnails__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_viewer_thumbnails__button-warning {
  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);
}

.main_ui_viewer_thumbnails__button-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;
}

.main_ui_viewer_thumbnails__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_viewer_thumbnails__button-tag: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);
}
.main_ui_viewer_thumbnails__button-tag:focus-visible svg,
.main_ui_viewer_thumbnails__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_viewer_thumbnails__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_viewer_thumbnails__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_viewer_thumbnails__button-icon, .main_ui_viewer_thumbnails__expand-btn svg,
.main_ui_viewer_thumbnails__close-btn svg, .main_ui_viewer_thumbnails__right-scroll-handler svg,
.main_ui_viewer_thumbnails__left-scroll-handler svg, .main_ui_viewer_thumbnails__empty-icon svg, .main_ui_viewer_thumbnails__modal-close-btn-base svg, .main_ui_viewer_thumbnails__button-icon-small, .main_ui_viewer_thumbnails__dropdown-element-base span svg, .main_ui_viewer_thumbnails__attr-title button svg, .main_ui_viewer_thumbnails__checkbox-icon.intermediate svg, .main_ui_viewer_thumbnails__input-checkbox label span.intermediate svg, .main_ui_viewer_thumbnails__checkbox-icon.checked svg, .main_ui_viewer_thumbnails__input-checkbox label span.checked svg, .main_ui_viewer_thumbnails__input-element span svg,
.main_ui_viewer_thumbnails__input-element label svg, .main_ui_viewer_thumbnails__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_viewer_thumbnails__button-icon-small, .main_ui_viewer_thumbnails__dropdown-element-base span svg, .main_ui_viewer_thumbnails__attr-title button svg, .main_ui_viewer_thumbnails__checkbox-icon.intermediate svg, .main_ui_viewer_thumbnails__input-checkbox label span.intermediate svg, .main_ui_viewer_thumbnails__checkbox-icon.checked svg, .main_ui_viewer_thumbnails__input-checkbox label span.checked svg, .main_ui_viewer_thumbnails__input-element span svg,
.main_ui_viewer_thumbnails__input-element label svg, .main_ui_viewer_thumbnails__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_thumbnails__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_viewer_thumbnails__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_viewer_thumbnails__input-base, .main_ui_viewer_thumbnails__input-with-label input, .main_ui_viewer_thumbnails__input-element-label input, .main_ui_viewer_thumbnails__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_thumbnails__input-base[disabled], .main_ui_viewer_thumbnails__input-with-label input[disabled], .main_ui_viewer_thumbnails__input-element-label input[disabled], .main_ui_viewer_thumbnails__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_thumbnails__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_thumbnails__input-label, .main_ui_viewer_thumbnails__input-element span,
.main_ui_viewer_thumbnails__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_viewer_thumbnails__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_viewer_thumbnails__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_thumbnails__input-element span svg,
.main_ui_viewer_thumbnails__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_thumbnails__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_thumbnails__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_thumbnails__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_thumbnails__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_thumbnails__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_thumbnails__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_thumbnails__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_thumbnails__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_thumbnails__input-element:focus, .main_ui_viewer_thumbnails__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_thumbnails__input-element:focus span, .main_ui_viewer_thumbnails__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_thumbnails__input-element:focus input, .main_ui_viewer_thumbnails__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_thumbnails__input-element:focus:hover, .main_ui_viewer_thumbnails__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_thumbnails__input-element:focus:hover span, .main_ui_viewer_thumbnails__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_thumbnails__input-element:focus:hover input, .main_ui_viewer_thumbnails__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_thumbnails__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_viewer_thumbnails__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_viewer_thumbnails__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_thumbnails__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_thumbnails__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_thumbnails__input-element-label:focus-within input, .main_ui_viewer_thumbnails__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_viewer_thumbnails__disabled-input, .main_ui_viewer_thumbnails__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_thumbnails__disabled-input input, .main_ui_viewer_thumbnails__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_thumbnails__disabled-input span svg, .main_ui_viewer_thumbnails__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_thumbnails__checkbox-icon, .main_ui_viewer_thumbnails__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_viewer_thumbnails__checkbox-icon svg, .main_ui_viewer_thumbnails__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_thumbnails__checkbox-icon:hover, .main_ui_viewer_thumbnails__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_thumbnails__checkbox-icon:focus, .main_ui_viewer_thumbnails__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_thumbnails__checkbox-icon.checked, .main_ui_viewer_thumbnails__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_viewer_thumbnails__checkbox-icon.checked svg, .main_ui_viewer_thumbnails__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_thumbnails__checkbox-icon.intermediate, .main_ui_viewer_thumbnails__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_viewer_thumbnails__checkbox-icon.intermediate svg, .main_ui_viewer_thumbnails__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_thumbnails__checkbox-icon.unchecked, .main_ui_viewer_thumbnails__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_viewer_thumbnails__checkbox-icon.unchecked svg, .main_ui_viewer_thumbnails__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_thumbnails__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_thumbnails__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_viewer_thumbnails__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_thumbnails__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_thumbnails__input-checkbox label:focus span, .main_ui_viewer_thumbnails__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_thumbnails__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_thumbnails__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_thumbnails__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_thumbnails__input-with-label input:focus-within, .main_ui_viewer_thumbnails__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_thumbnails__input-with-label input:focus-within input, .main_ui_viewer_thumbnails__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_thumbnails__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_thumbnails__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_viewer_thumbnails__modal-overlay-base {
  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);
}

.main_ui_viewer_thumbnails__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_viewer_thumbnails__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_thumbnails__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_viewer_thumbnails__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_thumbnails__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_viewer_thumbnails__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_viewer_thumbnails__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_viewer_thumbnails__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_viewer_thumbnails__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_viewer_thumbnails__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_viewer_thumbnails__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_viewer_thumbnails__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_viewer_thumbnails__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_thumbnails__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_viewer_thumbnails__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_viewer_thumbnails__colorpicker-handler {
  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;
}
.main_ui_viewer_thumbnails__colorpicker-handler:hover, .main_ui_viewer_thumbnails__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_viewer_thumbnails__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_viewer_thumbnails__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_viewer_thumbnails__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_viewer_thumbnails__attr-title button {
  display: none;
}
.main_ui_viewer_thumbnails__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_thumbnails__attr-title:hover button {
  display: flex;
}

.main_ui_viewer_thumbnails__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_viewer_thumbnails__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_viewer_thumbnails__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_thumbnails__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_viewer_thumbnails__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_thumbnails__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_viewer_thumbnails__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_viewer_thumbnails__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_thumbnails__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_viewer_thumbnails__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_viewer_thumbnails__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_thumbnails__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_thumbnails__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_thumbnails__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_viewer_thumbnails__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_viewer_thumbnails__viewer-thumbnails {
  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;
}

.main_ui_viewer_thumbnails__expanded {
  grid-row: 1/span 2;
}
.main_ui_viewer_thumbnails__expanded .main_ui_viewer_thumbnails__expand-btn svg {
  transform: rotate(-90deg);
}

.main_ui_viewer_thumbnails__thumbnails-summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2rem;
  margin: 1.5rem 1.5rem 0 1.5rem;
}

.main_ui_viewer_thumbnails__counter {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--viewer-thumbnails-control-foreground-color);
}

.main_ui_viewer_thumbnails__actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: 3.75rem;
}

.main_ui_viewer_thumbnails__expand-btn,
.main_ui_viewer_thumbnails__close-btn {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_thumbnails__expand-btn svg {
  transform: rotate(90deg);
}

.main_ui_viewer_thumbnails__thumbnails-content {
  display: grid;
  grid-template-columns: 2.5rem auto 2.5rem;
  grid-template-rows: auto;
}

.main_ui_viewer_thumbnails__thumbnails-list-expanded {
  grid-column: 1/span 3;
  grid-row: 1/span 1;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.main_ui_viewer_thumbnails__right-scroll-handler,
.main_ui_viewer_thumbnails__left-scroll-handler {
  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;
}
.main_ui_viewer_thumbnails__right-scroll-handler:hover,
.main_ui_viewer_thumbnails__left-scroll-handler:hover {
  opacity: 1;
}
.main_ui_viewer_thumbnails__right-scroll-handler svg,
.main_ui_viewer_thumbnails__left-scroll-handler svg {
  stroke: var(--icon-foreground);
}

.main_ui_viewer_thumbnails__left-scroll-handler {
  grid-column: 1/span 1;
  grid-row: 1/span 1;
}
.main_ui_viewer_thumbnails__left-scroll-handler svg {
  transform: rotate(180deg);
}

.main_ui_viewer_thumbnails__thumbnails-list {
  grid-column: 1/span 3;
  grid-row: 1/span 1;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}

.main_ui_viewer_thumbnails__thumbnails-list-inside {
  display: flex;
  position: relative;
}

.main_ui_viewer_thumbnails__thumbnail-item {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.main_ui_viewer_thumbnails__thumbnail-preview {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.25rem;
  min-height: 8.25rem;
  height: 8.25rem;
  padding: 0.25rem;
}
.main_ui_viewer_thumbnails__thumbnail-preview svg {
  width: 100%;
  height: 100%;
}
.main_ui_viewer_thumbnails__thumbnail-preview.main_ui_viewer_thumbnails__selected {
  background-color: var(--viewer-thumbnail-background-color-selected);
  border-radius: 0.5rem;
}
.main_ui_viewer_thumbnails__thumbnail-preview:hover {
  border: 1px solid var(--viewer-thumbnail-border-color);
  border-radius: 0.5rem;
}

.main_ui_viewer_thumbnails__thumbnail-info {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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 main_ui_settings_access_tokens__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_settings_access_tokens__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_settings_access_tokens__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_settings_access_tokens__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_settings_access_tokens__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_settings_access_tokens__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_settings_access_tokens__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_settings_access_tokens__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_settings_access_tokens__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_access_tokens__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_access_tokens__new-scrollbar ::placeholder,
.main_ui_settings_access_tokens__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_settings_access_tokens__button-primary, .main_ui_settings_access_tokens__hero-btn, .main_ui_settings_access_tokens__modal-danger-btn, .main_ui_settings_access_tokens__modal-accept-btn, .main_ui_settings_access_tokens__action-buttons button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_settings_access_tokens__button-primary:focus-visible, .main_ui_settings_access_tokens__hero-btn:focus-visible, .main_ui_settings_access_tokens__modal-danger-btn:focus-visible, .main_ui_settings_access_tokens__modal-accept-btn:focus-visible, .main_ui_settings_access_tokens__action-buttons 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);
}
.main_ui_settings_access_tokens__button-primary:focus-visible svg, .main_ui_settings_access_tokens__hero-btn:focus-visible svg, .main_ui_settings_access_tokens__modal-danger-btn:focus-visible svg, .main_ui_settings_access_tokens__modal-accept-btn:focus-visible svg, .main_ui_settings_access_tokens__action-buttons button:focus-visible svg,
.main_ui_settings_access_tokens__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_settings_access_tokens__button-primary svg, .main_ui_settings_access_tokens__hero-btn svg, .main_ui_settings_access_tokens__modal-danger-btn svg, .main_ui_settings_access_tokens__modal-accept-btn svg, .main_ui_settings_access_tokens__action-buttons button svg,
.main_ui_settings_access_tokens__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_settings_access_tokens__button-primary:hover, .main_ui_settings_access_tokens__hero-btn:hover, .main_ui_settings_access_tokens__modal-danger-btn:hover, .main_ui_settings_access_tokens__modal-accept-btn:hover, .main_ui_settings_access_tokens__action-buttons 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;
}
.main_ui_settings_access_tokens__button-primary:hover svg, .main_ui_settings_access_tokens__hero-btn:hover svg, .main_ui_settings_access_tokens__modal-danger-btn:hover svg, .main_ui_settings_access_tokens__modal-accept-btn:hover svg, .main_ui_settings_access_tokens__action-buttons button:hover svg,
.main_ui_settings_access_tokens__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_settings_access_tokens__button-primary:active, .main_ui_settings_access_tokens__hero-btn:active, .main_ui_settings_access_tokens__modal-danger-btn:active, .main_ui_settings_access_tokens__modal-accept-btn:active, .main_ui_settings_access_tokens__action-buttons 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;
}
.main_ui_settings_access_tokens__button-primary:active svg, .main_ui_settings_access_tokens__hero-btn:active svg, .main_ui_settings_access_tokens__modal-danger-btn:active svg, .main_ui_settings_access_tokens__modal-accept-btn:active svg, .main_ui_settings_access_tokens__action-buttons button:active svg,
.main_ui_settings_access_tokens__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_settings_access_tokens__button-primary.disabled, .main_ui_settings_access_tokens__hero-btn.disabled, .main_ui_settings_access_tokens__modal-danger-btn.disabled, .main_ui_settings_access_tokens__modal-accept-btn.disabled, .main_ui_settings_access_tokens__action-buttons button.disabled, .main_ui_settings_access_tokens__button-primary[disabled], [disabled].main_ui_settings_access_tokens__hero-btn, [disabled].main_ui_settings_access_tokens__modal-danger-btn, [disabled].main_ui_settings_access_tokens__modal-accept-btn, .main_ui_settings_access_tokens__action-buttons button[disabled], .main_ui_settings_access_tokens__button-primary:disabled, .main_ui_settings_access_tokens__hero-btn:disabled, .main_ui_settings_access_tokens__modal-danger-btn:disabled, .main_ui_settings_access_tokens__modal-accept-btn:disabled, .main_ui_settings_access_tokens__action-buttons 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;
}

.main_ui_settings_access_tokens__button-secondary, .main_ui_settings_access_tokens__copy-btn, .main_ui_settings_access_tokens__modal-cancel-btn, .main_ui_settings_access_tokens__cancel-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_access_tokens__button-secondary:focus-visible, .main_ui_settings_access_tokens__copy-btn:focus-visible, .main_ui_settings_access_tokens__modal-cancel-btn:focus-visible, .main_ui_settings_access_tokens__cancel-button:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_access_tokens__button-secondary:focus-visible svg, .main_ui_settings_access_tokens__copy-btn:focus-visible svg, .main_ui_settings_access_tokens__modal-cancel-btn:focus-visible svg, .main_ui_settings_access_tokens__cancel-button:focus-visible svg,
.main_ui_settings_access_tokens__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_access_tokens__button-secondary svg, .main_ui_settings_access_tokens__copy-btn svg, .main_ui_settings_access_tokens__modal-cancel-btn svg, .main_ui_settings_access_tokens__cancel-button svg,
.main_ui_settings_access_tokens__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_access_tokens__button-secondary:hover, .main_ui_settings_access_tokens__copy-btn:hover, .main_ui_settings_access_tokens__modal-cancel-btn:hover, .main_ui_settings_access_tokens__cancel-button: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;
}
.main_ui_settings_access_tokens__button-secondary:hover svg, .main_ui_settings_access_tokens__copy-btn:hover svg, .main_ui_settings_access_tokens__modal-cancel-btn:hover svg, .main_ui_settings_access_tokens__cancel-button:hover svg,
.main_ui_settings_access_tokens__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_settings_access_tokens__button-secondary:active, .main_ui_settings_access_tokens__copy-btn:active, .main_ui_settings_access_tokens__modal-cancel-btn:active, .main_ui_settings_access_tokens__cancel-button: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);
}
.main_ui_settings_access_tokens__button-secondary:active svg, .main_ui_settings_access_tokens__copy-btn:active svg, .main_ui_settings_access_tokens__modal-cancel-btn:active svg, .main_ui_settings_access_tokens__cancel-button:active svg,
.main_ui_settings_access_tokens__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_settings_access_tokens__button-secondary.disabled, .main_ui_settings_access_tokens__copy-btn.disabled, .main_ui_settings_access_tokens__modal-cancel-btn.disabled, .main_ui_settings_access_tokens__cancel-button.disabled, .main_ui_settings_access_tokens__button-secondary[disabled], [disabled].main_ui_settings_access_tokens__copy-btn, [disabled].main_ui_settings_access_tokens__modal-cancel-btn, [disabled].main_ui_settings_access_tokens__cancel-button, .main_ui_settings_access_tokens__button-secondary:disabled, .main_ui_settings_access_tokens__copy-btn:disabled, .main_ui_settings_access_tokens__modal-cancel-btn:disabled, .main_ui_settings_access_tokens__cancel-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;
}

.main_ui_settings_access_tokens__button-tertiary, .main_ui_settings_access_tokens__attr-title button, .main_ui_settings_access_tokens__modal-close-btn-base, .main_ui_settings_access_tokens__modal-close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_settings_access_tokens__button-tertiary:focus-visible, .main_ui_settings_access_tokens__attr-title button:focus-visible, .main_ui_settings_access_tokens__modal-close-btn-base:focus-visible, .main_ui_settings_access_tokens__modal-close-btn: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);
}
.main_ui_settings_access_tokens__button-tertiary:focus-visible svg, .main_ui_settings_access_tokens__attr-title button:focus-visible svg, .main_ui_settings_access_tokens__modal-close-btn-base:focus-visible svg, .main_ui_settings_access_tokens__modal-close-btn:focus-visible svg,
.main_ui_settings_access_tokens__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_settings_access_tokens__button-tertiary svg, .main_ui_settings_access_tokens__attr-title button svg, .main_ui_settings_access_tokens__modal-close-btn-base svg, .main_ui_settings_access_tokens__modal-close-btn svg,
.main_ui_settings_access_tokens__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_settings_access_tokens__button-tertiary:hover, .main_ui_settings_access_tokens__attr-title button:hover, .main_ui_settings_access_tokens__modal-close-btn-base:hover, .main_ui_settings_access_tokens__modal-close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_settings_access_tokens__button-tertiary:hover svg, .main_ui_settings_access_tokens__attr-title button:hover svg, .main_ui_settings_access_tokens__modal-close-btn-base:hover svg, .main_ui_settings_access_tokens__modal-close-btn:hover svg,
.main_ui_settings_access_tokens__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_settings_access_tokens__button-tertiary:active, .main_ui_settings_access_tokens__attr-title button:active, .main_ui_settings_access_tokens__modal-close-btn-base:active, .main_ui_settings_access_tokens__modal-close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_access_tokens__button-tertiary:active svg, .main_ui_settings_access_tokens__attr-title button:active svg, .main_ui_settings_access_tokens__modal-close-btn-base:active svg, .main_ui_settings_access_tokens__modal-close-btn:active svg,
.main_ui_settings_access_tokens__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_access_tokens__button-tertiary.disabled, .main_ui_settings_access_tokens__attr-title button.disabled, .main_ui_settings_access_tokens__modal-close-btn-base.disabled, .main_ui_settings_access_tokens__modal-close-btn.disabled, .main_ui_settings_access_tokens__button-tertiary[disabled], .main_ui_settings_access_tokens__attr-title button[disabled], [disabled].main_ui_settings_access_tokens__modal-close-btn-base, [disabled].main_ui_settings_access_tokens__modal-close-btn, .main_ui_settings_access_tokens__button-tertiary:disabled, .main_ui_settings_access_tokens__attr-title button:disabled, .main_ui_settings_access_tokens__modal-close-btn-base:disabled, .main_ui_settings_access_tokens__modal-close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_settings_access_tokens__button-tertiary.disabled svg, .main_ui_settings_access_tokens__attr-title button.disabled svg, .main_ui_settings_access_tokens__modal-close-btn-base.disabled svg, .main_ui_settings_access_tokens__modal-close-btn.disabled svg,
.main_ui_settings_access_tokens__button-tertiary.disabled span svg, .main_ui_settings_access_tokens__button-tertiary[disabled] svg, .main_ui_settings_access_tokens__attr-title button[disabled] svg, [disabled].main_ui_settings_access_tokens__modal-close-btn-base svg, [disabled].main_ui_settings_access_tokens__modal-close-btn svg,
.main_ui_settings_access_tokens__button-tertiary[disabled] span svg, .main_ui_settings_access_tokens__button-tertiary:disabled svg, .main_ui_settings_access_tokens__attr-title button:disabled svg, .main_ui_settings_access_tokens__modal-close-btn-base:disabled svg, .main_ui_settings_access_tokens__modal-close-btn:disabled svg,
.main_ui_settings_access_tokens__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_settings_access_tokens__button-icon-selected {
  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);
}
.main_ui_settings_access_tokens__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_settings_access_tokens__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_settings_access_tokens__button-radio: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);
}
.main_ui_settings_access_tokens__button-radio:focus-visible svg,
.main_ui_settings_access_tokens__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_settings_access_tokens__button-radio svg,
.main_ui_settings_access_tokens__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_settings_access_tokens__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_settings_access_tokens__button-radio:hover svg,
.main_ui_settings_access_tokens__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_settings_access_tokens__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_settings_access_tokens__button-radio:active svg,
.main_ui_settings_access_tokens__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_settings_access_tokens__button-warning {
  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);
}

.main_ui_settings_access_tokens__button-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;
}

.main_ui_settings_access_tokens__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_settings_access_tokens__button-tag: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);
}
.main_ui_settings_access_tokens__button-tag:focus-visible svg,
.main_ui_settings_access_tokens__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_settings_access_tokens__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_settings_access_tokens__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_settings_access_tokens__button-icon, .main_ui_settings_access_tokens__menu-icon, .main_ui_settings_access_tokens__empty-icon svg, .main_ui_settings_access_tokens__modal-close-btn-base svg, .main_ui_settings_access_tokens__modal-close-btn svg, .main_ui_settings_access_tokens__button-icon-small, .main_ui_settings_access_tokens__clipboard-icon, .main_ui_settings_access_tokens__dropdown-element-base span svg, .main_ui_settings_access_tokens__attr-title button svg, .main_ui_settings_access_tokens__checkbox-icon.intermediate svg, .main_ui_settings_access_tokens__input-checkbox label span.intermediate svg, .main_ui_settings_access_tokens__checkbox-icon.checked svg, .main_ui_settings_access_tokens__input-checkbox label span.checked svg, .main_ui_settings_access_tokens__input-element span svg, .main_ui_settings_access_tokens__custom-input-token span svg,
.main_ui_settings_access_tokens__input-element label svg,
.main_ui_settings_access_tokens__custom-input-token label svg, .main_ui_settings_access_tokens__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_settings_access_tokens__button-icon-small, .main_ui_settings_access_tokens__clipboard-icon, .main_ui_settings_access_tokens__dropdown-element-base span svg, .main_ui_settings_access_tokens__attr-title button svg, .main_ui_settings_access_tokens__checkbox-icon.intermediate svg, .main_ui_settings_access_tokens__input-checkbox label span.intermediate svg, .main_ui_settings_access_tokens__checkbox-icon.checked svg, .main_ui_settings_access_tokens__input-checkbox label span.checked svg, .main_ui_settings_access_tokens__input-element span svg, .main_ui_settings_access_tokens__custom-input-token span svg,
.main_ui_settings_access_tokens__input-element label svg,
.main_ui_settings_access_tokens__custom-input-token label svg, .main_ui_settings_access_tokens__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_settings_access_tokens__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_settings_access_tokens__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_settings_access_tokens__input-base, .main_ui_settings_access_tokens__input-with-label input, .main_ui_settings_access_tokens__input-element-label input, .main_ui_settings_access_tokens__input-element input, .main_ui_settings_access_tokens__custom-input-token input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_access_tokens__input-base[disabled], .main_ui_settings_access_tokens__input-with-label input[disabled], .main_ui_settings_access_tokens__input-element-label input[disabled], .main_ui_settings_access_tokens__input-element input[disabled], .main_ui_settings_access_tokens__custom-input-token input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_settings_access_tokens__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_settings_access_tokens__input-label, .main_ui_settings_access_tokens__input-element span, .main_ui_settings_access_tokens__custom-input-token span,
.main_ui_settings_access_tokens__input-element label,
.main_ui_settings_access_tokens__custom-input-token label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_settings_access_tokens__input-element, .main_ui_settings_access_tokens__custom-input-token {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_settings_access_tokens__input-element:focus-within, .main_ui_settings_access_tokens__custom-input-token:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_access_tokens__input-element span svg, .main_ui_settings_access_tokens__custom-input-token span svg,
.main_ui_settings_access_tokens__input-element label svg,
.main_ui_settings_access_tokens__custom-input-token label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_settings_access_tokens__input-element ::-moz-placeholder, .main_ui_settings_access_tokens__custom-input-token ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_access_tokens__input-element ::placeholder, .main_ui_settings_access_tokens__custom-input-token ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_access_tokens__input-element:hover, .main_ui_settings_access_tokens__custom-input-token:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_access_tokens__input-element:hover span, .main_ui_settings_access_tokens__custom-input-token:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_access_tokens__input-element:hover input, .main_ui_settings_access_tokens__custom-input-token:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_access_tokens__input-element:active, .main_ui_settings_access_tokens__custom-input-token:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_settings_access_tokens__input-element:active span, .main_ui_settings_access_tokens__custom-input-token:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_access_tokens__input-element:active input, .main_ui_settings_access_tokens__custom-input-token:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_access_tokens__input-element:focus, .main_ui_settings_access_tokens__custom-input-token:focus, .main_ui_settings_access_tokens__input-element:focus-within, .main_ui_settings_access_tokens__custom-input-token:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_access_tokens__input-element:focus span, .main_ui_settings_access_tokens__custom-input-token:focus span, .main_ui_settings_access_tokens__input-element:focus-within span, .main_ui_settings_access_tokens__custom-input-token:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_access_tokens__input-element:focus input, .main_ui_settings_access_tokens__custom-input-token:focus input, .main_ui_settings_access_tokens__input-element:focus-within input, .main_ui_settings_access_tokens__custom-input-token:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_access_tokens__input-element:focus:hover, .main_ui_settings_access_tokens__custom-input-token:focus:hover, .main_ui_settings_access_tokens__input-element:focus-within:hover, .main_ui_settings_access_tokens__custom-input-token:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_access_tokens__input-element:focus:hover span, .main_ui_settings_access_tokens__custom-input-token:focus:hover span, .main_ui_settings_access_tokens__input-element:focus-within:hover span, .main_ui_settings_access_tokens__custom-input-token:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_access_tokens__input-element:focus:hover input, .main_ui_settings_access_tokens__custom-input-token:focus:hover input, .main_ui_settings_access_tokens__input-element:focus-within:hover input, .main_ui_settings_access_tokens__custom-input-token:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_settings_access_tokens__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_settings_access_tokens__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_settings_access_tokens__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_access_tokens__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_access_tokens__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_access_tokens__input-element-label:focus-within input, .main_ui_settings_access_tokens__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_settings_access_tokens__disabled-input, .main_ui_settings_access_tokens__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_access_tokens__disabled-input input, .main_ui_settings_access_tokens__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_access_tokens__disabled-input span svg, .main_ui_settings_access_tokens__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_settings_access_tokens__checkbox-icon, .main_ui_settings_access_tokens__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_settings_access_tokens__checkbox-icon svg, .main_ui_settings_access_tokens__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_settings_access_tokens__checkbox-icon:hover, .main_ui_settings_access_tokens__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_access_tokens__checkbox-icon:focus, .main_ui_settings_access_tokens__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_settings_access_tokens__checkbox-icon.checked, .main_ui_settings_access_tokens__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_settings_access_tokens__checkbox-icon.checked svg, .main_ui_settings_access_tokens__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_settings_access_tokens__checkbox-icon.intermediate, .main_ui_settings_access_tokens__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_settings_access_tokens__checkbox-icon.intermediate svg, .main_ui_settings_access_tokens__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_settings_access_tokens__checkbox-icon.unchecked, .main_ui_settings_access_tokens__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_settings_access_tokens__checkbox-icon.unchecked svg, .main_ui_settings_access_tokens__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_settings_access_tokens__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_settings_access_tokens__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_settings_access_tokens__input-checkbox label input {
  margin: 0;
}
.main_ui_settings_access_tokens__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_access_tokens__input-checkbox label:focus span, .main_ui_settings_access_tokens__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_settings_access_tokens__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_settings_access_tokens__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_access_tokens__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_settings_access_tokens__input-with-label input:focus-within, .main_ui_settings_access_tokens__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_access_tokens__input-with-label input:focus-within input, .main_ui_settings_access_tokens__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_access_tokens__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_settings_access_tokens__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_settings_access_tokens__modal-overlay-base, .main_ui_settings_access_tokens__modal-overlay {
  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);
}

.main_ui_settings_access_tokens__modal-container-base, .main_ui_settings_access_tokens__modal-container {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_settings_access_tokens__modal-close-btn-base, .main_ui_settings_access_tokens__modal-close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_settings_access_tokens__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_settings_access_tokens__modal-action-btns, .main_ui_settings_access_tokens__action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_settings_access_tokens__modal-cancel-btn, .main_ui_settings_access_tokens__cancel-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_access_tokens__modal-accept-btn, .main_ui_settings_access_tokens__action-buttons button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_access_tokens__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_settings_access_tokens__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_settings_access_tokens__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_settings_access_tokens__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_settings_access_tokens__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_settings_access_tokens__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_settings_access_tokens__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_settings_access_tokens__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_settings_access_tokens__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_settings_access_tokens__colorpicker-handler {
  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;
}
.main_ui_settings_access_tokens__colorpicker-handler:hover, .main_ui_settings_access_tokens__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_settings_access_tokens__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_settings_access_tokens__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_settings_access_tokens__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_settings_access_tokens__attr-title button {
  display: none;
}
.main_ui_settings_access_tokens__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_access_tokens__attr-title:hover button {
  display: flex;
}

.main_ui_settings_access_tokens__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_settings_access_tokens__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_settings_access_tokens__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_access_tokens__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_settings_access_tokens__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_settings_access_tokens__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_settings_access_tokens__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_settings_access_tokens__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_settings_access_tokens__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_settings_access_tokens__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_settings_access_tokens__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_access_tokens__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_settings_access_tokens__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_settings_access_tokens__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_settings_access_tokens__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_settings_access_tokens__dashboard-access-tokens {
  display: grid;
  grid-template-rows: auto 1fr;
  margin: 5rem auto 7.5rem auto;
  gap: 2rem;
  width: 50rem;
}

.main_ui_settings_access_tokens__access-tokens-hero {
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 2rem;
  width: 31.25rem;
  font-size: 0.875rem;
  margin: 1rem auto 0 auto;
}

.main_ui_settings_access_tokens__hero-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--title-foreground-color-hover);
}

.main_ui_settings_access_tokens__hero-desc {
  color: var(--title-foreground-color);
  margin-bottom: 0;
  font-size: 0.875rem;
}

.main_ui_settings_access_tokens__access-tokens-empty {
  display: grid;
  place-items: center;
  align-content: center;
  height: 9.75rem;
  max-width: 62.5rem;
  width: 100%;
  padding: 2rem;
  border: 1px solid var(--panel-border-color);
  border-radius: 0.5rem;
  color: var(--dashboard-list-text-foreground-color);
}

.main_ui_settings_access_tokens__dashboard-table {
  height: -moz-fit-content;
  height: fit-content;
}

.main_ui_settings_access_tokens__table-rows {
  display: grid;
  grid-auto-rows: 4rem;
  gap: 1rem;
  width: 100%;
  height: 100%;
  max-width: 62.5rem;
  margin-top: 1rem;
  color: var(--title-foreground-color);
}

.main_ui_settings_access_tokens__table-row {
  display: grid;
  grid-template-columns: 43% 1fr auto;
  align-items: center;
  height: 4rem;
  width: 100%;
  padding: 0 1rem;
  border-radius: 0.5rem;
  background-color: var(--dashboard-list-background-color);
  color: var(--dashboard-list-foreground-color);
}

.main_ui_settings_access_tokens__field-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: grid;
  width: 43%;
  min-width: 18.75rem;
}

.main_ui_settings_access_tokens__expiration-date {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 4.75rem;
  width: -moz-fit-content;
  width: fit-content;
  height: 1.5rem;
  border-radius: 0.5rem;
  color: var(--dashboard-list-text-foreground-color);
}

.main_ui_settings_access_tokens__expired {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0 0.375rem;
  color: var(--pill-foreground-color);
  background-color: var(--status-widget-background-color-warning);
}

.main_ui_settings_access_tokens__actions {
  position: relative;
}

.main_ui_settings_access_tokens__menu-icon {
  stroke: var(--icon-foreground);
}

.main_ui_settings_access_tokens__menu-btn {
  border: none;
  background: none;
  cursor: pointer;
}

.main_ui_settings_access_tokens__modal-container {
  min-width: 25.5rem;
}

.main_ui_settings_access_tokens__modal-header {
  margin-bottom: 1.5rem;
}

.main_ui_settings_access_tokens__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--modal-title-foreground-color);
}

.main_ui_settings_access_tokens__modal-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 1.5rem;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}

.main_ui_settings_access_tokens__select-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
}

.main_ui_settings_access_tokens__custon-input-wrapper {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  height: 2rem;
  background-color: var(--input-background-color);
}

.main_ui_settings_access_tokens__custom-input-token {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  flex-grow: 1;
}
.main_ui_settings_access_tokens__custom-input-token:focus {
  outline: none;
  border: 1px solid var(--input-border-color-active);
}

.main_ui_settings_access_tokens__token-value {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  flex-grow: 1;
}

.main_ui_settings_access_tokens__copy-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.75rem;
  width: 1.75rem;
}

.main_ui_settings_access_tokens__token-created-info {
  color: var(--modal-text-foreground-color);
}
@keyframes main_ui_settings_change_email__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_settings_change_email__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_settings_change_email__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_settings_change_email__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_settings_change_email__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_settings_change_email__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_settings_change_email__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_settings_change_email__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_settings_change_email__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_change_email__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_change_email__new-scrollbar ::placeholder,
.main_ui_settings_change_email__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_settings_change_email__button-primary, .main_ui_settings_change_email__modal-danger-btn, .main_ui_settings_change_email__modal-accept-btn, .main_ui_settings_change_email__action-buttons button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_settings_change_email__button-primary:focus-visible, .main_ui_settings_change_email__modal-danger-btn:focus-visible, .main_ui_settings_change_email__modal-accept-btn:focus-visible, .main_ui_settings_change_email__action-buttons 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);
}
.main_ui_settings_change_email__button-primary:focus-visible svg, .main_ui_settings_change_email__modal-danger-btn:focus-visible svg, .main_ui_settings_change_email__modal-accept-btn:focus-visible svg, .main_ui_settings_change_email__action-buttons button:focus-visible svg,
.main_ui_settings_change_email__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_settings_change_email__button-primary svg, .main_ui_settings_change_email__modal-danger-btn svg, .main_ui_settings_change_email__modal-accept-btn svg, .main_ui_settings_change_email__action-buttons button svg,
.main_ui_settings_change_email__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_settings_change_email__button-primary:hover, .main_ui_settings_change_email__modal-danger-btn:hover, .main_ui_settings_change_email__modal-accept-btn:hover, .main_ui_settings_change_email__action-buttons 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;
}
.main_ui_settings_change_email__button-primary:hover svg, .main_ui_settings_change_email__modal-danger-btn:hover svg, .main_ui_settings_change_email__modal-accept-btn:hover svg, .main_ui_settings_change_email__action-buttons button:hover svg,
.main_ui_settings_change_email__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_settings_change_email__button-primary:active, .main_ui_settings_change_email__modal-danger-btn:active, .main_ui_settings_change_email__modal-accept-btn:active, .main_ui_settings_change_email__action-buttons 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;
}
.main_ui_settings_change_email__button-primary:active svg, .main_ui_settings_change_email__modal-danger-btn:active svg, .main_ui_settings_change_email__modal-accept-btn:active svg, .main_ui_settings_change_email__action-buttons button:active svg,
.main_ui_settings_change_email__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_settings_change_email__button-primary.disabled, .main_ui_settings_change_email__modal-danger-btn.disabled, .main_ui_settings_change_email__modal-accept-btn.disabled, .main_ui_settings_change_email__action-buttons button.disabled, .main_ui_settings_change_email__button-primary[disabled], [disabled].main_ui_settings_change_email__modal-danger-btn, [disabled].main_ui_settings_change_email__modal-accept-btn, .main_ui_settings_change_email__action-buttons button[disabled], .main_ui_settings_change_email__button-primary:disabled, .main_ui_settings_change_email__modal-danger-btn:disabled, .main_ui_settings_change_email__modal-accept-btn:disabled, .main_ui_settings_change_email__action-buttons 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;
}

.main_ui_settings_change_email__button-secondary, .main_ui_settings_change_email__modal-cancel-btn, .main_ui_settings_change_email__cancel-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_change_email__button-secondary:focus-visible, .main_ui_settings_change_email__modal-cancel-btn:focus-visible, .main_ui_settings_change_email__cancel-button:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_change_email__button-secondary:focus-visible svg, .main_ui_settings_change_email__modal-cancel-btn:focus-visible svg, .main_ui_settings_change_email__cancel-button:focus-visible svg,
.main_ui_settings_change_email__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_change_email__button-secondary svg, .main_ui_settings_change_email__modal-cancel-btn svg, .main_ui_settings_change_email__cancel-button svg,
.main_ui_settings_change_email__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_change_email__button-secondary:hover, .main_ui_settings_change_email__modal-cancel-btn:hover, .main_ui_settings_change_email__cancel-button: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;
}
.main_ui_settings_change_email__button-secondary:hover svg, .main_ui_settings_change_email__modal-cancel-btn:hover svg, .main_ui_settings_change_email__cancel-button:hover svg,
.main_ui_settings_change_email__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_settings_change_email__button-secondary:active, .main_ui_settings_change_email__modal-cancel-btn:active, .main_ui_settings_change_email__cancel-button: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);
}
.main_ui_settings_change_email__button-secondary:active svg, .main_ui_settings_change_email__modal-cancel-btn:active svg, .main_ui_settings_change_email__cancel-button:active svg,
.main_ui_settings_change_email__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_settings_change_email__button-secondary.disabled, .main_ui_settings_change_email__modal-cancel-btn.disabled, .main_ui_settings_change_email__cancel-button.disabled, .main_ui_settings_change_email__button-secondary[disabled], [disabled].main_ui_settings_change_email__modal-cancel-btn, [disabled].main_ui_settings_change_email__cancel-button, .main_ui_settings_change_email__button-secondary:disabled, .main_ui_settings_change_email__modal-cancel-btn:disabled, .main_ui_settings_change_email__cancel-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;
}

.main_ui_settings_change_email__button-tertiary, .main_ui_settings_change_email__attr-title button, .main_ui_settings_change_email__modal-close-btn-base, .main_ui_settings_change_email__modal-close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_settings_change_email__button-tertiary:focus-visible, .main_ui_settings_change_email__attr-title button:focus-visible, .main_ui_settings_change_email__modal-close-btn-base:focus-visible, .main_ui_settings_change_email__modal-close-btn: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);
}
.main_ui_settings_change_email__button-tertiary:focus-visible svg, .main_ui_settings_change_email__attr-title button:focus-visible svg, .main_ui_settings_change_email__modal-close-btn-base:focus-visible svg, .main_ui_settings_change_email__modal-close-btn:focus-visible svg,
.main_ui_settings_change_email__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_settings_change_email__button-tertiary svg, .main_ui_settings_change_email__attr-title button svg, .main_ui_settings_change_email__modal-close-btn-base svg, .main_ui_settings_change_email__modal-close-btn svg,
.main_ui_settings_change_email__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_settings_change_email__button-tertiary:hover, .main_ui_settings_change_email__attr-title button:hover, .main_ui_settings_change_email__modal-close-btn-base:hover, .main_ui_settings_change_email__modal-close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_settings_change_email__button-tertiary:hover svg, .main_ui_settings_change_email__attr-title button:hover svg, .main_ui_settings_change_email__modal-close-btn-base:hover svg, .main_ui_settings_change_email__modal-close-btn:hover svg,
.main_ui_settings_change_email__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_settings_change_email__button-tertiary:active, .main_ui_settings_change_email__attr-title button:active, .main_ui_settings_change_email__modal-close-btn-base:active, .main_ui_settings_change_email__modal-close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_change_email__button-tertiary:active svg, .main_ui_settings_change_email__attr-title button:active svg, .main_ui_settings_change_email__modal-close-btn-base:active svg, .main_ui_settings_change_email__modal-close-btn:active svg,
.main_ui_settings_change_email__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_change_email__button-tertiary.disabled, .main_ui_settings_change_email__attr-title button.disabled, .main_ui_settings_change_email__modal-close-btn-base.disabled, .main_ui_settings_change_email__modal-close-btn.disabled, .main_ui_settings_change_email__button-tertiary[disabled], .main_ui_settings_change_email__attr-title button[disabled], [disabled].main_ui_settings_change_email__modal-close-btn-base, [disabled].main_ui_settings_change_email__modal-close-btn, .main_ui_settings_change_email__button-tertiary:disabled, .main_ui_settings_change_email__attr-title button:disabled, .main_ui_settings_change_email__modal-close-btn-base:disabled, .main_ui_settings_change_email__modal-close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_settings_change_email__button-tertiary.disabled svg, .main_ui_settings_change_email__attr-title button.disabled svg, .main_ui_settings_change_email__modal-close-btn-base.disabled svg, .main_ui_settings_change_email__modal-close-btn.disabled svg,
.main_ui_settings_change_email__button-tertiary.disabled span svg, .main_ui_settings_change_email__button-tertiary[disabled] svg, .main_ui_settings_change_email__attr-title button[disabled] svg, [disabled].main_ui_settings_change_email__modal-close-btn-base svg, [disabled].main_ui_settings_change_email__modal-close-btn svg,
.main_ui_settings_change_email__button-tertiary[disabled] span svg, .main_ui_settings_change_email__button-tertiary:disabled svg, .main_ui_settings_change_email__attr-title button:disabled svg, .main_ui_settings_change_email__modal-close-btn-base:disabled svg, .main_ui_settings_change_email__modal-close-btn:disabled svg,
.main_ui_settings_change_email__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_settings_change_email__button-icon-selected {
  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);
}
.main_ui_settings_change_email__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_settings_change_email__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_settings_change_email__button-radio: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);
}
.main_ui_settings_change_email__button-radio:focus-visible svg,
.main_ui_settings_change_email__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_settings_change_email__button-radio svg,
.main_ui_settings_change_email__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_settings_change_email__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_settings_change_email__button-radio:hover svg,
.main_ui_settings_change_email__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_settings_change_email__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_settings_change_email__button-radio:active svg,
.main_ui_settings_change_email__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_settings_change_email__button-warning {
  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);
}

.main_ui_settings_change_email__button-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;
}

.main_ui_settings_change_email__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_settings_change_email__button-tag: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);
}
.main_ui_settings_change_email__button-tag:focus-visible svg,
.main_ui_settings_change_email__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_settings_change_email__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_settings_change_email__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_settings_change_email__button-icon, .main_ui_settings_change_email__empty-icon svg, .main_ui_settings_change_email__modal-close-btn-base svg, .main_ui_settings_change_email__modal-close-btn svg, .main_ui_settings_change_email__button-icon-small, .main_ui_settings_change_email__dropdown-element-base span svg, .main_ui_settings_change_email__attr-title button svg, .main_ui_settings_change_email__checkbox-icon.intermediate svg, .main_ui_settings_change_email__input-checkbox label span.intermediate svg, .main_ui_settings_change_email__checkbox-icon.checked svg, .main_ui_settings_change_email__input-checkbox label span.checked svg, .main_ui_settings_change_email__input-element span svg,
.main_ui_settings_change_email__input-element label svg, .main_ui_settings_change_email__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_settings_change_email__button-icon-small, .main_ui_settings_change_email__dropdown-element-base span svg, .main_ui_settings_change_email__attr-title button svg, .main_ui_settings_change_email__checkbox-icon.intermediate svg, .main_ui_settings_change_email__input-checkbox label span.intermediate svg, .main_ui_settings_change_email__checkbox-icon.checked svg, .main_ui_settings_change_email__input-checkbox label span.checked svg, .main_ui_settings_change_email__input-element span svg,
.main_ui_settings_change_email__input-element label svg, .main_ui_settings_change_email__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_settings_change_email__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_settings_change_email__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_settings_change_email__input-base, .main_ui_settings_change_email__input-with-label input, .main_ui_settings_change_email__input-element-label input, .main_ui_settings_change_email__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_change_email__input-base[disabled], .main_ui_settings_change_email__input-with-label input[disabled], .main_ui_settings_change_email__input-element-label input[disabled], .main_ui_settings_change_email__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_settings_change_email__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_settings_change_email__input-label, .main_ui_settings_change_email__input-element span,
.main_ui_settings_change_email__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_settings_change_email__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_settings_change_email__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_change_email__input-element span svg,
.main_ui_settings_change_email__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_settings_change_email__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_change_email__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_change_email__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_change_email__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_change_email__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_change_email__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_settings_change_email__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_change_email__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_change_email__input-element:focus, .main_ui_settings_change_email__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_change_email__input-element:focus span, .main_ui_settings_change_email__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_change_email__input-element:focus input, .main_ui_settings_change_email__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_change_email__input-element:focus:hover, .main_ui_settings_change_email__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_change_email__input-element:focus:hover span, .main_ui_settings_change_email__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_change_email__input-element:focus:hover input, .main_ui_settings_change_email__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_settings_change_email__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_settings_change_email__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_settings_change_email__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_change_email__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_change_email__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_change_email__input-element-label:focus-within input, .main_ui_settings_change_email__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_settings_change_email__disabled-input, .main_ui_settings_change_email__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_change_email__disabled-input input, .main_ui_settings_change_email__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_change_email__disabled-input span svg, .main_ui_settings_change_email__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_settings_change_email__checkbox-icon, .main_ui_settings_change_email__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_settings_change_email__checkbox-icon svg, .main_ui_settings_change_email__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_settings_change_email__checkbox-icon:hover, .main_ui_settings_change_email__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_change_email__checkbox-icon:focus, .main_ui_settings_change_email__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_settings_change_email__checkbox-icon.checked, .main_ui_settings_change_email__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_settings_change_email__checkbox-icon.checked svg, .main_ui_settings_change_email__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_settings_change_email__checkbox-icon.intermediate, .main_ui_settings_change_email__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_settings_change_email__checkbox-icon.intermediate svg, .main_ui_settings_change_email__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_settings_change_email__checkbox-icon.unchecked, .main_ui_settings_change_email__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_settings_change_email__checkbox-icon.unchecked svg, .main_ui_settings_change_email__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_settings_change_email__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_settings_change_email__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_settings_change_email__input-checkbox label input {
  margin: 0;
}
.main_ui_settings_change_email__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_change_email__input-checkbox label:focus span, .main_ui_settings_change_email__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_settings_change_email__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_settings_change_email__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_change_email__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_settings_change_email__input-with-label input:focus-within, .main_ui_settings_change_email__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_change_email__input-with-label input:focus-within input, .main_ui_settings_change_email__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_change_email__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_settings_change_email__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_settings_change_email__modal-overlay-base, .main_ui_settings_change_email__modal-overlay {
  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);
}

.main_ui_settings_change_email__modal-container-base, .main_ui_settings_change_email__modal-container {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_settings_change_email__modal-close-btn-base, .main_ui_settings_change_email__modal-close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_settings_change_email__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_settings_change_email__modal-action-btns, .main_ui_settings_change_email__action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_settings_change_email__modal-cancel-btn, .main_ui_settings_change_email__cancel-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_change_email__modal-accept-btn, .main_ui_settings_change_email__action-buttons button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_change_email__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_settings_change_email__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_settings_change_email__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_settings_change_email__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_settings_change_email__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_settings_change_email__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_settings_change_email__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_settings_change_email__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_settings_change_email__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_settings_change_email__colorpicker-handler {
  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;
}
.main_ui_settings_change_email__colorpicker-handler:hover, .main_ui_settings_change_email__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_settings_change_email__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_settings_change_email__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_settings_change_email__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_settings_change_email__attr-title button {
  display: none;
}
.main_ui_settings_change_email__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_change_email__attr-title:hover button {
  display: flex;
}

.main_ui_settings_change_email__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_settings_change_email__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_settings_change_email__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_change_email__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_settings_change_email__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_settings_change_email__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_settings_change_email__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_settings_change_email__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_settings_change_email__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_settings_change_email__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_settings_change_email__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_change_email__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_settings_change_email__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_settings_change_email__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_settings_change_email__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_settings_change_email__modal-container {
  min-width: 25.5rem;
}

.main_ui_settings_change_email__modal-header {
  margin-bottom: 1.5rem;
}

.main_ui_settings_change_email__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--modal-title-foreground-color);
}

.main_ui_settings_change_email__modal-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.main_ui_settings_change_email__fields-row {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_settings_change_email__select-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
}
@keyframes main_ui_settings_delete_account__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_settings_delete_account__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_settings_delete_account__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_settings_delete_account__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_settings_delete_account__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_settings_delete_account__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_settings_delete_account__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_settings_delete_account__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_settings_delete_account__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_delete_account__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_delete_account__new-scrollbar ::placeholder,
.main_ui_settings_delete_account__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_settings_delete_account__button-primary, .main_ui_settings_delete_account__modal-danger-btn, .main_ui_settings_delete_account__accept-button.main_ui_settings_delete_account__danger, .main_ui_settings_delete_account__modal-accept-btn, .main_ui_settings_delete_account__accept-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_settings_delete_account__button-primary:focus-visible, .main_ui_settings_delete_account__modal-danger-btn:focus-visible, .main_ui_settings_delete_account__modal-accept-btn:focus-visible, .main_ui_settings_delete_account__accept-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);
}
.main_ui_settings_delete_account__button-primary:focus-visible svg, .main_ui_settings_delete_account__modal-danger-btn:focus-visible svg, .main_ui_settings_delete_account__modal-accept-btn:focus-visible svg, .main_ui_settings_delete_account__accept-button:focus-visible svg,
.main_ui_settings_delete_account__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_settings_delete_account__button-primary svg, .main_ui_settings_delete_account__modal-danger-btn svg, .main_ui_settings_delete_account__accept-button.main_ui_settings_delete_account__danger svg, .main_ui_settings_delete_account__modal-accept-btn svg, .main_ui_settings_delete_account__accept-button svg,
.main_ui_settings_delete_account__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_settings_delete_account__button-primary:hover, .main_ui_settings_delete_account__modal-danger-btn:hover, .main_ui_settings_delete_account__modal-accept-btn:hover, .main_ui_settings_delete_account__accept-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;
}
.main_ui_settings_delete_account__button-primary:hover svg, .main_ui_settings_delete_account__modal-danger-btn:hover svg, .main_ui_settings_delete_account__modal-accept-btn:hover svg, .main_ui_settings_delete_account__accept-button:hover svg,
.main_ui_settings_delete_account__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_settings_delete_account__button-primary:active, .main_ui_settings_delete_account__modal-danger-btn:active, .main_ui_settings_delete_account__modal-accept-btn:active, .main_ui_settings_delete_account__accept-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;
}
.main_ui_settings_delete_account__button-primary:active svg, .main_ui_settings_delete_account__modal-danger-btn:active svg, .main_ui_settings_delete_account__modal-accept-btn:active svg, .main_ui_settings_delete_account__accept-button:active svg,
.main_ui_settings_delete_account__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_settings_delete_account__button-primary.disabled, .main_ui_settings_delete_account__modal-danger-btn.disabled, .main_ui_settings_delete_account__modal-accept-btn.disabled, .main_ui_settings_delete_account__accept-button.disabled, .main_ui_settings_delete_account__button-primary[disabled], [disabled].main_ui_settings_delete_account__modal-danger-btn, [disabled].main_ui_settings_delete_account__modal-accept-btn, [disabled].main_ui_settings_delete_account__accept-button, .main_ui_settings_delete_account__button-primary:disabled, .main_ui_settings_delete_account__modal-danger-btn:disabled, .main_ui_settings_delete_account__modal-accept-btn:disabled, .main_ui_settings_delete_account__accept-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;
}

.main_ui_settings_delete_account__button-secondary, .main_ui_settings_delete_account__modal-cancel-btn, .main_ui_settings_delete_account__cancel-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_delete_account__button-secondary:focus-visible, .main_ui_settings_delete_account__modal-cancel-btn:focus-visible, .main_ui_settings_delete_account__cancel-button:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_delete_account__button-secondary:focus-visible svg, .main_ui_settings_delete_account__modal-cancel-btn:focus-visible svg, .main_ui_settings_delete_account__cancel-button:focus-visible svg,
.main_ui_settings_delete_account__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_delete_account__button-secondary svg, .main_ui_settings_delete_account__modal-cancel-btn svg, .main_ui_settings_delete_account__cancel-button svg,
.main_ui_settings_delete_account__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_delete_account__button-secondary:hover, .main_ui_settings_delete_account__modal-cancel-btn:hover, .main_ui_settings_delete_account__cancel-button: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;
}
.main_ui_settings_delete_account__button-secondary:hover svg, .main_ui_settings_delete_account__modal-cancel-btn:hover svg, .main_ui_settings_delete_account__cancel-button:hover svg,
.main_ui_settings_delete_account__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_settings_delete_account__button-secondary:active, .main_ui_settings_delete_account__modal-cancel-btn:active, .main_ui_settings_delete_account__cancel-button: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);
}
.main_ui_settings_delete_account__button-secondary:active svg, .main_ui_settings_delete_account__modal-cancel-btn:active svg, .main_ui_settings_delete_account__cancel-button:active svg,
.main_ui_settings_delete_account__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_settings_delete_account__button-secondary.disabled, .main_ui_settings_delete_account__modal-cancel-btn.disabled, .main_ui_settings_delete_account__cancel-button.disabled, .main_ui_settings_delete_account__button-secondary[disabled], [disabled].main_ui_settings_delete_account__modal-cancel-btn, [disabled].main_ui_settings_delete_account__cancel-button, .main_ui_settings_delete_account__button-secondary:disabled, .main_ui_settings_delete_account__modal-cancel-btn:disabled, .main_ui_settings_delete_account__cancel-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;
}

.main_ui_settings_delete_account__button-tertiary, .main_ui_settings_delete_account__attr-title button, .main_ui_settings_delete_account__modal-close-btn-base, .main_ui_settings_delete_account__modal-close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_settings_delete_account__button-tertiary:focus-visible, .main_ui_settings_delete_account__attr-title button:focus-visible, .main_ui_settings_delete_account__modal-close-btn-base:focus-visible, .main_ui_settings_delete_account__modal-close-btn: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);
}
.main_ui_settings_delete_account__button-tertiary:focus-visible svg, .main_ui_settings_delete_account__attr-title button:focus-visible svg, .main_ui_settings_delete_account__modal-close-btn-base:focus-visible svg, .main_ui_settings_delete_account__modal-close-btn:focus-visible svg,
.main_ui_settings_delete_account__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_settings_delete_account__button-tertiary svg, .main_ui_settings_delete_account__attr-title button svg, .main_ui_settings_delete_account__modal-close-btn-base svg, .main_ui_settings_delete_account__modal-close-btn svg,
.main_ui_settings_delete_account__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_settings_delete_account__button-tertiary:hover, .main_ui_settings_delete_account__attr-title button:hover, .main_ui_settings_delete_account__modal-close-btn-base:hover, .main_ui_settings_delete_account__modal-close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_settings_delete_account__button-tertiary:hover svg, .main_ui_settings_delete_account__attr-title button:hover svg, .main_ui_settings_delete_account__modal-close-btn-base:hover svg, .main_ui_settings_delete_account__modal-close-btn:hover svg,
.main_ui_settings_delete_account__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_settings_delete_account__button-tertiary:active, .main_ui_settings_delete_account__attr-title button:active, .main_ui_settings_delete_account__modal-close-btn-base:active, .main_ui_settings_delete_account__modal-close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_delete_account__button-tertiary:active svg, .main_ui_settings_delete_account__attr-title button:active svg, .main_ui_settings_delete_account__modal-close-btn-base:active svg, .main_ui_settings_delete_account__modal-close-btn:active svg,
.main_ui_settings_delete_account__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_delete_account__button-tertiary.disabled, .main_ui_settings_delete_account__attr-title button.disabled, .main_ui_settings_delete_account__modal-close-btn-base.disabled, .main_ui_settings_delete_account__modal-close-btn.disabled, .main_ui_settings_delete_account__button-tertiary[disabled], .main_ui_settings_delete_account__attr-title button[disabled], [disabled].main_ui_settings_delete_account__modal-close-btn-base, [disabled].main_ui_settings_delete_account__modal-close-btn, .main_ui_settings_delete_account__button-tertiary:disabled, .main_ui_settings_delete_account__attr-title button:disabled, .main_ui_settings_delete_account__modal-close-btn-base:disabled, .main_ui_settings_delete_account__modal-close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_settings_delete_account__button-tertiary.disabled svg, .main_ui_settings_delete_account__attr-title button.disabled svg, .main_ui_settings_delete_account__modal-close-btn-base.disabled svg, .main_ui_settings_delete_account__modal-close-btn.disabled svg,
.main_ui_settings_delete_account__button-tertiary.disabled span svg, .main_ui_settings_delete_account__button-tertiary[disabled] svg, .main_ui_settings_delete_account__attr-title button[disabled] svg, [disabled].main_ui_settings_delete_account__modal-close-btn-base svg, [disabled].main_ui_settings_delete_account__modal-close-btn svg,
.main_ui_settings_delete_account__button-tertiary[disabled] span svg, .main_ui_settings_delete_account__button-tertiary:disabled svg, .main_ui_settings_delete_account__attr-title button:disabled svg, .main_ui_settings_delete_account__modal-close-btn-base:disabled svg, .main_ui_settings_delete_account__modal-close-btn:disabled svg,
.main_ui_settings_delete_account__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_settings_delete_account__button-icon-selected {
  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);
}
.main_ui_settings_delete_account__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_settings_delete_account__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_settings_delete_account__button-radio: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);
}
.main_ui_settings_delete_account__button-radio:focus-visible svg,
.main_ui_settings_delete_account__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_settings_delete_account__button-radio svg,
.main_ui_settings_delete_account__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_settings_delete_account__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_settings_delete_account__button-radio:hover svg,
.main_ui_settings_delete_account__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_settings_delete_account__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_settings_delete_account__button-radio:active svg,
.main_ui_settings_delete_account__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_settings_delete_account__button-warning {
  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);
}

.main_ui_settings_delete_account__button-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;
}

.main_ui_settings_delete_account__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_settings_delete_account__button-tag: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);
}
.main_ui_settings_delete_account__button-tag:focus-visible svg,
.main_ui_settings_delete_account__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_settings_delete_account__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_settings_delete_account__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_settings_delete_account__button-icon, .main_ui_settings_delete_account__empty-icon svg, .main_ui_settings_delete_account__modal-close-btn-base svg, .main_ui_settings_delete_account__modal-close-btn svg, .main_ui_settings_delete_account__button-icon-small, .main_ui_settings_delete_account__dropdown-element-base span svg, .main_ui_settings_delete_account__attr-title button svg, .main_ui_settings_delete_account__checkbox-icon.intermediate svg, .main_ui_settings_delete_account__input-checkbox label span.intermediate svg, .main_ui_settings_delete_account__checkbox-icon.checked svg, .main_ui_settings_delete_account__input-checkbox label span.checked svg, .main_ui_settings_delete_account__input-element span svg,
.main_ui_settings_delete_account__input-element label svg, .main_ui_settings_delete_account__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_settings_delete_account__button-icon-small, .main_ui_settings_delete_account__dropdown-element-base span svg, .main_ui_settings_delete_account__attr-title button svg, .main_ui_settings_delete_account__checkbox-icon.intermediate svg, .main_ui_settings_delete_account__input-checkbox label span.intermediate svg, .main_ui_settings_delete_account__checkbox-icon.checked svg, .main_ui_settings_delete_account__input-checkbox label span.checked svg, .main_ui_settings_delete_account__input-element span svg,
.main_ui_settings_delete_account__input-element label svg, .main_ui_settings_delete_account__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_settings_delete_account__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_settings_delete_account__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_settings_delete_account__input-base, .main_ui_settings_delete_account__input-with-label input, .main_ui_settings_delete_account__input-element-label input, .main_ui_settings_delete_account__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_delete_account__input-base[disabled], .main_ui_settings_delete_account__input-with-label input[disabled], .main_ui_settings_delete_account__input-element-label input[disabled], .main_ui_settings_delete_account__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_settings_delete_account__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_settings_delete_account__input-label, .main_ui_settings_delete_account__input-element span,
.main_ui_settings_delete_account__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_settings_delete_account__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_settings_delete_account__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_delete_account__input-element span svg,
.main_ui_settings_delete_account__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_settings_delete_account__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_delete_account__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_delete_account__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_delete_account__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_delete_account__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_delete_account__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_settings_delete_account__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_delete_account__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_delete_account__input-element:focus, .main_ui_settings_delete_account__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_delete_account__input-element:focus span, .main_ui_settings_delete_account__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_delete_account__input-element:focus input, .main_ui_settings_delete_account__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_delete_account__input-element:focus:hover, .main_ui_settings_delete_account__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_delete_account__input-element:focus:hover span, .main_ui_settings_delete_account__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_delete_account__input-element:focus:hover input, .main_ui_settings_delete_account__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_settings_delete_account__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_settings_delete_account__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_settings_delete_account__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_delete_account__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_delete_account__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_delete_account__input-element-label:focus-within input, .main_ui_settings_delete_account__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_settings_delete_account__disabled-input, .main_ui_settings_delete_account__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_delete_account__disabled-input input, .main_ui_settings_delete_account__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_delete_account__disabled-input span svg, .main_ui_settings_delete_account__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_settings_delete_account__checkbox-icon, .main_ui_settings_delete_account__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_settings_delete_account__checkbox-icon svg, .main_ui_settings_delete_account__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_settings_delete_account__checkbox-icon:hover, .main_ui_settings_delete_account__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_delete_account__checkbox-icon:focus, .main_ui_settings_delete_account__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_settings_delete_account__checkbox-icon.checked, .main_ui_settings_delete_account__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_settings_delete_account__checkbox-icon.checked svg, .main_ui_settings_delete_account__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_settings_delete_account__checkbox-icon.intermediate, .main_ui_settings_delete_account__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_settings_delete_account__checkbox-icon.intermediate svg, .main_ui_settings_delete_account__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_settings_delete_account__checkbox-icon.unchecked, .main_ui_settings_delete_account__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_settings_delete_account__checkbox-icon.unchecked svg, .main_ui_settings_delete_account__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_settings_delete_account__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_settings_delete_account__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_settings_delete_account__input-checkbox label input {
  margin: 0;
}
.main_ui_settings_delete_account__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_delete_account__input-checkbox label:focus span, .main_ui_settings_delete_account__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_settings_delete_account__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_settings_delete_account__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_delete_account__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_settings_delete_account__input-with-label input:focus-within, .main_ui_settings_delete_account__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_delete_account__input-with-label input:focus-within input, .main_ui_settings_delete_account__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_delete_account__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_settings_delete_account__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_settings_delete_account__modal-overlay-base, .main_ui_settings_delete_account__modal-overlay {
  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);
}

.main_ui_settings_delete_account__modal-container-base, .main_ui_settings_delete_account__modal-container {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_settings_delete_account__modal-close-btn-base, .main_ui_settings_delete_account__modal-close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_settings_delete_account__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_settings_delete_account__modal-action-btns, .main_ui_settings_delete_account__action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_settings_delete_account__modal-cancel-btn, .main_ui_settings_delete_account__cancel-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_delete_account__modal-accept-btn, .main_ui_settings_delete_account__accept-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_delete_account__modal-danger-btn, .main_ui_settings_delete_account__accept-button.main_ui_settings_delete_account__danger {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_settings_delete_account__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_settings_delete_account__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_settings_delete_account__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_settings_delete_account__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_settings_delete_account__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_settings_delete_account__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_settings_delete_account__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_settings_delete_account__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_settings_delete_account__colorpicker-handler {
  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;
}
.main_ui_settings_delete_account__colorpicker-handler:hover, .main_ui_settings_delete_account__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_settings_delete_account__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_settings_delete_account__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_settings_delete_account__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_settings_delete_account__attr-title button {
  display: none;
}
.main_ui_settings_delete_account__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_delete_account__attr-title:hover button {
  display: flex;
}

.main_ui_settings_delete_account__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_settings_delete_account__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_settings_delete_account__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_delete_account__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_settings_delete_account__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_settings_delete_account__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_settings_delete_account__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_settings_delete_account__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_settings_delete_account__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_settings_delete_account__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_settings_delete_account__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_delete_account__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_settings_delete_account__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_settings_delete_account__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_settings_delete_account__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_settings_delete_account__modal-container {
  min-width: 25.5rem;
}

.main_ui_settings_delete_account__modal-header {
  margin-bottom: 1.5rem;
}

.main_ui_settings_delete_account__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--modal-title-foreground-color);
}

.main_ui_settings_delete_account__modal-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.main_ui_settings_delete_account__fields-row {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_settings_delete_account__select-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
}
@keyframes main_ui_settings_feedback__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_settings_feedback__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_settings_feedback__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_settings_feedback__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_settings_feedback__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_settings_feedback__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_settings_feedback__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_settings_feedback__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_settings_feedback__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_feedback__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_feedback__new-scrollbar ::placeholder,
.main_ui_settings_feedback__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_settings_feedback__button-primary, .main_ui_settings_feedback__feedback-button-link, .main_ui_settings_feedback__btn-primary, .main_ui_settings_feedback__modal-danger-btn, .main_ui_settings_feedback__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_settings_feedback__button-primary:focus-visible, .main_ui_settings_feedback__feedback-button-link:focus-visible, .main_ui_settings_feedback__btn-primary:focus-visible, .main_ui_settings_feedback__modal-danger-btn:focus-visible, .main_ui_settings_feedback__modal-accept-btn: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);
}
.main_ui_settings_feedback__button-primary:focus-visible svg, .main_ui_settings_feedback__feedback-button-link:focus-visible svg, .main_ui_settings_feedback__btn-primary:focus-visible svg, .main_ui_settings_feedback__modal-danger-btn:focus-visible svg, .main_ui_settings_feedback__modal-accept-btn:focus-visible svg,
.main_ui_settings_feedback__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_settings_feedback__button-primary svg, .main_ui_settings_feedback__feedback-button-link svg, .main_ui_settings_feedback__btn-primary svg, .main_ui_settings_feedback__modal-danger-btn svg, .main_ui_settings_feedback__modal-accept-btn svg,
.main_ui_settings_feedback__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_settings_feedback__button-primary:hover, .main_ui_settings_feedback__feedback-button-link:hover, .main_ui_settings_feedback__btn-primary:hover, .main_ui_settings_feedback__modal-danger-btn:hover, .main_ui_settings_feedback__modal-accept-btn: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;
}
.main_ui_settings_feedback__button-primary:hover svg, .main_ui_settings_feedback__feedback-button-link:hover svg, .main_ui_settings_feedback__btn-primary:hover svg, .main_ui_settings_feedback__modal-danger-btn:hover svg, .main_ui_settings_feedback__modal-accept-btn:hover svg,
.main_ui_settings_feedback__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_settings_feedback__button-primary:active, .main_ui_settings_feedback__feedback-button-link:active, .main_ui_settings_feedback__btn-primary:active, .main_ui_settings_feedback__modal-danger-btn:active, .main_ui_settings_feedback__modal-accept-btn: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;
}
.main_ui_settings_feedback__button-primary:active svg, .main_ui_settings_feedback__feedback-button-link:active svg, .main_ui_settings_feedback__btn-primary:active svg, .main_ui_settings_feedback__modal-danger-btn:active svg, .main_ui_settings_feedback__modal-accept-btn:active svg,
.main_ui_settings_feedback__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_settings_feedback__button-primary.disabled, .main_ui_settings_feedback__feedback-button-link.disabled, .main_ui_settings_feedback__btn-primary.disabled, .main_ui_settings_feedback__modal-danger-btn.disabled, .main_ui_settings_feedback__modal-accept-btn.disabled, .main_ui_settings_feedback__button-primary[disabled], [disabled].main_ui_settings_feedback__feedback-button-link, [disabled].main_ui_settings_feedback__btn-primary, [disabled].main_ui_settings_feedback__modal-danger-btn, [disabled].main_ui_settings_feedback__modal-accept-btn, .main_ui_settings_feedback__button-primary:disabled, .main_ui_settings_feedback__feedback-button-link:disabled, .main_ui_settings_feedback__btn-primary:disabled, .main_ui_settings_feedback__modal-danger-btn:disabled, .main_ui_settings_feedback__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_settings_feedback__button-secondary, .main_ui_settings_feedback__btn-secondary, .main_ui_settings_feedback__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_feedback__button-secondary:focus-visible, .main_ui_settings_feedback__btn-secondary:focus-visible, .main_ui_settings_feedback__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_feedback__button-secondary:focus-visible svg, .main_ui_settings_feedback__btn-secondary:focus-visible svg, .main_ui_settings_feedback__modal-cancel-btn:focus-visible svg,
.main_ui_settings_feedback__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_feedback__button-secondary svg, .main_ui_settings_feedback__btn-secondary svg, .main_ui_settings_feedback__modal-cancel-btn svg,
.main_ui_settings_feedback__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_feedback__button-secondary:hover, .main_ui_settings_feedback__btn-secondary:hover, .main_ui_settings_feedback__modal-cancel-btn: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;
}
.main_ui_settings_feedback__button-secondary:hover svg, .main_ui_settings_feedback__btn-secondary:hover svg, .main_ui_settings_feedback__modal-cancel-btn:hover svg,
.main_ui_settings_feedback__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_settings_feedback__button-secondary:active, .main_ui_settings_feedback__btn-secondary:active, .main_ui_settings_feedback__modal-cancel-btn: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);
}
.main_ui_settings_feedback__button-secondary:active svg, .main_ui_settings_feedback__btn-secondary:active svg, .main_ui_settings_feedback__modal-cancel-btn:active svg,
.main_ui_settings_feedback__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_settings_feedback__button-secondary.disabled, .main_ui_settings_feedback__btn-secondary.disabled, .main_ui_settings_feedback__modal-cancel-btn.disabled, .main_ui_settings_feedback__button-secondary[disabled], [disabled].main_ui_settings_feedback__btn-secondary, [disabled].main_ui_settings_feedback__modal-cancel-btn, .main_ui_settings_feedback__button-secondary:disabled, .main_ui_settings_feedback__btn-secondary:disabled, .main_ui_settings_feedback__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_settings_feedback__button-tertiary, .main_ui_settings_feedback__attr-title button, .main_ui_settings_feedback__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_settings_feedback__button-tertiary:focus-visible, .main_ui_settings_feedback__attr-title button:focus-visible, .main_ui_settings_feedback__modal-close-btn-base: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);
}
.main_ui_settings_feedback__button-tertiary:focus-visible svg, .main_ui_settings_feedback__attr-title button:focus-visible svg, .main_ui_settings_feedback__modal-close-btn-base:focus-visible svg,
.main_ui_settings_feedback__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_settings_feedback__button-tertiary svg, .main_ui_settings_feedback__attr-title button svg, .main_ui_settings_feedback__modal-close-btn-base svg,
.main_ui_settings_feedback__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_settings_feedback__button-tertiary:hover, .main_ui_settings_feedback__attr-title button:hover, .main_ui_settings_feedback__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_settings_feedback__button-tertiary:hover svg, .main_ui_settings_feedback__attr-title button:hover svg, .main_ui_settings_feedback__modal-close-btn-base:hover svg,
.main_ui_settings_feedback__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_settings_feedback__button-tertiary:active, .main_ui_settings_feedback__attr-title button:active, .main_ui_settings_feedback__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_feedback__button-tertiary:active svg, .main_ui_settings_feedback__attr-title button:active svg, .main_ui_settings_feedback__modal-close-btn-base:active svg,
.main_ui_settings_feedback__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_feedback__button-tertiary.disabled, .main_ui_settings_feedback__attr-title button.disabled, .main_ui_settings_feedback__modal-close-btn-base.disabled, .main_ui_settings_feedback__button-tertiary[disabled], .main_ui_settings_feedback__attr-title button[disabled], [disabled].main_ui_settings_feedback__modal-close-btn-base, .main_ui_settings_feedback__button-tertiary:disabled, .main_ui_settings_feedback__attr-title button:disabled, .main_ui_settings_feedback__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_settings_feedback__button-tertiary.disabled svg, .main_ui_settings_feedback__attr-title button.disabled svg, .main_ui_settings_feedback__modal-close-btn-base.disabled svg,
.main_ui_settings_feedback__button-tertiary.disabled span svg, .main_ui_settings_feedback__button-tertiary[disabled] svg, .main_ui_settings_feedback__attr-title button[disabled] svg, [disabled].main_ui_settings_feedback__modal-close-btn-base svg,
.main_ui_settings_feedback__button-tertiary[disabled] span svg, .main_ui_settings_feedback__button-tertiary:disabled svg, .main_ui_settings_feedback__attr-title button:disabled svg, .main_ui_settings_feedback__modal-close-btn-base:disabled svg,
.main_ui_settings_feedback__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_settings_feedback__button-icon-selected {
  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);
}
.main_ui_settings_feedback__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_settings_feedback__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_settings_feedback__button-radio: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);
}
.main_ui_settings_feedback__button-radio:focus-visible svg,
.main_ui_settings_feedback__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_settings_feedback__button-radio svg,
.main_ui_settings_feedback__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_settings_feedback__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_settings_feedback__button-radio:hover svg,
.main_ui_settings_feedback__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_settings_feedback__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_settings_feedback__button-radio:active svg,
.main_ui_settings_feedback__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_settings_feedback__button-warning {
  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);
}

.main_ui_settings_feedback__button-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;
}

.main_ui_settings_feedback__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_settings_feedback__button-tag: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);
}
.main_ui_settings_feedback__button-tag:focus-visible svg,
.main_ui_settings_feedback__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_settings_feedback__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_settings_feedback__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_settings_feedback__button-icon, .main_ui_settings_feedback__empty-icon svg, .main_ui_settings_feedback__modal-close-btn-base svg, .main_ui_settings_feedback__button-icon-small, .main_ui_settings_feedback__dropdown-element-base span svg, .main_ui_settings_feedback__attr-title button svg, .main_ui_settings_feedback__checkbox-icon.intermediate svg, .main_ui_settings_feedback__input-checkbox label span.intermediate svg, .main_ui_settings_feedback__checkbox-icon.checked svg, .main_ui_settings_feedback__input-checkbox label span.checked svg, .main_ui_settings_feedback__input-element span svg,
.main_ui_settings_feedback__input-element label svg, .main_ui_settings_feedback__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_settings_feedback__button-icon-small, .main_ui_settings_feedback__dropdown-element-base span svg, .main_ui_settings_feedback__attr-title button svg, .main_ui_settings_feedback__checkbox-icon.intermediate svg, .main_ui_settings_feedback__input-checkbox label span.intermediate svg, .main_ui_settings_feedback__checkbox-icon.checked svg, .main_ui_settings_feedback__input-checkbox label span.checked svg, .main_ui_settings_feedback__input-element span svg,
.main_ui_settings_feedback__input-element label svg, .main_ui_settings_feedback__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_settings_feedback__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_settings_feedback__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_settings_feedback__input-base, .main_ui_settings_feedback__input-with-label input, .main_ui_settings_feedback__input-element-label input, .main_ui_settings_feedback__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_feedback__input-base[disabled], .main_ui_settings_feedback__input-with-label input[disabled], .main_ui_settings_feedback__input-element-label input[disabled], .main_ui_settings_feedback__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_settings_feedback__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_settings_feedback__input-label, .main_ui_settings_feedback__input-element span,
.main_ui_settings_feedback__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_settings_feedback__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_settings_feedback__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_feedback__input-element span svg,
.main_ui_settings_feedback__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_settings_feedback__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_feedback__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_feedback__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_feedback__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_feedback__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_feedback__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_settings_feedback__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_feedback__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_feedback__input-element:focus, .main_ui_settings_feedback__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_feedback__input-element:focus span, .main_ui_settings_feedback__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_feedback__input-element:focus input, .main_ui_settings_feedback__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_feedback__input-element:focus:hover, .main_ui_settings_feedback__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_feedback__input-element:focus:hover span, .main_ui_settings_feedback__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_feedback__input-element:focus:hover input, .main_ui_settings_feedback__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_settings_feedback__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_settings_feedback__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_settings_feedback__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_feedback__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_feedback__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_feedback__input-element-label:focus-within input, .main_ui_settings_feedback__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_settings_feedback__disabled-input, .main_ui_settings_feedback__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_feedback__disabled-input input, .main_ui_settings_feedback__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_feedback__disabled-input span svg, .main_ui_settings_feedback__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_settings_feedback__checkbox-icon, .main_ui_settings_feedback__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_settings_feedback__checkbox-icon svg, .main_ui_settings_feedback__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_settings_feedback__checkbox-icon:hover, .main_ui_settings_feedback__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_feedback__checkbox-icon:focus, .main_ui_settings_feedback__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_settings_feedback__checkbox-icon.checked, .main_ui_settings_feedback__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_settings_feedback__checkbox-icon.checked svg, .main_ui_settings_feedback__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_settings_feedback__checkbox-icon.intermediate, .main_ui_settings_feedback__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_settings_feedback__checkbox-icon.intermediate svg, .main_ui_settings_feedback__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_settings_feedback__checkbox-icon.unchecked, .main_ui_settings_feedback__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_settings_feedback__checkbox-icon.unchecked svg, .main_ui_settings_feedback__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_settings_feedback__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_settings_feedback__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_settings_feedback__input-checkbox label input {
  margin: 0;
}
.main_ui_settings_feedback__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_feedback__input-checkbox label:focus span, .main_ui_settings_feedback__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_settings_feedback__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_settings_feedback__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_feedback__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_settings_feedback__input-with-label input:focus-within, .main_ui_settings_feedback__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_feedback__input-with-label input:focus-within input, .main_ui_settings_feedback__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_feedback__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_settings_feedback__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_settings_feedback__modal-overlay-base {
  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);
}

.main_ui_settings_feedback__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_settings_feedback__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_settings_feedback__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_settings_feedback__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_settings_feedback__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_feedback__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_feedback__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_settings_feedback__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_settings_feedback__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_settings_feedback__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_settings_feedback__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_settings_feedback__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_settings_feedback__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_settings_feedback__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_settings_feedback__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_settings_feedback__colorpicker-handler {
  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;
}
.main_ui_settings_feedback__colorpicker-handler:hover, .main_ui_settings_feedback__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_settings_feedback__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_settings_feedback__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_settings_feedback__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_settings_feedback__attr-title button {
  display: none;
}
.main_ui_settings_feedback__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_feedback__attr-title:hover button {
  display: flex;
}

.main_ui_settings_feedback__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_settings_feedback__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_settings_feedback__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_feedback__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_settings_feedback__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_settings_feedback__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_settings_feedback__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_settings_feedback__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_settings_feedback__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_settings_feedback__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_settings_feedback__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_feedback__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_settings_feedback__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_settings_feedback__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_settings_feedback__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_settings_feedback__dashboard-settings {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.main_ui_settings_feedback__dashboard-settings a:not(.main_ui_settings_feedback__button-primary):not(.main_ui_settings_feedback__feedback-button-link):not(.main_ui_settings_feedback__btn-primary) {
  color: var(--color-foreground-secondary);
}

.main_ui_settings_feedback__form-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 31.25rem;
  margin-bottom: 2rem;
  width: 36.25rem;
  margin: 5rem auto 7.5rem auto;
  justify-content: center;
}
.main_ui_settings_feedback__form-container form {
  display: flex;
  flex-direction: column;
}
.main_ui_settings_feedback__form-container form .main_ui_settings_feedback__btn-secondary {
  width: 100%;
  font-size: 0.688rem;
  text-transform: uppercase;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
}
.main_ui_settings_feedback__form-container form .main_ui_settings_feedback__btn-secondary:hover {
  color: var(--color-accent-primary);
  background-color: var(--color-background-quaternary);
}
.main_ui_settings_feedback__form-container form hr {
  display: none;
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__fields-row {
  --input-height: 2.5rem;
  margin-bottom: 1.25rem;
  flex-direction: column;
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__fields-row .main_ui_settings_feedback__options {
  display: flex;
  justify-content: flex-end;
  font-size: 0.875rem;
  margin-top: 0.75rem;
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__field {
  margin-bottom: 1.25rem;
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__field-title {
  color: var(--color-foreground-primary);
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__field-title:not(:first-child) {
  margin-top: 4rem;
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__field-text {
  color: var(--color-foreground-secondary);
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select {
  flex-direction: column-reverse;
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input label,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select label {
  position: relative;
  text-transform: uppercase;
  color: var(--color-foreground-primary);
  font-size: 0.688rem;
  margin-bottom: 0.75rem;
  margin-left: -0.25rem;
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input input,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input select,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select input,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select select {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border-color: transparent;
  color: var(--color-foreground-primary);
  padding: 0 1rem;
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input input:focus,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input select:focus,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select input:focus,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select select:focus {
  outline: 1px solid var(--color-accent-primary);
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input input ::-moz-placeholder, .main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input select ::-moz-placeholder, .main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select input ::-moz-placeholder, .main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select select ::-moz-placeholder {
  color: var(--color-foreground-secondary);
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input input ::placeholder,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input select ::placeholder,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select input ::placeholder,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select select ::placeholder {
  color: var(--color-foreground-secondary);
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input .main_ui_settings_feedback__help-icon,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select .main_ui_settings_feedback__help-icon {
  bottom: 0.75rem;
  top: auto;
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input .main_ui_settings_feedback__help-icon svg,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select .main_ui_settings_feedback__help-icon svg {
  fill: var(--color-foreground-secondary);
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input.main_ui_settings_feedback__disabled input,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select.main_ui_settings_feedback__disabled input {
  background-color: var(--input-background-color-disabled);
  border-color: var(--color-background-quaternary);
  color: var(--color-foreground-secondary);
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input .main_ui_settings_feedback__input-container,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select .main_ui_settings_feedback__input-container {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border-color: transparent;
  margin-top: 1.5rem;
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input .main_ui_settings_feedback__input-container .main_ui_settings_feedback__main-content label,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select .main_ui_settings_feedback__input-container .main_ui_settings_feedback__main-content label {
  position: absolute;
  top: calc(-1 * 1.5rem);
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input .main_ui_settings_feedback__input-container .main_ui_settings_feedback__main-content span,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select .main_ui_settings_feedback__input-container .main_ui_settings_feedback__main-content span {
  color: var(--color-foreground-primary);
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input .main_ui_settings_feedback__input-container:focus,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select .main_ui_settings_feedback__input-container:focus {
  border: 1px solid var(--color-accent-primary);
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input textarea,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select textarea {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
  border: none;
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-input textarea:focus,
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__custom-select textarea:focus {
  outline: 1px solid var(--color-accent-primary);
}
.main_ui_settings_feedback__form-container.main_ui_settings_feedback__two-columns {
  max-width: 32.5rem;
  justify-content: space-between;
  flex-direction: row;
}
.main_ui_settings_feedback__form-container h1 {
  font-size: 2.25rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__subtitle {
  font-size: 1.5rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__notification-icon {
  justify-content: center;
  display: flex;
  margin-bottom: 3rem;
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__notification-icon svg {
  fill: var(--color-background-primary);
  height: 40%;
  width: 40%;
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__notification-text {
  font-size: 1rem;
  color: var(--color-background-primary);
  margin-bottom: 1.25rem;
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__notification-text-email {
  background: var(--color-foreground-primary);
  border-radius: 0.25rem;
  color: var(--color-background-primary);
  font-size: 1rem;
  font-weight: 500;
  margin: 1.5rem 0 2.5rem 0;
  padding: 1rem;
  text-align: center;
}
.main_ui_settings_feedback__form-container h2 {
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.main_ui_settings_feedback__form-container 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;
}
.main_ui_settings_feedback__form-container a:not(.main_ui_settings_feedback__button-primary):not(.main_ui_settings_feedback__feedback-button-link):not(.main_ui_settings_feedback__btn-primary):hover {
  text-decoration: underline;
}
.main_ui_settings_feedback__form-container p {
  color: var(--color-background-primary);
}
.main_ui_settings_feedback__form-container hr {
  border-color: var(--color-foreground-secondary);
}
.main_ui_settings_feedback__form-container .main_ui_settings_feedback__links {
  margin-top: 0.75rem;
}

form.main_ui_settings_feedback__avatar-form {
  display: flex;
  flex-direction: column;
  width: 9.25rem;
  height: 9.25rem;
  margin: 1rem 0;
}
form.main_ui_settings_feedback__avatar-form img {
  border-radius: 50%;
  flex-shrink: 0;
  height: 100%;
  margin-right: 1rem;
  width: 100%;
}

.main_ui_settings_feedback__image-change-field {
  position: relative;
  width: 100%;
  height: 100%;
}
.main_ui_settings_feedback__image-change-field .main_ui_settings_feedback__update-overlay {
  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;
}
.main_ui_settings_feedback__image-change-field input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  z-index: 30;
}
.main_ui_settings_feedback__image-change-field:hover .main_ui_settings_feedback__update-overlay {
  opacity: 0.8;
}

.main_ui_settings_feedback__profile-form {
  display: flex;
  flex-direction: column;
  max-width: 23rem;
  width: 100%;
}

.main_ui_settings_feedback__newsletter-subs {
  border-bottom: 1px solid var(--color-foreground-secondary);
  border-top: 1px solid var(--color-foreground-secondary);
  padding: 2rem 0;
  margin-bottom: 2rem;
}
.main_ui_settings_feedback__newsletter-subs .main_ui_settings_feedback__newsletter-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.main_ui_settings_feedback__newsletter-subs 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;
}
.main_ui_settings_feedback__newsletter-subs .main_ui_settings_feedback__info {
  color: var(--color-foreground-secondary);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.main_ui_settings_feedback__newsletter-subs .main_ui_settings_feedback__input-checkbox label {
  align-items: flex-start;
}

.main_ui_settings_feedback__btn-secondary {
  height: 2rem;
}

.main_ui_settings_feedback__btn-primary {
  height: 2rem;
}

.main_ui_settings_feedback__feedback-form textarea {
  border-radius: 0.5rem;
  padding: 0.75rem;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
  border: none;
}
.main_ui_settings_feedback__feedback-form textarea ::-moz-placeholder {
  color: var(--color-background-disabled);
}
.main_ui_settings_feedback__feedback-form textarea ::placeholder {
  color: var(--color-background-disabled);
}
.main_ui_settings_feedback__feedback-form textarea:focus {
  outline: 1px solid var(--color-accent-primary);
}
@keyframes main_ui_settings_notifications__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_settings_notifications__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_settings_notifications__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_settings_notifications__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_settings_notifications__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_settings_notifications__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_settings_notifications__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_settings_notifications__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_settings_notifications__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_notifications__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_notifications__new-scrollbar ::placeholder,
.main_ui_settings_notifications__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_settings_notifications__button-primary, .main_ui_settings_notifications__update-btn, .main_ui_settings_notifications__btn-primary, .main_ui_settings_notifications__modal-danger-btn, .main_ui_settings_notifications__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_settings_notifications__button-primary:focus-visible, .main_ui_settings_notifications__update-btn:focus-visible, .main_ui_settings_notifications__btn-primary:focus-visible, .main_ui_settings_notifications__modal-danger-btn:focus-visible, .main_ui_settings_notifications__modal-accept-btn: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);
}
.main_ui_settings_notifications__button-primary:focus-visible svg, .main_ui_settings_notifications__update-btn:focus-visible svg, .main_ui_settings_notifications__btn-primary:focus-visible svg, .main_ui_settings_notifications__modal-danger-btn:focus-visible svg, .main_ui_settings_notifications__modal-accept-btn:focus-visible svg,
.main_ui_settings_notifications__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_settings_notifications__button-primary svg, .main_ui_settings_notifications__update-btn svg, .main_ui_settings_notifications__btn-primary svg, .main_ui_settings_notifications__modal-danger-btn svg, .main_ui_settings_notifications__modal-accept-btn svg,
.main_ui_settings_notifications__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_settings_notifications__button-primary:hover, .main_ui_settings_notifications__update-btn:hover, .main_ui_settings_notifications__btn-primary:hover, .main_ui_settings_notifications__modal-danger-btn:hover, .main_ui_settings_notifications__modal-accept-btn: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;
}
.main_ui_settings_notifications__button-primary:hover svg, .main_ui_settings_notifications__update-btn:hover svg, .main_ui_settings_notifications__btn-primary:hover svg, .main_ui_settings_notifications__modal-danger-btn:hover svg, .main_ui_settings_notifications__modal-accept-btn:hover svg,
.main_ui_settings_notifications__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_settings_notifications__button-primary:active, .main_ui_settings_notifications__update-btn:active, .main_ui_settings_notifications__btn-primary:active, .main_ui_settings_notifications__modal-danger-btn:active, .main_ui_settings_notifications__modal-accept-btn: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;
}
.main_ui_settings_notifications__button-primary:active svg, .main_ui_settings_notifications__update-btn:active svg, .main_ui_settings_notifications__btn-primary:active svg, .main_ui_settings_notifications__modal-danger-btn:active svg, .main_ui_settings_notifications__modal-accept-btn:active svg,
.main_ui_settings_notifications__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_settings_notifications__button-primary.disabled, .main_ui_settings_notifications__update-btn.disabled, .main_ui_settings_notifications__btn-primary.disabled, .main_ui_settings_notifications__modal-danger-btn.disabled, .main_ui_settings_notifications__modal-accept-btn.disabled, .main_ui_settings_notifications__button-primary[disabled], [disabled].main_ui_settings_notifications__update-btn, [disabled].main_ui_settings_notifications__btn-primary, [disabled].main_ui_settings_notifications__modal-danger-btn, [disabled].main_ui_settings_notifications__modal-accept-btn, .main_ui_settings_notifications__button-primary:disabled, .main_ui_settings_notifications__update-btn:disabled, .main_ui_settings_notifications__btn-primary:disabled, .main_ui_settings_notifications__modal-danger-btn:disabled, .main_ui_settings_notifications__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_settings_notifications__button-secondary, .main_ui_settings_notifications__btn-secondary, .main_ui_settings_notifications__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_notifications__button-secondary:focus-visible, .main_ui_settings_notifications__btn-secondary:focus-visible, .main_ui_settings_notifications__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_notifications__button-secondary:focus-visible svg, .main_ui_settings_notifications__btn-secondary:focus-visible svg, .main_ui_settings_notifications__modal-cancel-btn:focus-visible svg,
.main_ui_settings_notifications__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_notifications__button-secondary svg, .main_ui_settings_notifications__btn-secondary svg, .main_ui_settings_notifications__modal-cancel-btn svg,
.main_ui_settings_notifications__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_notifications__button-secondary:hover, .main_ui_settings_notifications__btn-secondary:hover, .main_ui_settings_notifications__modal-cancel-btn: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;
}
.main_ui_settings_notifications__button-secondary:hover svg, .main_ui_settings_notifications__btn-secondary:hover svg, .main_ui_settings_notifications__modal-cancel-btn:hover svg,
.main_ui_settings_notifications__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_settings_notifications__button-secondary:active, .main_ui_settings_notifications__btn-secondary:active, .main_ui_settings_notifications__modal-cancel-btn: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);
}
.main_ui_settings_notifications__button-secondary:active svg, .main_ui_settings_notifications__btn-secondary:active svg, .main_ui_settings_notifications__modal-cancel-btn:active svg,
.main_ui_settings_notifications__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_settings_notifications__button-secondary.disabled, .main_ui_settings_notifications__btn-secondary.disabled, .main_ui_settings_notifications__modal-cancel-btn.disabled, .main_ui_settings_notifications__button-secondary[disabled], [disabled].main_ui_settings_notifications__btn-secondary, [disabled].main_ui_settings_notifications__modal-cancel-btn, .main_ui_settings_notifications__button-secondary:disabled, .main_ui_settings_notifications__btn-secondary:disabled, .main_ui_settings_notifications__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_settings_notifications__button-tertiary, .main_ui_settings_notifications__attr-title button, .main_ui_settings_notifications__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_settings_notifications__button-tertiary:focus-visible, .main_ui_settings_notifications__attr-title button:focus-visible, .main_ui_settings_notifications__modal-close-btn-base: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);
}
.main_ui_settings_notifications__button-tertiary:focus-visible svg, .main_ui_settings_notifications__attr-title button:focus-visible svg, .main_ui_settings_notifications__modal-close-btn-base:focus-visible svg,
.main_ui_settings_notifications__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_settings_notifications__button-tertiary svg, .main_ui_settings_notifications__attr-title button svg, .main_ui_settings_notifications__modal-close-btn-base svg,
.main_ui_settings_notifications__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_settings_notifications__button-tertiary:hover, .main_ui_settings_notifications__attr-title button:hover, .main_ui_settings_notifications__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_settings_notifications__button-tertiary:hover svg, .main_ui_settings_notifications__attr-title button:hover svg, .main_ui_settings_notifications__modal-close-btn-base:hover svg,
.main_ui_settings_notifications__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_settings_notifications__button-tertiary:active, .main_ui_settings_notifications__attr-title button:active, .main_ui_settings_notifications__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_notifications__button-tertiary:active svg, .main_ui_settings_notifications__attr-title button:active svg, .main_ui_settings_notifications__modal-close-btn-base:active svg,
.main_ui_settings_notifications__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_notifications__button-tertiary.disabled, .main_ui_settings_notifications__attr-title button.disabled, .main_ui_settings_notifications__modal-close-btn-base.disabled, .main_ui_settings_notifications__button-tertiary[disabled], .main_ui_settings_notifications__attr-title button[disabled], [disabled].main_ui_settings_notifications__modal-close-btn-base, .main_ui_settings_notifications__button-tertiary:disabled, .main_ui_settings_notifications__attr-title button:disabled, .main_ui_settings_notifications__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_settings_notifications__button-tertiary.disabled svg, .main_ui_settings_notifications__attr-title button.disabled svg, .main_ui_settings_notifications__modal-close-btn-base.disabled svg,
.main_ui_settings_notifications__button-tertiary.disabled span svg, .main_ui_settings_notifications__button-tertiary[disabled] svg, .main_ui_settings_notifications__attr-title button[disabled] svg, [disabled].main_ui_settings_notifications__modal-close-btn-base svg,
.main_ui_settings_notifications__button-tertiary[disabled] span svg, .main_ui_settings_notifications__button-tertiary:disabled svg, .main_ui_settings_notifications__attr-title button:disabled svg, .main_ui_settings_notifications__modal-close-btn-base:disabled svg,
.main_ui_settings_notifications__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_settings_notifications__button-icon-selected {
  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);
}
.main_ui_settings_notifications__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_settings_notifications__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_settings_notifications__button-radio: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);
}
.main_ui_settings_notifications__button-radio:focus-visible svg,
.main_ui_settings_notifications__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_settings_notifications__button-radio svg,
.main_ui_settings_notifications__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_settings_notifications__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_settings_notifications__button-radio:hover svg,
.main_ui_settings_notifications__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_settings_notifications__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_settings_notifications__button-radio:active svg,
.main_ui_settings_notifications__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_settings_notifications__button-warning {
  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);
}

.main_ui_settings_notifications__button-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;
}

.main_ui_settings_notifications__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_settings_notifications__button-tag: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);
}
.main_ui_settings_notifications__button-tag:focus-visible svg,
.main_ui_settings_notifications__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_settings_notifications__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_settings_notifications__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_settings_notifications__button-icon, .main_ui_settings_notifications__empty-icon svg, .main_ui_settings_notifications__modal-close-btn-base svg, .main_ui_settings_notifications__button-icon-small, .main_ui_settings_notifications__dropdown-element-base span svg, .main_ui_settings_notifications__attr-title button svg, .main_ui_settings_notifications__checkbox-icon.intermediate svg, .main_ui_settings_notifications__input-checkbox label span.intermediate svg, .main_ui_settings_notifications__checkbox-icon.checked svg, .main_ui_settings_notifications__input-checkbox label span.checked svg, .main_ui_settings_notifications__input-element span svg,
.main_ui_settings_notifications__input-element label svg, .main_ui_settings_notifications__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_settings_notifications__button-icon-small, .main_ui_settings_notifications__dropdown-element-base span svg, .main_ui_settings_notifications__attr-title button svg, .main_ui_settings_notifications__checkbox-icon.intermediate svg, .main_ui_settings_notifications__input-checkbox label span.intermediate svg, .main_ui_settings_notifications__checkbox-icon.checked svg, .main_ui_settings_notifications__input-checkbox label span.checked svg, .main_ui_settings_notifications__input-element span svg,
.main_ui_settings_notifications__input-element label svg, .main_ui_settings_notifications__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_settings_notifications__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_settings_notifications__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_settings_notifications__input-base, .main_ui_settings_notifications__input-with-label input, .main_ui_settings_notifications__input-element-label input, .main_ui_settings_notifications__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_notifications__input-base[disabled], .main_ui_settings_notifications__input-with-label input[disabled], .main_ui_settings_notifications__input-element-label input[disabled], .main_ui_settings_notifications__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_settings_notifications__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_settings_notifications__input-label, .main_ui_settings_notifications__input-element span,
.main_ui_settings_notifications__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_settings_notifications__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_settings_notifications__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_notifications__input-element span svg,
.main_ui_settings_notifications__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_settings_notifications__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_notifications__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_notifications__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_notifications__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_notifications__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_notifications__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_settings_notifications__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_notifications__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_notifications__input-element:focus, .main_ui_settings_notifications__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_notifications__input-element:focus span, .main_ui_settings_notifications__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_notifications__input-element:focus input, .main_ui_settings_notifications__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_notifications__input-element:focus:hover, .main_ui_settings_notifications__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_notifications__input-element:focus:hover span, .main_ui_settings_notifications__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_notifications__input-element:focus:hover input, .main_ui_settings_notifications__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_settings_notifications__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_settings_notifications__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_settings_notifications__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_notifications__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_notifications__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_notifications__input-element-label:focus-within input, .main_ui_settings_notifications__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_settings_notifications__disabled-input, .main_ui_settings_notifications__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_notifications__disabled-input input, .main_ui_settings_notifications__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_notifications__disabled-input span svg, .main_ui_settings_notifications__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_settings_notifications__checkbox-icon, .main_ui_settings_notifications__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_settings_notifications__checkbox-icon svg, .main_ui_settings_notifications__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_settings_notifications__checkbox-icon:hover, .main_ui_settings_notifications__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_notifications__checkbox-icon:focus, .main_ui_settings_notifications__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_settings_notifications__checkbox-icon.checked, .main_ui_settings_notifications__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_settings_notifications__checkbox-icon.checked svg, .main_ui_settings_notifications__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_settings_notifications__checkbox-icon.intermediate, .main_ui_settings_notifications__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_settings_notifications__checkbox-icon.intermediate svg, .main_ui_settings_notifications__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_settings_notifications__checkbox-icon.unchecked, .main_ui_settings_notifications__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_settings_notifications__checkbox-icon.unchecked svg, .main_ui_settings_notifications__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_settings_notifications__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_settings_notifications__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_settings_notifications__input-checkbox label input {
  margin: 0;
}
.main_ui_settings_notifications__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_notifications__input-checkbox label:focus span, .main_ui_settings_notifications__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_settings_notifications__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_settings_notifications__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_notifications__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_settings_notifications__input-with-label input:focus-within, .main_ui_settings_notifications__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_notifications__input-with-label input:focus-within input, .main_ui_settings_notifications__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_notifications__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_settings_notifications__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_settings_notifications__modal-overlay-base {
  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);
}

.main_ui_settings_notifications__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_settings_notifications__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_settings_notifications__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_settings_notifications__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_settings_notifications__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_notifications__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_notifications__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_settings_notifications__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_settings_notifications__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_settings_notifications__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_settings_notifications__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_settings_notifications__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_settings_notifications__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_settings_notifications__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_settings_notifications__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_settings_notifications__colorpicker-handler {
  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;
}
.main_ui_settings_notifications__colorpicker-handler:hover, .main_ui_settings_notifications__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_settings_notifications__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_settings_notifications__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_settings_notifications__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_settings_notifications__attr-title button {
  display: none;
}
.main_ui_settings_notifications__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_notifications__attr-title:hover button {
  display: flex;
}

.main_ui_settings_notifications__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_settings_notifications__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_settings_notifications__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_notifications__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_settings_notifications__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_settings_notifications__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_settings_notifications__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_settings_notifications__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_settings_notifications__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_settings_notifications__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_settings_notifications__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_notifications__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_settings_notifications__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_settings_notifications__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_settings_notifications__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_settings_notifications__dashboard-settings {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.main_ui_settings_notifications__dashboard-settings a:not(.main_ui_settings_notifications__button-primary):not(.main_ui_settings_notifications__update-btn):not(.main_ui_settings_notifications__btn-primary) {
  color: var(--color-foreground-secondary);
}

.main_ui_settings_notifications__form-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 31.25rem;
  margin-bottom: 2rem;
  width: 36.25rem;
  margin: 5rem auto 7.5rem auto;
  justify-content: center;
}
.main_ui_settings_notifications__form-container form {
  display: flex;
  flex-direction: column;
}
.main_ui_settings_notifications__form-container form .main_ui_settings_notifications__btn-secondary {
  width: 100%;
  font-size: 0.688rem;
  text-transform: uppercase;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
}
.main_ui_settings_notifications__form-container form .main_ui_settings_notifications__btn-secondary:hover {
  color: var(--color-accent-primary);
  background-color: var(--color-background-quaternary);
}
.main_ui_settings_notifications__form-container form hr {
  display: none;
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__fields-row {
  --input-height: 2.5rem;
  margin-bottom: 1.25rem;
  flex-direction: column;
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__fields-row .main_ui_settings_notifications__options {
  display: flex;
  justify-content: flex-end;
  font-size: 0.875rem;
  margin-top: 0.75rem;
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__field {
  margin-bottom: 1.25rem;
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__field-title {
  color: var(--color-foreground-primary);
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__field-title:not(:first-child) {
  margin-top: 4rem;
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__field-text {
  color: var(--color-foreground-secondary);
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select {
  flex-direction: column-reverse;
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input label,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select label {
  position: relative;
  text-transform: uppercase;
  color: var(--color-foreground-primary);
  font-size: 0.688rem;
  margin-bottom: 0.75rem;
  margin-left: -0.25rem;
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input input,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input select,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select input,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select select {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border-color: transparent;
  color: var(--color-foreground-primary);
  padding: 0 1rem;
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input input:focus,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input select:focus,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select input:focus,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select select:focus {
  outline: 1px solid var(--color-accent-primary);
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input input ::-moz-placeholder, .main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input select ::-moz-placeholder, .main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select input ::-moz-placeholder, .main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select select ::-moz-placeholder {
  color: var(--color-foreground-secondary);
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input input ::placeholder,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input select ::placeholder,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select input ::placeholder,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select select ::placeholder {
  color: var(--color-foreground-secondary);
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input .main_ui_settings_notifications__help-icon,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select .main_ui_settings_notifications__help-icon {
  bottom: 0.75rem;
  top: auto;
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input .main_ui_settings_notifications__help-icon svg,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select .main_ui_settings_notifications__help-icon svg {
  fill: var(--color-foreground-secondary);
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input.main_ui_settings_notifications__disabled input,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select.main_ui_settings_notifications__disabled input {
  background-color: var(--input-background-color-disabled);
  border-color: var(--color-background-quaternary);
  color: var(--color-foreground-secondary);
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input .main_ui_settings_notifications__input-container,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select .main_ui_settings_notifications__input-container {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border-color: transparent;
  margin-top: 1.5rem;
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input .main_ui_settings_notifications__input-container .main_ui_settings_notifications__main-content label,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select .main_ui_settings_notifications__input-container .main_ui_settings_notifications__main-content label {
  position: absolute;
  top: calc(-1 * 1.5rem);
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input .main_ui_settings_notifications__input-container .main_ui_settings_notifications__main-content span,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select .main_ui_settings_notifications__input-container .main_ui_settings_notifications__main-content span {
  color: var(--color-foreground-primary);
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input .main_ui_settings_notifications__input-container:focus,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select .main_ui_settings_notifications__input-container:focus {
  border: 1px solid var(--color-accent-primary);
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input textarea,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select textarea {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
  border: none;
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-input textarea:focus,
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__custom-select textarea:focus {
  outline: 1px solid var(--color-accent-primary);
}
.main_ui_settings_notifications__form-container.main_ui_settings_notifications__two-columns {
  max-width: 32.5rem;
  justify-content: space-between;
  flex-direction: row;
}
.main_ui_settings_notifications__form-container h1 {
  font-size: 2.25rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__subtitle {
  font-size: 1.5rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__notification-icon {
  justify-content: center;
  display: flex;
  margin-bottom: 3rem;
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__notification-icon svg {
  fill: var(--color-background-primary);
  height: 40%;
  width: 40%;
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__notification-text {
  font-size: 1rem;
  color: var(--color-background-primary);
  margin-bottom: 1.25rem;
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__notification-text-email {
  background: var(--color-foreground-primary);
  border-radius: 0.25rem;
  color: var(--color-background-primary);
  font-size: 1rem;
  font-weight: 500;
  margin: 1.5rem 0 2.5rem 0;
  padding: 1rem;
  text-align: center;
}
.main_ui_settings_notifications__form-container h2 {
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.main_ui_settings_notifications__form-container 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;
}
.main_ui_settings_notifications__form-container a:not(.main_ui_settings_notifications__button-primary):not(.main_ui_settings_notifications__update-btn):not(.main_ui_settings_notifications__btn-primary):hover {
  text-decoration: underline;
}
.main_ui_settings_notifications__form-container p {
  color: var(--color-background-primary);
}
.main_ui_settings_notifications__form-container hr {
  border-color: var(--color-foreground-secondary);
}
.main_ui_settings_notifications__form-container .main_ui_settings_notifications__links {
  margin-top: 0.75rem;
}

form.main_ui_settings_notifications__avatar-form {
  display: flex;
  flex-direction: column;
  width: 9.25rem;
  height: 9.25rem;
  margin: 1rem 0;
}
form.main_ui_settings_notifications__avatar-form img {
  border-radius: 50%;
  flex-shrink: 0;
  height: 100%;
  margin-right: 1rem;
  width: 100%;
}

.main_ui_settings_notifications__image-change-field {
  position: relative;
  width: 100%;
  height: 100%;
}
.main_ui_settings_notifications__image-change-field .main_ui_settings_notifications__update-overlay {
  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;
}
.main_ui_settings_notifications__image-change-field input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  z-index: 30;
}
.main_ui_settings_notifications__image-change-field:hover .main_ui_settings_notifications__update-overlay {
  opacity: 0.8;
}

.main_ui_settings_notifications__profile-form {
  display: flex;
  flex-direction: column;
  max-width: 23rem;
  width: 100%;
}

.main_ui_settings_notifications__newsletter-subs {
  border-bottom: 1px solid var(--color-foreground-secondary);
  border-top: 1px solid var(--color-foreground-secondary);
  padding: 2rem 0;
  margin-bottom: 2rem;
}
.main_ui_settings_notifications__newsletter-subs .main_ui_settings_notifications__newsletter-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.main_ui_settings_notifications__newsletter-subs 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;
}
.main_ui_settings_notifications__newsletter-subs .main_ui_settings_notifications__info {
  color: var(--color-foreground-secondary);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.main_ui_settings_notifications__newsletter-subs .main_ui_settings_notifications__input-checkbox label {
  align-items: flex-start;
}

.main_ui_settings_notifications__btn-secondary {
  height: 2rem;
}

.main_ui_settings_notifications__btn-primary {
  height: 2rem;
}

.main_ui_settings_notifications__update-btn {
  margin-top: 1rem;
  height: 2.25rem;
}

.main_ui_settings_notifications__notifications-form {
  width: 25rem;
}

.main_ui_settings_notifications__notifications-page {
  display: flex;
  justify-content: center;
}

.main_ui_settings_notifications__radio-btns {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.main_ui_settings_notifications__form-container h3 {
  color: var(--color-foreground-secondary);
}
.main_ui_settings_notifications__form-container h4 {
  font-size: 0.688rem;
  color: var(--color-foreground-primary);
  text-transform: uppercase;
  margin: 0.75rem;
}
@keyframes main_ui_settings_options__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_settings_options__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_settings_options__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_settings_options__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_settings_options__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_settings_options__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_settings_options__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_settings_options__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_settings_options__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_options__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_options__new-scrollbar ::placeholder,
.main_ui_settings_options__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_settings_options__button-primary, .main_ui_settings_options__btn-primary, .main_ui_settings_options__modal-danger-btn, .main_ui_settings_options__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_settings_options__button-primary:focus-visible, .main_ui_settings_options__btn-primary:focus-visible, .main_ui_settings_options__modal-danger-btn:focus-visible, .main_ui_settings_options__modal-accept-btn: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);
}
.main_ui_settings_options__button-primary:focus-visible svg, .main_ui_settings_options__btn-primary:focus-visible svg, .main_ui_settings_options__modal-danger-btn:focus-visible svg, .main_ui_settings_options__modal-accept-btn:focus-visible svg,
.main_ui_settings_options__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_settings_options__button-primary svg, .main_ui_settings_options__btn-primary svg, .main_ui_settings_options__modal-danger-btn svg, .main_ui_settings_options__modal-accept-btn svg,
.main_ui_settings_options__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_settings_options__button-primary:hover, .main_ui_settings_options__btn-primary:hover, .main_ui_settings_options__modal-danger-btn:hover, .main_ui_settings_options__modal-accept-btn: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;
}
.main_ui_settings_options__button-primary:hover svg, .main_ui_settings_options__btn-primary:hover svg, .main_ui_settings_options__modal-danger-btn:hover svg, .main_ui_settings_options__modal-accept-btn:hover svg,
.main_ui_settings_options__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_settings_options__button-primary:active, .main_ui_settings_options__btn-primary:active, .main_ui_settings_options__modal-danger-btn:active, .main_ui_settings_options__modal-accept-btn: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;
}
.main_ui_settings_options__button-primary:active svg, .main_ui_settings_options__btn-primary:active svg, .main_ui_settings_options__modal-danger-btn:active svg, .main_ui_settings_options__modal-accept-btn:active svg,
.main_ui_settings_options__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_settings_options__button-primary.disabled, .main_ui_settings_options__btn-primary.disabled, .main_ui_settings_options__modal-danger-btn.disabled, .main_ui_settings_options__modal-accept-btn.disabled, .main_ui_settings_options__button-primary[disabled], [disabled].main_ui_settings_options__btn-primary, [disabled].main_ui_settings_options__modal-danger-btn, [disabled].main_ui_settings_options__modal-accept-btn, .main_ui_settings_options__button-primary:disabled, .main_ui_settings_options__btn-primary:disabled, .main_ui_settings_options__modal-danger-btn:disabled, .main_ui_settings_options__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_settings_options__button-secondary, .main_ui_settings_options__btn-secondary, .main_ui_settings_options__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_options__button-secondary:focus-visible, .main_ui_settings_options__btn-secondary:focus-visible, .main_ui_settings_options__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_options__button-secondary:focus-visible svg, .main_ui_settings_options__btn-secondary:focus-visible svg, .main_ui_settings_options__modal-cancel-btn:focus-visible svg,
.main_ui_settings_options__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_options__button-secondary svg, .main_ui_settings_options__btn-secondary svg, .main_ui_settings_options__modal-cancel-btn svg,
.main_ui_settings_options__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_options__button-secondary:hover, .main_ui_settings_options__btn-secondary:hover, .main_ui_settings_options__modal-cancel-btn: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;
}
.main_ui_settings_options__button-secondary:hover svg, .main_ui_settings_options__btn-secondary:hover svg, .main_ui_settings_options__modal-cancel-btn:hover svg,
.main_ui_settings_options__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_settings_options__button-secondary:active, .main_ui_settings_options__btn-secondary:active, .main_ui_settings_options__modal-cancel-btn: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);
}
.main_ui_settings_options__button-secondary:active svg, .main_ui_settings_options__btn-secondary:active svg, .main_ui_settings_options__modal-cancel-btn:active svg,
.main_ui_settings_options__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_settings_options__button-secondary.disabled, .main_ui_settings_options__btn-secondary.disabled, .main_ui_settings_options__modal-cancel-btn.disabled, .main_ui_settings_options__button-secondary[disabled], [disabled].main_ui_settings_options__btn-secondary, [disabled].main_ui_settings_options__modal-cancel-btn, .main_ui_settings_options__button-secondary:disabled, .main_ui_settings_options__btn-secondary:disabled, .main_ui_settings_options__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_settings_options__button-tertiary, .main_ui_settings_options__attr-title button, .main_ui_settings_options__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_settings_options__button-tertiary:focus-visible, .main_ui_settings_options__attr-title button:focus-visible, .main_ui_settings_options__modal-close-btn-base: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);
}
.main_ui_settings_options__button-tertiary:focus-visible svg, .main_ui_settings_options__attr-title button:focus-visible svg, .main_ui_settings_options__modal-close-btn-base:focus-visible svg,
.main_ui_settings_options__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_settings_options__button-tertiary svg, .main_ui_settings_options__attr-title button svg, .main_ui_settings_options__modal-close-btn-base svg,
.main_ui_settings_options__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_settings_options__button-tertiary:hover, .main_ui_settings_options__attr-title button:hover, .main_ui_settings_options__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_settings_options__button-tertiary:hover svg, .main_ui_settings_options__attr-title button:hover svg, .main_ui_settings_options__modal-close-btn-base:hover svg,
.main_ui_settings_options__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_settings_options__button-tertiary:active, .main_ui_settings_options__attr-title button:active, .main_ui_settings_options__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_options__button-tertiary:active svg, .main_ui_settings_options__attr-title button:active svg, .main_ui_settings_options__modal-close-btn-base:active svg,
.main_ui_settings_options__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_options__button-tertiary.disabled, .main_ui_settings_options__attr-title button.disabled, .main_ui_settings_options__modal-close-btn-base.disabled, .main_ui_settings_options__button-tertiary[disabled], .main_ui_settings_options__attr-title button[disabled], [disabled].main_ui_settings_options__modal-close-btn-base, .main_ui_settings_options__button-tertiary:disabled, .main_ui_settings_options__attr-title button:disabled, .main_ui_settings_options__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_settings_options__button-tertiary.disabled svg, .main_ui_settings_options__attr-title button.disabled svg, .main_ui_settings_options__modal-close-btn-base.disabled svg,
.main_ui_settings_options__button-tertiary.disabled span svg, .main_ui_settings_options__button-tertiary[disabled] svg, .main_ui_settings_options__attr-title button[disabled] svg, [disabled].main_ui_settings_options__modal-close-btn-base svg,
.main_ui_settings_options__button-tertiary[disabled] span svg, .main_ui_settings_options__button-tertiary:disabled svg, .main_ui_settings_options__attr-title button:disabled svg, .main_ui_settings_options__modal-close-btn-base:disabled svg,
.main_ui_settings_options__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_settings_options__button-icon-selected {
  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);
}
.main_ui_settings_options__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_settings_options__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_settings_options__button-radio: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);
}
.main_ui_settings_options__button-radio:focus-visible svg,
.main_ui_settings_options__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_settings_options__button-radio svg,
.main_ui_settings_options__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_settings_options__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_settings_options__button-radio:hover svg,
.main_ui_settings_options__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_settings_options__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_settings_options__button-radio:active svg,
.main_ui_settings_options__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_settings_options__button-warning {
  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);
}

.main_ui_settings_options__button-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;
}

.main_ui_settings_options__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_settings_options__button-tag: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);
}
.main_ui_settings_options__button-tag:focus-visible svg,
.main_ui_settings_options__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_settings_options__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_settings_options__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_settings_options__button-icon, .main_ui_settings_options__empty-icon svg, .main_ui_settings_options__modal-close-btn-base svg, .main_ui_settings_options__button-icon-small, .main_ui_settings_options__dropdown-element-base span svg, .main_ui_settings_options__attr-title button svg, .main_ui_settings_options__checkbox-icon.intermediate svg, .main_ui_settings_options__input-checkbox label span.intermediate svg, .main_ui_settings_options__checkbox-icon.checked svg, .main_ui_settings_options__input-checkbox label span.checked svg, .main_ui_settings_options__input-element span svg,
.main_ui_settings_options__input-element label svg, .main_ui_settings_options__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_settings_options__button-icon-small, .main_ui_settings_options__dropdown-element-base span svg, .main_ui_settings_options__attr-title button svg, .main_ui_settings_options__checkbox-icon.intermediate svg, .main_ui_settings_options__input-checkbox label span.intermediate svg, .main_ui_settings_options__checkbox-icon.checked svg, .main_ui_settings_options__input-checkbox label span.checked svg, .main_ui_settings_options__input-element span svg,
.main_ui_settings_options__input-element label svg, .main_ui_settings_options__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_settings_options__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_settings_options__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_settings_options__input-base, .main_ui_settings_options__input-with-label input, .main_ui_settings_options__input-element-label input, .main_ui_settings_options__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_options__input-base[disabled], .main_ui_settings_options__input-with-label input[disabled], .main_ui_settings_options__input-element-label input[disabled], .main_ui_settings_options__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_settings_options__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_settings_options__input-label, .main_ui_settings_options__input-element span,
.main_ui_settings_options__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_settings_options__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_settings_options__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_options__input-element span svg,
.main_ui_settings_options__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_settings_options__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_options__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_options__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_options__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_options__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_options__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_settings_options__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_options__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_options__input-element:focus, .main_ui_settings_options__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_options__input-element:focus span, .main_ui_settings_options__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_options__input-element:focus input, .main_ui_settings_options__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_options__input-element:focus:hover, .main_ui_settings_options__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_options__input-element:focus:hover span, .main_ui_settings_options__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_options__input-element:focus:hover input, .main_ui_settings_options__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_settings_options__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_settings_options__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_settings_options__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_options__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_options__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_options__input-element-label:focus-within input, .main_ui_settings_options__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_settings_options__disabled-input, .main_ui_settings_options__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_options__disabled-input input, .main_ui_settings_options__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_options__disabled-input span svg, .main_ui_settings_options__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_settings_options__checkbox-icon, .main_ui_settings_options__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_settings_options__checkbox-icon svg, .main_ui_settings_options__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_settings_options__checkbox-icon:hover, .main_ui_settings_options__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_options__checkbox-icon:focus, .main_ui_settings_options__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_settings_options__checkbox-icon.checked, .main_ui_settings_options__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_settings_options__checkbox-icon.checked svg, .main_ui_settings_options__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_settings_options__checkbox-icon.intermediate, .main_ui_settings_options__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_settings_options__checkbox-icon.intermediate svg, .main_ui_settings_options__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_settings_options__checkbox-icon.unchecked, .main_ui_settings_options__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_settings_options__checkbox-icon.unchecked svg, .main_ui_settings_options__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_settings_options__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_settings_options__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_settings_options__input-checkbox label input {
  margin: 0;
}
.main_ui_settings_options__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_options__input-checkbox label:focus span, .main_ui_settings_options__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_settings_options__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_settings_options__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_options__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_settings_options__input-with-label input:focus-within, .main_ui_settings_options__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_options__input-with-label input:focus-within input, .main_ui_settings_options__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_options__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_settings_options__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_settings_options__modal-overlay-base {
  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);
}

.main_ui_settings_options__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_settings_options__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_settings_options__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_settings_options__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_settings_options__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_options__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_options__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_settings_options__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_settings_options__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_settings_options__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_settings_options__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_settings_options__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_settings_options__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_settings_options__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_settings_options__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_settings_options__colorpicker-handler {
  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;
}
.main_ui_settings_options__colorpicker-handler:hover, .main_ui_settings_options__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_settings_options__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_settings_options__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_settings_options__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_settings_options__attr-title button {
  display: none;
}
.main_ui_settings_options__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_options__attr-title:hover button {
  display: flex;
}

.main_ui_settings_options__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_settings_options__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_settings_options__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_options__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_settings_options__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_settings_options__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_settings_options__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_settings_options__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_settings_options__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_settings_options__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_settings_options__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_options__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_settings_options__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_settings_options__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_settings_options__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_settings_options__dashboard-settings {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.main_ui_settings_options__dashboard-settings a:not(.main_ui_settings_options__button-primary):not(.main_ui_settings_options__btn-primary) {
  color: var(--color-foreground-secondary);
}

.main_ui_settings_options__form-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 31.25rem;
  margin-bottom: 2rem;
  width: 36.25rem;
  margin: 5rem auto 7.5rem auto;
  justify-content: center;
}
.main_ui_settings_options__form-container form {
  display: flex;
  flex-direction: column;
}
.main_ui_settings_options__form-container form .main_ui_settings_options__btn-secondary {
  width: 100%;
  font-size: 0.688rem;
  text-transform: uppercase;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
}
.main_ui_settings_options__form-container form .main_ui_settings_options__btn-secondary:hover {
  color: var(--color-accent-primary);
  background-color: var(--color-background-quaternary);
}
.main_ui_settings_options__form-container form hr {
  display: none;
}
.main_ui_settings_options__form-container .main_ui_settings_options__fields-row {
  --input-height: 2.5rem;
  margin-bottom: 1.25rem;
  flex-direction: column;
}
.main_ui_settings_options__form-container .main_ui_settings_options__fields-row .main_ui_settings_options__options {
  display: flex;
  justify-content: flex-end;
  font-size: 0.875rem;
  margin-top: 0.75rem;
}
.main_ui_settings_options__form-container .main_ui_settings_options__field {
  margin-bottom: 1.25rem;
}
.main_ui_settings_options__form-container .main_ui_settings_options__field-title {
  color: var(--color-foreground-primary);
}
.main_ui_settings_options__form-container .main_ui_settings_options__field-title:not(:first-child) {
  margin-top: 4rem;
}
.main_ui_settings_options__form-container .main_ui_settings_options__field-text {
  color: var(--color-foreground-secondary);
}
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select {
  flex-direction: column-reverse;
}
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input label,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select label {
  position: relative;
  text-transform: uppercase;
  color: var(--color-foreground-primary);
  font-size: 0.688rem;
  margin-bottom: 0.75rem;
  margin-left: -0.25rem;
}
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input input,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input select,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select input,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select select {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border-color: transparent;
  color: var(--color-foreground-primary);
  padding: 0 1rem;
}
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input input:focus,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input select:focus,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select input:focus,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select select:focus {
  outline: 1px solid var(--color-accent-primary);
}
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input input ::-moz-placeholder, .main_ui_settings_options__form-container .main_ui_settings_options__custom-input select ::-moz-placeholder, .main_ui_settings_options__form-container .main_ui_settings_options__custom-select input ::-moz-placeholder, .main_ui_settings_options__form-container .main_ui_settings_options__custom-select select ::-moz-placeholder {
  color: var(--color-foreground-secondary);
}
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input input ::placeholder,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input select ::placeholder,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select input ::placeholder,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select select ::placeholder {
  color: var(--color-foreground-secondary);
}
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input .main_ui_settings_options__help-icon,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select .main_ui_settings_options__help-icon {
  bottom: 0.75rem;
  top: auto;
}
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input .main_ui_settings_options__help-icon svg,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select .main_ui_settings_options__help-icon svg {
  fill: var(--color-foreground-secondary);
}
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input.main_ui_settings_options__disabled input,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select.main_ui_settings_options__disabled input {
  background-color: var(--input-background-color-disabled);
  border-color: var(--color-background-quaternary);
  color: var(--color-foreground-secondary);
}
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input .main_ui_settings_options__input-container,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select .main_ui_settings_options__input-container {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border-color: transparent;
  margin-top: 1.5rem;
}
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input .main_ui_settings_options__input-container .main_ui_settings_options__main-content label,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select .main_ui_settings_options__input-container .main_ui_settings_options__main-content label {
  position: absolute;
  top: calc(-1 * 1.5rem);
}
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input .main_ui_settings_options__input-container .main_ui_settings_options__main-content span,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select .main_ui_settings_options__input-container .main_ui_settings_options__main-content span {
  color: var(--color-foreground-primary);
}
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input .main_ui_settings_options__input-container:focus,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select .main_ui_settings_options__input-container:focus {
  border: 1px solid var(--color-accent-primary);
}
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input textarea,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select textarea {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
  border: none;
}
.main_ui_settings_options__form-container .main_ui_settings_options__custom-input textarea:focus,
.main_ui_settings_options__form-container .main_ui_settings_options__custom-select textarea:focus {
  outline: 1px solid var(--color-accent-primary);
}
.main_ui_settings_options__form-container.main_ui_settings_options__two-columns {
  max-width: 32.5rem;
  justify-content: space-between;
  flex-direction: row;
}
.main_ui_settings_options__form-container h1 {
  font-size: 2.25rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.main_ui_settings_options__form-container .main_ui_settings_options__subtitle {
  font-size: 1.5rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.main_ui_settings_options__form-container .main_ui_settings_options__notification-icon {
  justify-content: center;
  display: flex;
  margin-bottom: 3rem;
}
.main_ui_settings_options__form-container .main_ui_settings_options__notification-icon svg {
  fill: var(--color-background-primary);
  height: 40%;
  width: 40%;
}
.main_ui_settings_options__form-container .main_ui_settings_options__notification-text {
  font-size: 1rem;
  color: var(--color-background-primary);
  margin-bottom: 1.25rem;
}
.main_ui_settings_options__form-container .main_ui_settings_options__notification-text-email {
  background: var(--color-foreground-primary);
  border-radius: 0.25rem;
  color: var(--color-background-primary);
  font-size: 1rem;
  font-weight: 500;
  margin: 1.5rem 0 2.5rem 0;
  padding: 1rem;
  text-align: center;
}
.main_ui_settings_options__form-container h2 {
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.main_ui_settings_options__form-container 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;
}
.main_ui_settings_options__form-container a:not(.main_ui_settings_options__button-primary):not(.main_ui_settings_options__btn-primary):hover {
  text-decoration: underline;
}
.main_ui_settings_options__form-container p {
  color: var(--color-background-primary);
}
.main_ui_settings_options__form-container hr {
  border-color: var(--color-foreground-secondary);
}
.main_ui_settings_options__form-container .main_ui_settings_options__links {
  margin-top: 0.75rem;
}

form.main_ui_settings_options__avatar-form {
  display: flex;
  flex-direction: column;
  width: 9.25rem;
  height: 9.25rem;
  margin: 1rem 0;
}
form.main_ui_settings_options__avatar-form img {
  border-radius: 50%;
  flex-shrink: 0;
  height: 100%;
  margin-right: 1rem;
  width: 100%;
}

.main_ui_settings_options__image-change-field {
  position: relative;
  width: 100%;
  height: 100%;
}
.main_ui_settings_options__image-change-field .main_ui_settings_options__update-overlay {
  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;
}
.main_ui_settings_options__image-change-field input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  z-index: 30;
}
.main_ui_settings_options__image-change-field:hover .main_ui_settings_options__update-overlay {
  opacity: 0.8;
}

.main_ui_settings_options__profile-form {
  display: flex;
  flex-direction: column;
  max-width: 23rem;
  width: 100%;
}

.main_ui_settings_options__newsletter-subs {
  border-bottom: 1px solid var(--color-foreground-secondary);
  border-top: 1px solid var(--color-foreground-secondary);
  padding: 2rem 0;
  margin-bottom: 2rem;
}
.main_ui_settings_options__newsletter-subs .main_ui_settings_options__newsletter-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.main_ui_settings_options__newsletter-subs 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;
}
.main_ui_settings_options__newsletter-subs .main_ui_settings_options__info {
  color: var(--color-foreground-secondary);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.main_ui_settings_options__newsletter-subs .main_ui_settings_options__input-checkbox label {
  align-items: flex-start;
}

.main_ui_settings_options__btn-secondary {
  height: 2rem;
}

.main_ui_settings_options__btn-primary {
  height: 2rem;
}
@keyframes main_ui_settings_password__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_settings_password__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_settings_password__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_settings_password__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_settings_password__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_settings_password__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_settings_password__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_settings_password__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_settings_password__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_password__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_password__new-scrollbar ::placeholder,
.main_ui_settings_password__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_settings_password__button-primary, .main_ui_settings_password__update-btn, .main_ui_settings_password__btn-primary, .main_ui_settings_password__modal-danger-btn, .main_ui_settings_password__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_settings_password__button-primary:focus-visible, .main_ui_settings_password__update-btn:focus-visible, .main_ui_settings_password__btn-primary:focus-visible, .main_ui_settings_password__modal-danger-btn:focus-visible, .main_ui_settings_password__modal-accept-btn: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);
}
.main_ui_settings_password__button-primary:focus-visible svg, .main_ui_settings_password__update-btn:focus-visible svg, .main_ui_settings_password__btn-primary:focus-visible svg, .main_ui_settings_password__modal-danger-btn:focus-visible svg, .main_ui_settings_password__modal-accept-btn:focus-visible svg,
.main_ui_settings_password__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_settings_password__button-primary svg, .main_ui_settings_password__update-btn svg, .main_ui_settings_password__btn-primary svg, .main_ui_settings_password__modal-danger-btn svg, .main_ui_settings_password__modal-accept-btn svg,
.main_ui_settings_password__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_settings_password__button-primary:hover, .main_ui_settings_password__update-btn:hover, .main_ui_settings_password__btn-primary:hover, .main_ui_settings_password__modal-danger-btn:hover, .main_ui_settings_password__modal-accept-btn: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;
}
.main_ui_settings_password__button-primary:hover svg, .main_ui_settings_password__update-btn:hover svg, .main_ui_settings_password__btn-primary:hover svg, .main_ui_settings_password__modal-danger-btn:hover svg, .main_ui_settings_password__modal-accept-btn:hover svg,
.main_ui_settings_password__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_settings_password__button-primary:active, .main_ui_settings_password__update-btn:active, .main_ui_settings_password__btn-primary:active, .main_ui_settings_password__modal-danger-btn:active, .main_ui_settings_password__modal-accept-btn: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;
}
.main_ui_settings_password__button-primary:active svg, .main_ui_settings_password__update-btn:active svg, .main_ui_settings_password__btn-primary:active svg, .main_ui_settings_password__modal-danger-btn:active svg, .main_ui_settings_password__modal-accept-btn:active svg,
.main_ui_settings_password__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_settings_password__button-primary.disabled, .main_ui_settings_password__update-btn.disabled, .main_ui_settings_password__btn-primary.disabled, .main_ui_settings_password__modal-danger-btn.disabled, .main_ui_settings_password__modal-accept-btn.disabled, .main_ui_settings_password__button-primary[disabled], [disabled].main_ui_settings_password__update-btn, [disabled].main_ui_settings_password__btn-primary, [disabled].main_ui_settings_password__modal-danger-btn, [disabled].main_ui_settings_password__modal-accept-btn, .main_ui_settings_password__button-primary:disabled, .main_ui_settings_password__update-btn:disabled, .main_ui_settings_password__btn-primary:disabled, .main_ui_settings_password__modal-danger-btn:disabled, .main_ui_settings_password__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_settings_password__button-secondary, .main_ui_settings_password__btn-secondary, .main_ui_settings_password__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_password__button-secondary:focus-visible, .main_ui_settings_password__btn-secondary:focus-visible, .main_ui_settings_password__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_password__button-secondary:focus-visible svg, .main_ui_settings_password__btn-secondary:focus-visible svg, .main_ui_settings_password__modal-cancel-btn:focus-visible svg,
.main_ui_settings_password__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_password__button-secondary svg, .main_ui_settings_password__btn-secondary svg, .main_ui_settings_password__modal-cancel-btn svg,
.main_ui_settings_password__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_password__button-secondary:hover, .main_ui_settings_password__btn-secondary:hover, .main_ui_settings_password__modal-cancel-btn: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;
}
.main_ui_settings_password__button-secondary:hover svg, .main_ui_settings_password__btn-secondary:hover svg, .main_ui_settings_password__modal-cancel-btn:hover svg,
.main_ui_settings_password__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_settings_password__button-secondary:active, .main_ui_settings_password__btn-secondary:active, .main_ui_settings_password__modal-cancel-btn: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);
}
.main_ui_settings_password__button-secondary:active svg, .main_ui_settings_password__btn-secondary:active svg, .main_ui_settings_password__modal-cancel-btn:active svg,
.main_ui_settings_password__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_settings_password__button-secondary.disabled, .main_ui_settings_password__btn-secondary.disabled, .main_ui_settings_password__modal-cancel-btn.disabled, .main_ui_settings_password__button-secondary[disabled], [disabled].main_ui_settings_password__btn-secondary, [disabled].main_ui_settings_password__modal-cancel-btn, .main_ui_settings_password__button-secondary:disabled, .main_ui_settings_password__btn-secondary:disabled, .main_ui_settings_password__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_settings_password__button-tertiary, .main_ui_settings_password__attr-title button, .main_ui_settings_password__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_settings_password__button-tertiary:focus-visible, .main_ui_settings_password__attr-title button:focus-visible, .main_ui_settings_password__modal-close-btn-base: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);
}
.main_ui_settings_password__button-tertiary:focus-visible svg, .main_ui_settings_password__attr-title button:focus-visible svg, .main_ui_settings_password__modal-close-btn-base:focus-visible svg,
.main_ui_settings_password__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_settings_password__button-tertiary svg, .main_ui_settings_password__attr-title button svg, .main_ui_settings_password__modal-close-btn-base svg,
.main_ui_settings_password__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_settings_password__button-tertiary:hover, .main_ui_settings_password__attr-title button:hover, .main_ui_settings_password__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_settings_password__button-tertiary:hover svg, .main_ui_settings_password__attr-title button:hover svg, .main_ui_settings_password__modal-close-btn-base:hover svg,
.main_ui_settings_password__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_settings_password__button-tertiary:active, .main_ui_settings_password__attr-title button:active, .main_ui_settings_password__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_password__button-tertiary:active svg, .main_ui_settings_password__attr-title button:active svg, .main_ui_settings_password__modal-close-btn-base:active svg,
.main_ui_settings_password__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_password__button-tertiary.disabled, .main_ui_settings_password__attr-title button.disabled, .main_ui_settings_password__modal-close-btn-base.disabled, .main_ui_settings_password__button-tertiary[disabled], .main_ui_settings_password__attr-title button[disabled], [disabled].main_ui_settings_password__modal-close-btn-base, .main_ui_settings_password__button-tertiary:disabled, .main_ui_settings_password__attr-title button:disabled, .main_ui_settings_password__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_settings_password__button-tertiary.disabled svg, .main_ui_settings_password__attr-title button.disabled svg, .main_ui_settings_password__modal-close-btn-base.disabled svg,
.main_ui_settings_password__button-tertiary.disabled span svg, .main_ui_settings_password__button-tertiary[disabled] svg, .main_ui_settings_password__attr-title button[disabled] svg, [disabled].main_ui_settings_password__modal-close-btn-base svg,
.main_ui_settings_password__button-tertiary[disabled] span svg, .main_ui_settings_password__button-tertiary:disabled svg, .main_ui_settings_password__attr-title button:disabled svg, .main_ui_settings_password__modal-close-btn-base:disabled svg,
.main_ui_settings_password__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_settings_password__button-icon-selected {
  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);
}
.main_ui_settings_password__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_settings_password__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_settings_password__button-radio: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);
}
.main_ui_settings_password__button-radio:focus-visible svg,
.main_ui_settings_password__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_settings_password__button-radio svg,
.main_ui_settings_password__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_settings_password__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_settings_password__button-radio:hover svg,
.main_ui_settings_password__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_settings_password__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_settings_password__button-radio:active svg,
.main_ui_settings_password__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_settings_password__button-warning {
  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);
}

.main_ui_settings_password__button-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;
}

.main_ui_settings_password__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_settings_password__button-tag: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);
}
.main_ui_settings_password__button-tag:focus-visible svg,
.main_ui_settings_password__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_settings_password__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_settings_password__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_settings_password__button-icon, .main_ui_settings_password__empty-icon svg, .main_ui_settings_password__modal-close-btn-base svg, .main_ui_settings_password__button-icon-small, .main_ui_settings_password__dropdown-element-base span svg, .main_ui_settings_password__attr-title button svg, .main_ui_settings_password__checkbox-icon.intermediate svg, .main_ui_settings_password__input-checkbox label span.intermediate svg, .main_ui_settings_password__checkbox-icon.checked svg, .main_ui_settings_password__input-checkbox label span.checked svg, .main_ui_settings_password__input-element span svg,
.main_ui_settings_password__input-element label svg, .main_ui_settings_password__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_settings_password__button-icon-small, .main_ui_settings_password__dropdown-element-base span svg, .main_ui_settings_password__attr-title button svg, .main_ui_settings_password__checkbox-icon.intermediate svg, .main_ui_settings_password__input-checkbox label span.intermediate svg, .main_ui_settings_password__checkbox-icon.checked svg, .main_ui_settings_password__input-checkbox label span.checked svg, .main_ui_settings_password__input-element span svg,
.main_ui_settings_password__input-element label svg, .main_ui_settings_password__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_settings_password__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_settings_password__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_settings_password__input-base, .main_ui_settings_password__input-with-label input, .main_ui_settings_password__input-element-label input, .main_ui_settings_password__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_password__input-base[disabled], .main_ui_settings_password__input-with-label input[disabled], .main_ui_settings_password__input-element-label input[disabled], .main_ui_settings_password__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_settings_password__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_settings_password__input-label, .main_ui_settings_password__input-element span,
.main_ui_settings_password__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_settings_password__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_settings_password__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_password__input-element span svg,
.main_ui_settings_password__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_settings_password__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_password__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_password__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_password__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_password__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_password__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_settings_password__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_password__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_password__input-element:focus, .main_ui_settings_password__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_password__input-element:focus span, .main_ui_settings_password__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_password__input-element:focus input, .main_ui_settings_password__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_password__input-element:focus:hover, .main_ui_settings_password__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_password__input-element:focus:hover span, .main_ui_settings_password__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_password__input-element:focus:hover input, .main_ui_settings_password__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_settings_password__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_settings_password__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_settings_password__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_password__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_password__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_password__input-element-label:focus-within input, .main_ui_settings_password__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_settings_password__disabled-input, .main_ui_settings_password__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_password__disabled-input input, .main_ui_settings_password__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_password__disabled-input span svg, .main_ui_settings_password__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_settings_password__checkbox-icon, .main_ui_settings_password__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_settings_password__checkbox-icon svg, .main_ui_settings_password__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_settings_password__checkbox-icon:hover, .main_ui_settings_password__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_password__checkbox-icon:focus, .main_ui_settings_password__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_settings_password__checkbox-icon.checked, .main_ui_settings_password__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_settings_password__checkbox-icon.checked svg, .main_ui_settings_password__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_settings_password__checkbox-icon.intermediate, .main_ui_settings_password__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_settings_password__checkbox-icon.intermediate svg, .main_ui_settings_password__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_settings_password__checkbox-icon.unchecked, .main_ui_settings_password__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_settings_password__checkbox-icon.unchecked svg, .main_ui_settings_password__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_settings_password__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_settings_password__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_settings_password__input-checkbox label input {
  margin: 0;
}
.main_ui_settings_password__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_password__input-checkbox label:focus span, .main_ui_settings_password__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_settings_password__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_settings_password__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_password__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_settings_password__input-with-label input:focus-within, .main_ui_settings_password__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_password__input-with-label input:focus-within input, .main_ui_settings_password__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_password__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_settings_password__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_settings_password__modal-overlay-base {
  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);
}

.main_ui_settings_password__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_settings_password__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_settings_password__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_settings_password__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_settings_password__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_password__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_password__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_settings_password__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_settings_password__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_settings_password__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_settings_password__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_settings_password__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_settings_password__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_settings_password__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_settings_password__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_settings_password__colorpicker-handler {
  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;
}
.main_ui_settings_password__colorpicker-handler:hover, .main_ui_settings_password__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_settings_password__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_settings_password__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_settings_password__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_settings_password__attr-title button {
  display: none;
}
.main_ui_settings_password__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_password__attr-title:hover button {
  display: flex;
}

.main_ui_settings_password__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_settings_password__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_settings_password__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_password__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_settings_password__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_settings_password__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_settings_password__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_settings_password__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_settings_password__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_settings_password__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_settings_password__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_password__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_settings_password__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_settings_password__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_settings_password__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_settings_password__dashboard-settings {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.main_ui_settings_password__dashboard-settings a:not(.main_ui_settings_password__button-primary):not(.main_ui_settings_password__update-btn):not(.main_ui_settings_password__btn-primary) {
  color: var(--color-foreground-secondary);
}

.main_ui_settings_password__form-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 31.25rem;
  margin-bottom: 2rem;
  width: 36.25rem;
  margin: 5rem auto 7.5rem auto;
  justify-content: center;
}
.main_ui_settings_password__form-container form {
  display: flex;
  flex-direction: column;
}
.main_ui_settings_password__form-container form .main_ui_settings_password__btn-secondary {
  width: 100%;
  font-size: 0.688rem;
  text-transform: uppercase;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
}
.main_ui_settings_password__form-container form .main_ui_settings_password__btn-secondary:hover {
  color: var(--color-accent-primary);
  background-color: var(--color-background-quaternary);
}
.main_ui_settings_password__form-container form hr {
  display: none;
}
.main_ui_settings_password__form-container .main_ui_settings_password__fields-row {
  --input-height: 2.5rem;
  margin-bottom: 1.25rem;
  flex-direction: column;
}
.main_ui_settings_password__form-container .main_ui_settings_password__fields-row .main_ui_settings_password__options {
  display: flex;
  justify-content: flex-end;
  font-size: 0.875rem;
  margin-top: 0.75rem;
}
.main_ui_settings_password__form-container .main_ui_settings_password__field {
  margin-bottom: 1.25rem;
}
.main_ui_settings_password__form-container .main_ui_settings_password__field-title {
  color: var(--color-foreground-primary);
}
.main_ui_settings_password__form-container .main_ui_settings_password__field-title:not(:first-child) {
  margin-top: 4rem;
}
.main_ui_settings_password__form-container .main_ui_settings_password__field-text {
  color: var(--color-foreground-secondary);
}
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select {
  flex-direction: column-reverse;
}
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input label,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select label {
  position: relative;
  text-transform: uppercase;
  color: var(--color-foreground-primary);
  font-size: 0.688rem;
  margin-bottom: 0.75rem;
  margin-left: -0.25rem;
}
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input input,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input select,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select input,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select select {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border-color: transparent;
  color: var(--color-foreground-primary);
  padding: 0 1rem;
}
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input input:focus,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input select:focus,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select input:focus,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select select:focus {
  outline: 1px solid var(--color-accent-primary);
}
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input input ::-moz-placeholder, .main_ui_settings_password__form-container .main_ui_settings_password__custom-input select ::-moz-placeholder, .main_ui_settings_password__form-container .main_ui_settings_password__custom-select input ::-moz-placeholder, .main_ui_settings_password__form-container .main_ui_settings_password__custom-select select ::-moz-placeholder {
  color: var(--color-foreground-secondary);
}
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input input ::placeholder,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input select ::placeholder,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select input ::placeholder,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select select ::placeholder {
  color: var(--color-foreground-secondary);
}
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input .main_ui_settings_password__help-icon,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select .main_ui_settings_password__help-icon {
  bottom: 0.75rem;
  top: auto;
}
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input .main_ui_settings_password__help-icon svg,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select .main_ui_settings_password__help-icon svg {
  fill: var(--color-foreground-secondary);
}
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input.main_ui_settings_password__disabled input,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select.main_ui_settings_password__disabled input {
  background-color: var(--input-background-color-disabled);
  border-color: var(--color-background-quaternary);
  color: var(--color-foreground-secondary);
}
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input .main_ui_settings_password__input-container,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select .main_ui_settings_password__input-container {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border-color: transparent;
  margin-top: 1.5rem;
}
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input .main_ui_settings_password__input-container .main_ui_settings_password__main-content label,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select .main_ui_settings_password__input-container .main_ui_settings_password__main-content label {
  position: absolute;
  top: calc(-1 * 1.5rem);
}
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input .main_ui_settings_password__input-container .main_ui_settings_password__main-content span,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select .main_ui_settings_password__input-container .main_ui_settings_password__main-content span {
  color: var(--color-foreground-primary);
}
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input .main_ui_settings_password__input-container:focus,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select .main_ui_settings_password__input-container:focus {
  border: 1px solid var(--color-accent-primary);
}
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input textarea,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select textarea {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
  border: none;
}
.main_ui_settings_password__form-container .main_ui_settings_password__custom-input textarea:focus,
.main_ui_settings_password__form-container .main_ui_settings_password__custom-select textarea:focus {
  outline: 1px solid var(--color-accent-primary);
}
.main_ui_settings_password__form-container.main_ui_settings_password__two-columns {
  max-width: 32.5rem;
  justify-content: space-between;
  flex-direction: row;
}
.main_ui_settings_password__form-container h1 {
  font-size: 2.25rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.main_ui_settings_password__form-container .main_ui_settings_password__subtitle {
  font-size: 1.5rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.main_ui_settings_password__form-container .main_ui_settings_password__notification-icon {
  justify-content: center;
  display: flex;
  margin-bottom: 3rem;
}
.main_ui_settings_password__form-container .main_ui_settings_password__notification-icon svg {
  fill: var(--color-background-primary);
  height: 40%;
  width: 40%;
}
.main_ui_settings_password__form-container .main_ui_settings_password__notification-text {
  font-size: 1rem;
  color: var(--color-background-primary);
  margin-bottom: 1.25rem;
}
.main_ui_settings_password__form-container .main_ui_settings_password__notification-text-email {
  background: var(--color-foreground-primary);
  border-radius: 0.25rem;
  color: var(--color-background-primary);
  font-size: 1rem;
  font-weight: 500;
  margin: 1.5rem 0 2.5rem 0;
  padding: 1rem;
  text-align: center;
}
.main_ui_settings_password__form-container h2 {
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.main_ui_settings_password__form-container 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;
}
.main_ui_settings_password__form-container a:not(.main_ui_settings_password__button-primary):not(.main_ui_settings_password__update-btn):not(.main_ui_settings_password__btn-primary):hover {
  text-decoration: underline;
}
.main_ui_settings_password__form-container p {
  color: var(--color-background-primary);
}
.main_ui_settings_password__form-container hr {
  border-color: var(--color-foreground-secondary);
}
.main_ui_settings_password__form-container .main_ui_settings_password__links {
  margin-top: 0.75rem;
}

form.main_ui_settings_password__avatar-form {
  display: flex;
  flex-direction: column;
  width: 9.25rem;
  height: 9.25rem;
  margin: 1rem 0;
}
form.main_ui_settings_password__avatar-form img {
  border-radius: 50%;
  flex-shrink: 0;
  height: 100%;
  margin-right: 1rem;
  width: 100%;
}

.main_ui_settings_password__image-change-field {
  position: relative;
  width: 100%;
  height: 100%;
}
.main_ui_settings_password__image-change-field .main_ui_settings_password__update-overlay {
  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;
}
.main_ui_settings_password__image-change-field input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  z-index: 30;
}
.main_ui_settings_password__image-change-field:hover .main_ui_settings_password__update-overlay {
  opacity: 0.8;
}

.main_ui_settings_password__profile-form {
  display: flex;
  flex-direction: column;
  max-width: 23rem;
  width: 100%;
}

.main_ui_settings_password__newsletter-subs {
  border-bottom: 1px solid var(--color-foreground-secondary);
  border-top: 1px solid var(--color-foreground-secondary);
  padding: 2rem 0;
  margin-bottom: 2rem;
}
.main_ui_settings_password__newsletter-subs .main_ui_settings_password__newsletter-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.main_ui_settings_password__newsletter-subs 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;
}
.main_ui_settings_password__newsletter-subs .main_ui_settings_password__info {
  color: var(--color-foreground-secondary);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.main_ui_settings_password__newsletter-subs .main_ui_settings_password__input-checkbox label {
  align-items: flex-start;
}

.main_ui_settings_password__btn-secondary {
  height: 2rem;
}

.main_ui_settings_password__btn-primary {
  height: 2rem;
}

.main_ui_settings_password__update-btn {
  margin-top: 1rem;
  height: 2.25rem;
}
@keyframes main_ui_settings_profile__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_settings_profile__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_settings_profile__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_settings_profile__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_settings_profile__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_settings_profile__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_settings_profile__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_settings_profile__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_settings_profile__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_profile__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_profile__new-scrollbar ::placeholder,
.main_ui_settings_profile__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_settings_profile__button-primary, .main_ui_settings_profile__btn-primary, .main_ui_settings_profile__modal-danger-btn, .main_ui_settings_profile__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_settings_profile__button-primary:focus-visible, .main_ui_settings_profile__btn-primary:focus-visible, .main_ui_settings_profile__modal-danger-btn:focus-visible, .main_ui_settings_profile__modal-accept-btn: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);
}
.main_ui_settings_profile__button-primary:focus-visible svg, .main_ui_settings_profile__btn-primary:focus-visible svg, .main_ui_settings_profile__modal-danger-btn:focus-visible svg, .main_ui_settings_profile__modal-accept-btn:focus-visible svg,
.main_ui_settings_profile__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_settings_profile__button-primary svg, .main_ui_settings_profile__btn-primary svg, .main_ui_settings_profile__modal-danger-btn svg, .main_ui_settings_profile__modal-accept-btn svg,
.main_ui_settings_profile__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_settings_profile__button-primary:hover, .main_ui_settings_profile__btn-primary:hover, .main_ui_settings_profile__modal-danger-btn:hover, .main_ui_settings_profile__modal-accept-btn: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;
}
.main_ui_settings_profile__button-primary:hover svg, .main_ui_settings_profile__btn-primary:hover svg, .main_ui_settings_profile__modal-danger-btn:hover svg, .main_ui_settings_profile__modal-accept-btn:hover svg,
.main_ui_settings_profile__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_settings_profile__button-primary:active, .main_ui_settings_profile__btn-primary:active, .main_ui_settings_profile__modal-danger-btn:active, .main_ui_settings_profile__modal-accept-btn: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;
}
.main_ui_settings_profile__button-primary:active svg, .main_ui_settings_profile__btn-primary:active svg, .main_ui_settings_profile__modal-danger-btn:active svg, .main_ui_settings_profile__modal-accept-btn:active svg,
.main_ui_settings_profile__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_settings_profile__button-primary.disabled, .main_ui_settings_profile__btn-primary.disabled, .main_ui_settings_profile__modal-danger-btn.disabled, .main_ui_settings_profile__modal-accept-btn.disabled, .main_ui_settings_profile__button-primary[disabled], [disabled].main_ui_settings_profile__btn-primary, [disabled].main_ui_settings_profile__modal-danger-btn, [disabled].main_ui_settings_profile__modal-accept-btn, .main_ui_settings_profile__button-primary:disabled, .main_ui_settings_profile__btn-primary:disabled, .main_ui_settings_profile__modal-danger-btn:disabled, .main_ui_settings_profile__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_settings_profile__button-secondary, .main_ui_settings_profile__btn-secondary, .main_ui_settings_profile__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_profile__button-secondary:focus-visible, .main_ui_settings_profile__btn-secondary:focus-visible, .main_ui_settings_profile__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_profile__button-secondary:focus-visible svg, .main_ui_settings_profile__btn-secondary:focus-visible svg, .main_ui_settings_profile__modal-cancel-btn:focus-visible svg,
.main_ui_settings_profile__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_profile__button-secondary svg, .main_ui_settings_profile__btn-secondary svg, .main_ui_settings_profile__modal-cancel-btn svg,
.main_ui_settings_profile__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_profile__button-secondary:hover, .main_ui_settings_profile__btn-secondary:hover, .main_ui_settings_profile__modal-cancel-btn: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;
}
.main_ui_settings_profile__button-secondary:hover svg, .main_ui_settings_profile__btn-secondary:hover svg, .main_ui_settings_profile__modal-cancel-btn:hover svg,
.main_ui_settings_profile__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_settings_profile__button-secondary:active, .main_ui_settings_profile__btn-secondary:active, .main_ui_settings_profile__modal-cancel-btn: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);
}
.main_ui_settings_profile__button-secondary:active svg, .main_ui_settings_profile__btn-secondary:active svg, .main_ui_settings_profile__modal-cancel-btn:active svg,
.main_ui_settings_profile__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_settings_profile__button-secondary.disabled, .main_ui_settings_profile__btn-secondary.disabled, .main_ui_settings_profile__modal-cancel-btn.disabled, .main_ui_settings_profile__button-secondary[disabled], [disabled].main_ui_settings_profile__btn-secondary, [disabled].main_ui_settings_profile__modal-cancel-btn, .main_ui_settings_profile__button-secondary:disabled, .main_ui_settings_profile__btn-secondary:disabled, .main_ui_settings_profile__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_settings_profile__button-tertiary, .main_ui_settings_profile__attr-title button, .main_ui_settings_profile__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_settings_profile__button-tertiary:focus-visible, .main_ui_settings_profile__attr-title button:focus-visible, .main_ui_settings_profile__modal-close-btn-base: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);
}
.main_ui_settings_profile__button-tertiary:focus-visible svg, .main_ui_settings_profile__attr-title button:focus-visible svg, .main_ui_settings_profile__modal-close-btn-base:focus-visible svg,
.main_ui_settings_profile__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_settings_profile__button-tertiary svg, .main_ui_settings_profile__attr-title button svg, .main_ui_settings_profile__modal-close-btn-base svg,
.main_ui_settings_profile__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_settings_profile__button-tertiary:hover, .main_ui_settings_profile__attr-title button:hover, .main_ui_settings_profile__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_settings_profile__button-tertiary:hover svg, .main_ui_settings_profile__attr-title button:hover svg, .main_ui_settings_profile__modal-close-btn-base:hover svg,
.main_ui_settings_profile__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_settings_profile__button-tertiary:active, .main_ui_settings_profile__attr-title button:active, .main_ui_settings_profile__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_profile__button-tertiary:active svg, .main_ui_settings_profile__attr-title button:active svg, .main_ui_settings_profile__modal-close-btn-base:active svg,
.main_ui_settings_profile__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_profile__button-tertiary.disabled, .main_ui_settings_profile__attr-title button.disabled, .main_ui_settings_profile__modal-close-btn-base.disabled, .main_ui_settings_profile__button-tertiary[disabled], .main_ui_settings_profile__attr-title button[disabled], [disabled].main_ui_settings_profile__modal-close-btn-base, .main_ui_settings_profile__button-tertiary:disabled, .main_ui_settings_profile__attr-title button:disabled, .main_ui_settings_profile__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_settings_profile__button-tertiary.disabled svg, .main_ui_settings_profile__attr-title button.disabled svg, .main_ui_settings_profile__modal-close-btn-base.disabled svg,
.main_ui_settings_profile__button-tertiary.disabled span svg, .main_ui_settings_profile__button-tertiary[disabled] svg, .main_ui_settings_profile__attr-title button[disabled] svg, [disabled].main_ui_settings_profile__modal-close-btn-base svg,
.main_ui_settings_profile__button-tertiary[disabled] span svg, .main_ui_settings_profile__button-tertiary:disabled svg, .main_ui_settings_profile__attr-title button:disabled svg, .main_ui_settings_profile__modal-close-btn-base:disabled svg,
.main_ui_settings_profile__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_settings_profile__button-icon-selected {
  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);
}
.main_ui_settings_profile__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_settings_profile__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_settings_profile__button-radio: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);
}
.main_ui_settings_profile__button-radio:focus-visible svg,
.main_ui_settings_profile__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_settings_profile__button-radio svg,
.main_ui_settings_profile__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_settings_profile__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_settings_profile__button-radio:hover svg,
.main_ui_settings_profile__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_settings_profile__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_settings_profile__button-radio:active svg,
.main_ui_settings_profile__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_settings_profile__button-warning {
  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);
}

.main_ui_settings_profile__button-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;
}

.main_ui_settings_profile__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_settings_profile__button-tag: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);
}
.main_ui_settings_profile__button-tag:focus-visible svg,
.main_ui_settings_profile__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_settings_profile__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_settings_profile__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_settings_profile__button-icon, .main_ui_settings_profile__empty-icon svg, .main_ui_settings_profile__modal-close-btn-base svg, .main_ui_settings_profile__button-icon-small, .main_ui_settings_profile__dropdown-element-base span svg, .main_ui_settings_profile__attr-title button svg, .main_ui_settings_profile__checkbox-icon.intermediate svg, .main_ui_settings_profile__input-checkbox label span.intermediate svg, .main_ui_settings_profile__checkbox-icon.checked svg, .main_ui_settings_profile__input-checkbox label span.checked svg, .main_ui_settings_profile__input-element span svg,
.main_ui_settings_profile__input-element label svg, .main_ui_settings_profile__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_settings_profile__button-icon-small, .main_ui_settings_profile__dropdown-element-base span svg, .main_ui_settings_profile__attr-title button svg, .main_ui_settings_profile__checkbox-icon.intermediate svg, .main_ui_settings_profile__input-checkbox label span.intermediate svg, .main_ui_settings_profile__checkbox-icon.checked svg, .main_ui_settings_profile__input-checkbox label span.checked svg, .main_ui_settings_profile__input-element span svg,
.main_ui_settings_profile__input-element label svg, .main_ui_settings_profile__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_settings_profile__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_settings_profile__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_settings_profile__input-base, .main_ui_settings_profile__input-with-label input, .main_ui_settings_profile__input-element-label input, .main_ui_settings_profile__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_profile__input-base[disabled], .main_ui_settings_profile__input-with-label input[disabled], .main_ui_settings_profile__input-element-label input[disabled], .main_ui_settings_profile__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_settings_profile__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_settings_profile__input-label, .main_ui_settings_profile__input-element span,
.main_ui_settings_profile__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_settings_profile__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_settings_profile__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_profile__input-element span svg,
.main_ui_settings_profile__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_settings_profile__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_profile__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_profile__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_profile__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_profile__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_profile__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_settings_profile__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_profile__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_profile__input-element:focus, .main_ui_settings_profile__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_profile__input-element:focus span, .main_ui_settings_profile__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_profile__input-element:focus input, .main_ui_settings_profile__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_profile__input-element:focus:hover, .main_ui_settings_profile__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_profile__input-element:focus:hover span, .main_ui_settings_profile__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_profile__input-element:focus:hover input, .main_ui_settings_profile__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_settings_profile__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_settings_profile__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_settings_profile__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_profile__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_profile__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_profile__input-element-label:focus-within input, .main_ui_settings_profile__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_settings_profile__disabled-input, .main_ui_settings_profile__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_profile__disabled-input input, .main_ui_settings_profile__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_profile__disabled-input span svg, .main_ui_settings_profile__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_settings_profile__checkbox-icon, .main_ui_settings_profile__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_settings_profile__checkbox-icon svg, .main_ui_settings_profile__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_settings_profile__checkbox-icon:hover, .main_ui_settings_profile__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_profile__checkbox-icon:focus, .main_ui_settings_profile__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_settings_profile__checkbox-icon.checked, .main_ui_settings_profile__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_settings_profile__checkbox-icon.checked svg, .main_ui_settings_profile__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_settings_profile__checkbox-icon.intermediate, .main_ui_settings_profile__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_settings_profile__checkbox-icon.intermediate svg, .main_ui_settings_profile__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_settings_profile__checkbox-icon.unchecked, .main_ui_settings_profile__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_settings_profile__checkbox-icon.unchecked svg, .main_ui_settings_profile__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_settings_profile__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_settings_profile__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_settings_profile__input-checkbox label input {
  margin: 0;
}
.main_ui_settings_profile__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_profile__input-checkbox label:focus span, .main_ui_settings_profile__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_settings_profile__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_settings_profile__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_profile__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_settings_profile__input-with-label input:focus-within, .main_ui_settings_profile__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_profile__input-with-label input:focus-within input, .main_ui_settings_profile__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_profile__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_settings_profile__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_settings_profile__modal-overlay-base {
  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);
}

.main_ui_settings_profile__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_settings_profile__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_settings_profile__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_settings_profile__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_settings_profile__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_profile__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_profile__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_settings_profile__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_settings_profile__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_settings_profile__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_settings_profile__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_settings_profile__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_settings_profile__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_settings_profile__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_settings_profile__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_settings_profile__colorpicker-handler {
  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;
}
.main_ui_settings_profile__colorpicker-handler:hover, .main_ui_settings_profile__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_settings_profile__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_settings_profile__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_settings_profile__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_settings_profile__attr-title button {
  display: none;
}
.main_ui_settings_profile__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_profile__attr-title:hover button {
  display: flex;
}

.main_ui_settings_profile__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_settings_profile__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_settings_profile__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_profile__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_settings_profile__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_settings_profile__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_settings_profile__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_settings_profile__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_settings_profile__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_settings_profile__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_settings_profile__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_profile__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_settings_profile__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_settings_profile__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_settings_profile__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_settings_profile__dashboard-settings {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.main_ui_settings_profile__dashboard-settings a:not(.main_ui_settings_profile__button-primary):not(.main_ui_settings_profile__btn-primary) {
  color: var(--color-foreground-secondary);
}

.main_ui_settings_profile__form-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 31.25rem;
  margin-bottom: 2rem;
  width: 36.25rem;
  margin: 5rem auto 7.5rem auto;
  justify-content: center;
}
.main_ui_settings_profile__form-container form {
  display: flex;
  flex-direction: column;
}
.main_ui_settings_profile__form-container form .main_ui_settings_profile__btn-secondary {
  width: 100%;
  font-size: 0.688rem;
  text-transform: uppercase;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
}
.main_ui_settings_profile__form-container form .main_ui_settings_profile__btn-secondary:hover {
  color: var(--color-accent-primary);
  background-color: var(--color-background-quaternary);
}
.main_ui_settings_profile__form-container form hr {
  display: none;
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__fields-row {
  --input-height: 2.5rem;
  margin-bottom: 1.25rem;
  flex-direction: column;
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__fields-row .main_ui_settings_profile__options {
  display: flex;
  justify-content: flex-end;
  font-size: 0.875rem;
  margin-top: 0.75rem;
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__field {
  margin-bottom: 1.25rem;
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__field-title {
  color: var(--color-foreground-primary);
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__field-title:not(:first-child) {
  margin-top: 4rem;
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__field-text {
  color: var(--color-foreground-secondary);
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select {
  flex-direction: column-reverse;
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input label,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select label {
  position: relative;
  text-transform: uppercase;
  color: var(--color-foreground-primary);
  font-size: 0.688rem;
  margin-bottom: 0.75rem;
  margin-left: -0.25rem;
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input input,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input select,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select input,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select select {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border-color: transparent;
  color: var(--color-foreground-primary);
  padding: 0 1rem;
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input input:focus,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input select:focus,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select input:focus,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select select:focus {
  outline: 1px solid var(--color-accent-primary);
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input input ::-moz-placeholder, .main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input select ::-moz-placeholder, .main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select input ::-moz-placeholder, .main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select select ::-moz-placeholder {
  color: var(--color-foreground-secondary);
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input input ::placeholder,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input select ::placeholder,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select input ::placeholder,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select select ::placeholder {
  color: var(--color-foreground-secondary);
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input .main_ui_settings_profile__help-icon,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select .main_ui_settings_profile__help-icon {
  bottom: 0.75rem;
  top: auto;
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input .main_ui_settings_profile__help-icon svg,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select .main_ui_settings_profile__help-icon svg {
  fill: var(--color-foreground-secondary);
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input.main_ui_settings_profile__disabled input,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select.main_ui_settings_profile__disabled input {
  background-color: var(--input-background-color-disabled);
  border-color: var(--color-background-quaternary);
  color: var(--color-foreground-secondary);
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input .main_ui_settings_profile__input-container,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select .main_ui_settings_profile__input-container {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border-color: transparent;
  margin-top: 1.5rem;
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input .main_ui_settings_profile__input-container .main_ui_settings_profile__main-content label,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select .main_ui_settings_profile__input-container .main_ui_settings_profile__main-content label {
  position: absolute;
  top: calc(-1 * 1.5rem);
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input .main_ui_settings_profile__input-container .main_ui_settings_profile__main-content span,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select .main_ui_settings_profile__input-container .main_ui_settings_profile__main-content span {
  color: var(--color-foreground-primary);
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input .main_ui_settings_profile__input-container:focus,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select .main_ui_settings_profile__input-container:focus {
  border: 1px solid var(--color-accent-primary);
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input textarea,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select textarea {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: var(--color-background-tertiary);
  color: var(--color-foreground-primary);
  border: none;
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-input textarea:focus,
.main_ui_settings_profile__form-container .main_ui_settings_profile__custom-select textarea:focus {
  outline: 1px solid var(--color-accent-primary);
}
.main_ui_settings_profile__form-container.main_ui_settings_profile__two-columns {
  max-width: 32.5rem;
  justify-content: space-between;
  flex-direction: row;
}
.main_ui_settings_profile__form-container h1 {
  font-size: 2.25rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__subtitle {
  font-size: 1.5rem;
  color: var(--color-background-tertiary);
  margin-bottom: 1.25rem;
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__notification-icon {
  justify-content: center;
  display: flex;
  margin-bottom: 3rem;
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__notification-icon svg {
  fill: var(--color-background-primary);
  height: 40%;
  width: 40%;
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__notification-text {
  font-size: 1rem;
  color: var(--color-background-primary);
  margin-bottom: 1.25rem;
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__notification-text-email {
  background: var(--color-foreground-primary);
  border-radius: 0.25rem;
  color: var(--color-background-primary);
  font-size: 1rem;
  font-weight: 500;
  margin: 1.5rem 0 2.5rem 0;
  padding: 1rem;
  text-align: center;
}
.main_ui_settings_profile__form-container h2 {
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.main_ui_settings_profile__form-container 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;
}
.main_ui_settings_profile__form-container a:not(.main_ui_settings_profile__button-primary):not(.main_ui_settings_profile__btn-primary):hover {
  text-decoration: underline;
}
.main_ui_settings_profile__form-container p {
  color: var(--color-background-primary);
}
.main_ui_settings_profile__form-container hr {
  border-color: var(--color-foreground-secondary);
}
.main_ui_settings_profile__form-container .main_ui_settings_profile__links {
  margin-top: 0.75rem;
}

form.main_ui_settings_profile__avatar-form {
  display: flex;
  flex-direction: column;
  width: 9.25rem;
  height: 9.25rem;
  margin: 1rem 0;
}
form.main_ui_settings_profile__avatar-form img {
  border-radius: 50%;
  flex-shrink: 0;
  height: 100%;
  margin-right: 1rem;
  width: 100%;
}

.main_ui_settings_profile__image-change-field {
  position: relative;
  width: 100%;
  height: 100%;
}
.main_ui_settings_profile__image-change-field .main_ui_settings_profile__update-overlay {
  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;
}
.main_ui_settings_profile__image-change-field input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  z-index: 30;
}
.main_ui_settings_profile__image-change-field:hover .main_ui_settings_profile__update-overlay {
  opacity: 0.8;
}

.main_ui_settings_profile__profile-form {
  display: flex;
  flex-direction: column;
  max-width: 23rem;
  width: 100%;
}

.main_ui_settings_profile__newsletter-subs {
  border-bottom: 1px solid var(--color-foreground-secondary);
  border-top: 1px solid var(--color-foreground-secondary);
  padding: 2rem 0;
  margin-bottom: 2rem;
}
.main_ui_settings_profile__newsletter-subs .main_ui_settings_profile__newsletter-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.main_ui_settings_profile__newsletter-subs 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;
}
.main_ui_settings_profile__newsletter-subs .main_ui_settings_profile__info {
  color: var(--color-foreground-secondary);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.main_ui_settings_profile__newsletter-subs .main_ui_settings_profile__input-checkbox label {
  align-items: flex-start;
}

.main_ui_settings_profile__btn-secondary {
  height: 2rem;
}

.main_ui_settings_profile__btn-primary {
  height: 2rem;
}
@keyframes main_ui_settings_sidebar__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_settings_sidebar__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_settings_sidebar__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_settings_sidebar__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_settings_sidebar__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_settings_sidebar__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_settings_sidebar__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_settings_sidebar__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_settings_sidebar__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_sidebar__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_sidebar__new-scrollbar ::placeholder,
.main_ui_settings_sidebar__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_settings_sidebar__button-primary, .main_ui_settings_sidebar__modal-danger-btn, .main_ui_settings_sidebar__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_settings_sidebar__button-primary:focus-visible, .main_ui_settings_sidebar__modal-danger-btn:focus-visible, .main_ui_settings_sidebar__modal-accept-btn: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);
}
.main_ui_settings_sidebar__button-primary:focus-visible svg, .main_ui_settings_sidebar__modal-danger-btn:focus-visible svg, .main_ui_settings_sidebar__modal-accept-btn:focus-visible svg,
.main_ui_settings_sidebar__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_settings_sidebar__button-primary svg, .main_ui_settings_sidebar__modal-danger-btn svg, .main_ui_settings_sidebar__modal-accept-btn svg,
.main_ui_settings_sidebar__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_settings_sidebar__button-primary:hover, .main_ui_settings_sidebar__modal-danger-btn:hover, .main_ui_settings_sidebar__modal-accept-btn: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;
}
.main_ui_settings_sidebar__button-primary:hover svg, .main_ui_settings_sidebar__modal-danger-btn:hover svg, .main_ui_settings_sidebar__modal-accept-btn:hover svg,
.main_ui_settings_sidebar__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_settings_sidebar__button-primary:active, .main_ui_settings_sidebar__modal-danger-btn:active, .main_ui_settings_sidebar__modal-accept-btn: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;
}
.main_ui_settings_sidebar__button-primary:active svg, .main_ui_settings_sidebar__modal-danger-btn:active svg, .main_ui_settings_sidebar__modal-accept-btn:active svg,
.main_ui_settings_sidebar__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_settings_sidebar__button-primary.disabled, .main_ui_settings_sidebar__modal-danger-btn.disabled, .main_ui_settings_sidebar__modal-accept-btn.disabled, .main_ui_settings_sidebar__button-primary[disabled], [disabled].main_ui_settings_sidebar__modal-danger-btn, [disabled].main_ui_settings_sidebar__modal-accept-btn, .main_ui_settings_sidebar__button-primary:disabled, .main_ui_settings_sidebar__modal-danger-btn:disabled, .main_ui_settings_sidebar__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_settings_sidebar__button-secondary, .main_ui_settings_sidebar__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_sidebar__button-secondary:focus-visible, .main_ui_settings_sidebar__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_sidebar__button-secondary:focus-visible svg, .main_ui_settings_sidebar__modal-cancel-btn:focus-visible svg,
.main_ui_settings_sidebar__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_sidebar__button-secondary svg, .main_ui_settings_sidebar__modal-cancel-btn svg,
.main_ui_settings_sidebar__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_sidebar__button-secondary:hover, .main_ui_settings_sidebar__modal-cancel-btn: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;
}
.main_ui_settings_sidebar__button-secondary:hover svg, .main_ui_settings_sidebar__modal-cancel-btn:hover svg,
.main_ui_settings_sidebar__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_settings_sidebar__button-secondary:active, .main_ui_settings_sidebar__modal-cancel-btn: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);
}
.main_ui_settings_sidebar__button-secondary:active svg, .main_ui_settings_sidebar__modal-cancel-btn:active svg,
.main_ui_settings_sidebar__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_settings_sidebar__button-secondary.disabled, .main_ui_settings_sidebar__modal-cancel-btn.disabled, .main_ui_settings_sidebar__button-secondary[disabled], [disabled].main_ui_settings_sidebar__modal-cancel-btn, .main_ui_settings_sidebar__button-secondary:disabled, .main_ui_settings_sidebar__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_settings_sidebar__button-tertiary, .main_ui_settings_sidebar__attr-title button, .main_ui_settings_sidebar__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_settings_sidebar__button-tertiary:focus-visible, .main_ui_settings_sidebar__attr-title button:focus-visible, .main_ui_settings_sidebar__modal-close-btn-base: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);
}
.main_ui_settings_sidebar__button-tertiary:focus-visible svg, .main_ui_settings_sidebar__attr-title button:focus-visible svg, .main_ui_settings_sidebar__modal-close-btn-base:focus-visible svg,
.main_ui_settings_sidebar__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_settings_sidebar__button-tertiary svg, .main_ui_settings_sidebar__attr-title button svg, .main_ui_settings_sidebar__modal-close-btn-base svg,
.main_ui_settings_sidebar__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_settings_sidebar__button-tertiary:hover, .main_ui_settings_sidebar__attr-title button:hover, .main_ui_settings_sidebar__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_settings_sidebar__button-tertiary:hover svg, .main_ui_settings_sidebar__attr-title button:hover svg, .main_ui_settings_sidebar__modal-close-btn-base:hover svg,
.main_ui_settings_sidebar__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_settings_sidebar__button-tertiary:active, .main_ui_settings_sidebar__attr-title button:active, .main_ui_settings_sidebar__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_sidebar__button-tertiary:active svg, .main_ui_settings_sidebar__attr-title button:active svg, .main_ui_settings_sidebar__modal-close-btn-base:active svg,
.main_ui_settings_sidebar__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_sidebar__button-tertiary.disabled, .main_ui_settings_sidebar__attr-title button.disabled, .main_ui_settings_sidebar__modal-close-btn-base.disabled, .main_ui_settings_sidebar__button-tertiary[disabled], .main_ui_settings_sidebar__attr-title button[disabled], [disabled].main_ui_settings_sidebar__modal-close-btn-base, .main_ui_settings_sidebar__button-tertiary:disabled, .main_ui_settings_sidebar__attr-title button:disabled, .main_ui_settings_sidebar__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_settings_sidebar__button-tertiary.disabled svg, .main_ui_settings_sidebar__attr-title button.disabled svg, .main_ui_settings_sidebar__modal-close-btn-base.disabled svg,
.main_ui_settings_sidebar__button-tertiary.disabled span svg, .main_ui_settings_sidebar__button-tertiary[disabled] svg, .main_ui_settings_sidebar__attr-title button[disabled] svg, [disabled].main_ui_settings_sidebar__modal-close-btn-base svg,
.main_ui_settings_sidebar__button-tertiary[disabled] span svg, .main_ui_settings_sidebar__button-tertiary:disabled svg, .main_ui_settings_sidebar__attr-title button:disabled svg, .main_ui_settings_sidebar__modal-close-btn-base:disabled svg,
.main_ui_settings_sidebar__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_settings_sidebar__button-icon-selected {
  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);
}
.main_ui_settings_sidebar__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_settings_sidebar__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_settings_sidebar__button-radio: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);
}
.main_ui_settings_sidebar__button-radio:focus-visible svg,
.main_ui_settings_sidebar__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_settings_sidebar__button-radio svg,
.main_ui_settings_sidebar__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_settings_sidebar__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_settings_sidebar__button-radio:hover svg,
.main_ui_settings_sidebar__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_settings_sidebar__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_settings_sidebar__button-radio:active svg,
.main_ui_settings_sidebar__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_settings_sidebar__button-warning {
  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);
}

.main_ui_settings_sidebar__button-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;
}

.main_ui_settings_sidebar__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_settings_sidebar__button-tag: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);
}
.main_ui_settings_sidebar__button-tag:focus-visible svg,
.main_ui_settings_sidebar__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_settings_sidebar__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_settings_sidebar__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_settings_sidebar__button-icon, .main_ui_settings_sidebar__arrow-icon, .main_ui_settings_sidebar__empty-icon svg, .main_ui_settings_sidebar__modal-close-btn-base svg, .main_ui_settings_sidebar__button-icon-small, .main_ui_settings_sidebar__feedback-icon, .main_ui_settings_sidebar__dropdown-element-base span svg, .main_ui_settings_sidebar__attr-title button svg, .main_ui_settings_sidebar__checkbox-icon.intermediate svg, .main_ui_settings_sidebar__input-checkbox label span.intermediate svg, .main_ui_settings_sidebar__checkbox-icon.checked svg, .main_ui_settings_sidebar__input-checkbox label span.checked svg, .main_ui_settings_sidebar__input-element span svg,
.main_ui_settings_sidebar__input-element label svg, .main_ui_settings_sidebar__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_settings_sidebar__button-icon-small, .main_ui_settings_sidebar__feedback-icon, .main_ui_settings_sidebar__dropdown-element-base span svg, .main_ui_settings_sidebar__attr-title button svg, .main_ui_settings_sidebar__checkbox-icon.intermediate svg, .main_ui_settings_sidebar__input-checkbox label span.intermediate svg, .main_ui_settings_sidebar__checkbox-icon.checked svg, .main_ui_settings_sidebar__input-checkbox label span.checked svg, .main_ui_settings_sidebar__input-element span svg,
.main_ui_settings_sidebar__input-element label svg, .main_ui_settings_sidebar__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_settings_sidebar__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_settings_sidebar__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_settings_sidebar__input-base, .main_ui_settings_sidebar__input-with-label input, .main_ui_settings_sidebar__input-element-label input, .main_ui_settings_sidebar__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_sidebar__input-base[disabled], .main_ui_settings_sidebar__input-with-label input[disabled], .main_ui_settings_sidebar__input-element-label input[disabled], .main_ui_settings_sidebar__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_settings_sidebar__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_settings_sidebar__input-label, .main_ui_settings_sidebar__input-element span,
.main_ui_settings_sidebar__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_settings_sidebar__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_settings_sidebar__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_sidebar__input-element span svg,
.main_ui_settings_sidebar__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_settings_sidebar__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_sidebar__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_sidebar__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_sidebar__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_sidebar__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_sidebar__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_settings_sidebar__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_sidebar__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_sidebar__input-element:focus, .main_ui_settings_sidebar__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_sidebar__input-element:focus span, .main_ui_settings_sidebar__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_sidebar__input-element:focus input, .main_ui_settings_sidebar__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_sidebar__input-element:focus:hover, .main_ui_settings_sidebar__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_sidebar__input-element:focus:hover span, .main_ui_settings_sidebar__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_sidebar__input-element:focus:hover input, .main_ui_settings_sidebar__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_settings_sidebar__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_settings_sidebar__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_settings_sidebar__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_sidebar__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_sidebar__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_sidebar__input-element-label:focus-within input, .main_ui_settings_sidebar__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_settings_sidebar__disabled-input, .main_ui_settings_sidebar__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_sidebar__disabled-input input, .main_ui_settings_sidebar__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_sidebar__disabled-input span svg, .main_ui_settings_sidebar__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_settings_sidebar__checkbox-icon, .main_ui_settings_sidebar__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_settings_sidebar__checkbox-icon svg, .main_ui_settings_sidebar__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_settings_sidebar__checkbox-icon:hover, .main_ui_settings_sidebar__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_sidebar__checkbox-icon:focus, .main_ui_settings_sidebar__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_settings_sidebar__checkbox-icon.checked, .main_ui_settings_sidebar__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_settings_sidebar__checkbox-icon.checked svg, .main_ui_settings_sidebar__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_settings_sidebar__checkbox-icon.intermediate, .main_ui_settings_sidebar__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_settings_sidebar__checkbox-icon.intermediate svg, .main_ui_settings_sidebar__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_settings_sidebar__checkbox-icon.unchecked, .main_ui_settings_sidebar__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_settings_sidebar__checkbox-icon.unchecked svg, .main_ui_settings_sidebar__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_settings_sidebar__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_settings_sidebar__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_settings_sidebar__input-checkbox label input {
  margin: 0;
}
.main_ui_settings_sidebar__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_sidebar__input-checkbox label:focus span, .main_ui_settings_sidebar__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_settings_sidebar__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_settings_sidebar__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_sidebar__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_settings_sidebar__input-with-label input:focus-within, .main_ui_settings_sidebar__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_sidebar__input-with-label input:focus-within input, .main_ui_settings_sidebar__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_sidebar__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_settings_sidebar__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_settings_sidebar__modal-overlay-base {
  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);
}

.main_ui_settings_sidebar__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_settings_sidebar__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_settings_sidebar__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_settings_sidebar__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_settings_sidebar__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_sidebar__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_sidebar__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_settings_sidebar__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_settings_sidebar__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_settings_sidebar__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_settings_sidebar__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_settings_sidebar__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_settings_sidebar__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_settings_sidebar__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_settings_sidebar__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_settings_sidebar__colorpicker-handler {
  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;
}
.main_ui_settings_sidebar__colorpicker-handler:hover, .main_ui_settings_sidebar__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_settings_sidebar__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_settings_sidebar__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_settings_sidebar__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_settings_sidebar__attr-title button {
  display: none;
}
.main_ui_settings_sidebar__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_sidebar__attr-title:hover button {
  display: flex;
}

.main_ui_settings_sidebar__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_settings_sidebar__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_settings_sidebar__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_sidebar__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_settings_sidebar__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_settings_sidebar__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_settings_sidebar__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_settings_sidebar__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_settings_sidebar__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_settings_sidebar__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_settings_sidebar__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_sidebar__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_settings_sidebar__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_settings_sidebar__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_settings_sidebar__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_settings_sidebar__dashboard-sidebar {
  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);
}

.main_ui_settings_sidebar__sidebar-content {
  display: grid;
  grid-template-rows: auto auto 1fr;
  height: 100%;
  padding: 0;
  overflow-y: auto;
}

.main_ui_settings_sidebar__sidebar-separator {
  border-color: transparent;
  margin: 0.75rem 1rem;
}

.main_ui_settings_sidebar__sidebar-nav-settings {
  display: grid;
  grid-auto-rows: auto;
  margin: 0;
  overflow: unset;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.main_ui_settings_sidebar__settings-item {
  --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;
}
.main_ui_settings_sidebar__settings-item:hover {
  --settings-foreground-color: var(--sidebar-element-foreground-color-hover);
  --settings-background-color: var(--sidebar-element-background-color-hover);
}
.main_ui_settings_sidebar__settings-item.main_ui_settings_sidebar__current {
  --settings-foreground-color: var(--sidebar-element-foreground-color-selected);
  --settings-background-color: var(--sidebar-element-background-color-selected);
}

.main_ui_settings_sidebar__feedback-icon {
  stroke: var(--settings-foreground-color);
  margin-right: 0.5rem;
}

.main_ui_settings_sidebar__element-title {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
}

.main_ui_settings_sidebar__back-to-dashboard {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
}

.main_ui_settings_sidebar__back-text {
  color: var(--color-foreground-primary);
}

.main_ui_settings_sidebar__arrow-icon {
  stroke: var(--icon-foreground);
  transform: rotate(180deg);
  margin-right: 0.75rem;
}
@keyframes main_ui_settings_subscription__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_settings_subscription__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_settings_subscription__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_settings_subscription__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_settings_subscription__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_settings_subscription__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_settings_subscription__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_settings_subscription__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_settings_subscription__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_subscription__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_settings_subscription__new-scrollbar ::placeholder,
.main_ui_settings_subscription__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_settings_subscription__button-primary, .main_ui_settings_subscription__modal-danger-btn, .main_ui_settings_subscription__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_settings_subscription__button-primary:focus-visible, .main_ui_settings_subscription__modal-danger-btn:focus-visible, .main_ui_settings_subscription__modal-accept-btn: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);
}
.main_ui_settings_subscription__button-primary:focus-visible svg, .main_ui_settings_subscription__modal-danger-btn:focus-visible svg, .main_ui_settings_subscription__modal-accept-btn:focus-visible svg,
.main_ui_settings_subscription__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_settings_subscription__button-primary svg, .main_ui_settings_subscription__modal-danger-btn svg, .main_ui_settings_subscription__modal-accept-btn svg,
.main_ui_settings_subscription__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_settings_subscription__button-primary:hover, .main_ui_settings_subscription__modal-danger-btn:hover, .main_ui_settings_subscription__modal-accept-btn: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;
}
.main_ui_settings_subscription__button-primary:hover svg, .main_ui_settings_subscription__modal-danger-btn:hover svg, .main_ui_settings_subscription__modal-accept-btn:hover svg,
.main_ui_settings_subscription__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_settings_subscription__button-primary:active, .main_ui_settings_subscription__modal-danger-btn:active, .main_ui_settings_subscription__modal-accept-btn: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;
}
.main_ui_settings_subscription__button-primary:active svg, .main_ui_settings_subscription__modal-danger-btn:active svg, .main_ui_settings_subscription__modal-accept-btn:active svg,
.main_ui_settings_subscription__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_settings_subscription__button-primary.disabled, .main_ui_settings_subscription__modal-danger-btn.disabled, .main_ui_settings_subscription__modal-accept-btn.disabled, .main_ui_settings_subscription__button-primary[disabled], [disabled].main_ui_settings_subscription__modal-danger-btn, [disabled].main_ui_settings_subscription__modal-accept-btn, .main_ui_settings_subscription__button-primary:disabled, .main_ui_settings_subscription__modal-danger-btn:disabled, .main_ui_settings_subscription__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_settings_subscription__button-secondary, .main_ui_settings_subscription__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_subscription__button-secondary:focus-visible, .main_ui_settings_subscription__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_subscription__button-secondary:focus-visible svg, .main_ui_settings_subscription__modal-cancel-btn:focus-visible svg,
.main_ui_settings_subscription__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_settings_subscription__button-secondary svg, .main_ui_settings_subscription__modal-cancel-btn svg,
.main_ui_settings_subscription__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_settings_subscription__button-secondary:hover, .main_ui_settings_subscription__modal-cancel-btn: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;
}
.main_ui_settings_subscription__button-secondary:hover svg, .main_ui_settings_subscription__modal-cancel-btn:hover svg,
.main_ui_settings_subscription__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_settings_subscription__button-secondary:active, .main_ui_settings_subscription__modal-cancel-btn: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);
}
.main_ui_settings_subscription__button-secondary:active svg, .main_ui_settings_subscription__modal-cancel-btn:active svg,
.main_ui_settings_subscription__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_settings_subscription__button-secondary.disabled, .main_ui_settings_subscription__modal-cancel-btn.disabled, .main_ui_settings_subscription__button-secondary[disabled], [disabled].main_ui_settings_subscription__modal-cancel-btn, .main_ui_settings_subscription__button-secondary:disabled, .main_ui_settings_subscription__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_settings_subscription__button-tertiary, .main_ui_settings_subscription__attr-title button, .main_ui_settings_subscription__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_settings_subscription__button-tertiary:focus-visible, .main_ui_settings_subscription__attr-title button:focus-visible, .main_ui_settings_subscription__modal-close-btn-base: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);
}
.main_ui_settings_subscription__button-tertiary:focus-visible svg, .main_ui_settings_subscription__attr-title button:focus-visible svg, .main_ui_settings_subscription__modal-close-btn-base:focus-visible svg,
.main_ui_settings_subscription__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_settings_subscription__button-tertiary svg, .main_ui_settings_subscription__attr-title button svg, .main_ui_settings_subscription__modal-close-btn-base svg,
.main_ui_settings_subscription__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_settings_subscription__button-tertiary:hover, .main_ui_settings_subscription__attr-title button:hover, .main_ui_settings_subscription__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_settings_subscription__button-tertiary:hover svg, .main_ui_settings_subscription__attr-title button:hover svg, .main_ui_settings_subscription__modal-close-btn-base:hover svg,
.main_ui_settings_subscription__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_settings_subscription__button-tertiary:active, .main_ui_settings_subscription__attr-title button:active, .main_ui_settings_subscription__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_subscription__button-tertiary:active svg, .main_ui_settings_subscription__attr-title button:active svg, .main_ui_settings_subscription__modal-close-btn-base:active svg,
.main_ui_settings_subscription__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_settings_subscription__button-tertiary.disabled, .main_ui_settings_subscription__attr-title button.disabled, .main_ui_settings_subscription__modal-close-btn-base.disabled, .main_ui_settings_subscription__button-tertiary[disabled], .main_ui_settings_subscription__attr-title button[disabled], [disabled].main_ui_settings_subscription__modal-close-btn-base, .main_ui_settings_subscription__button-tertiary:disabled, .main_ui_settings_subscription__attr-title button:disabled, .main_ui_settings_subscription__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_settings_subscription__button-tertiary.disabled svg, .main_ui_settings_subscription__attr-title button.disabled svg, .main_ui_settings_subscription__modal-close-btn-base.disabled svg,
.main_ui_settings_subscription__button-tertiary.disabled span svg, .main_ui_settings_subscription__button-tertiary[disabled] svg, .main_ui_settings_subscription__attr-title button[disabled] svg, [disabled].main_ui_settings_subscription__modal-close-btn-base svg,
.main_ui_settings_subscription__button-tertiary[disabled] span svg, .main_ui_settings_subscription__button-tertiary:disabled svg, .main_ui_settings_subscription__attr-title button:disabled svg, .main_ui_settings_subscription__modal-close-btn-base:disabled svg,
.main_ui_settings_subscription__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_settings_subscription__button-icon-selected {
  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);
}
.main_ui_settings_subscription__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_settings_subscription__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_settings_subscription__button-radio: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);
}
.main_ui_settings_subscription__button-radio:focus-visible svg,
.main_ui_settings_subscription__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_settings_subscription__button-radio svg,
.main_ui_settings_subscription__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_settings_subscription__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_settings_subscription__button-radio:hover svg,
.main_ui_settings_subscription__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_settings_subscription__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_settings_subscription__button-radio:active svg,
.main_ui_settings_subscription__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_settings_subscription__button-warning {
  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);
}

.main_ui_settings_subscription__button-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;
}

.main_ui_settings_subscription__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_settings_subscription__button-tag: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);
}
.main_ui_settings_subscription__button-tag:focus-visible svg,
.main_ui_settings_subscription__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_settings_subscription__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_settings_subscription__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_settings_subscription__button-icon, .main_ui_settings_subscription__subscription-member,
.main_ui_settings_subscription__penpot-member, .main_ui_settings_subscription__plan-title-icon, .main_ui_settings_subscription__empty-icon svg, .main_ui_settings_subscription__modal-close-btn-base svg, .main_ui_settings_subscription__button-icon-small, .main_ui_settings_subscription__dropdown-element-base span svg, .main_ui_settings_subscription__attr-title button svg, .main_ui_settings_subscription__checkbox-icon.intermediate svg, .main_ui_settings_subscription__input-checkbox label span.intermediate svg, .main_ui_settings_subscription__checkbox-icon.checked svg, .main_ui_settings_subscription__input-checkbox label span.checked svg, .main_ui_settings_subscription__input-element span svg,
.main_ui_settings_subscription__input-element label svg, .main_ui_settings_subscription__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_settings_subscription__button-icon-small, .main_ui_settings_subscription__dropdown-element-base span svg, .main_ui_settings_subscription__attr-title button svg, .main_ui_settings_subscription__checkbox-icon.intermediate svg, .main_ui_settings_subscription__input-checkbox label span.intermediate svg, .main_ui_settings_subscription__checkbox-icon.checked svg, .main_ui_settings_subscription__input-checkbox label span.checked svg, .main_ui_settings_subscription__input-element span svg,
.main_ui_settings_subscription__input-element label svg, .main_ui_settings_subscription__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_settings_subscription__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_settings_subscription__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_settings_subscription__input-base, .main_ui_settings_subscription__input-with-label input, .main_ui_settings_subscription__input-element-label input, .main_ui_settings_subscription__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_subscription__input-base[disabled], .main_ui_settings_subscription__input-with-label input[disabled], .main_ui_settings_subscription__input-element-label input[disabled], .main_ui_settings_subscription__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_settings_subscription__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_settings_subscription__input-label, .main_ui_settings_subscription__input-element span,
.main_ui_settings_subscription__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_settings_subscription__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_settings_subscription__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_subscription__input-element span svg,
.main_ui_settings_subscription__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_settings_subscription__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_subscription__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_settings_subscription__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_subscription__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_subscription__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_settings_subscription__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_settings_subscription__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_subscription__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_subscription__input-element:focus, .main_ui_settings_subscription__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_subscription__input-element:focus span, .main_ui_settings_subscription__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_subscription__input-element:focus input, .main_ui_settings_subscription__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_subscription__input-element:focus:hover, .main_ui_settings_subscription__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_settings_subscription__input-element:focus:hover span, .main_ui_settings_subscription__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_settings_subscription__input-element:focus:hover input, .main_ui_settings_subscription__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_settings_subscription__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_settings_subscription__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_settings_subscription__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_subscription__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_settings_subscription__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_settings_subscription__input-element-label:focus-within input, .main_ui_settings_subscription__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_settings_subscription__disabled-input, .main_ui_settings_subscription__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_subscription__disabled-input input, .main_ui_settings_subscription__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_settings_subscription__disabled-input span svg, .main_ui_settings_subscription__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_settings_subscription__checkbox-icon, .main_ui_settings_subscription__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_settings_subscription__checkbox-icon svg, .main_ui_settings_subscription__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_settings_subscription__checkbox-icon:hover, .main_ui_settings_subscription__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_subscription__checkbox-icon:focus, .main_ui_settings_subscription__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_settings_subscription__checkbox-icon.checked, .main_ui_settings_subscription__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_settings_subscription__checkbox-icon.checked svg, .main_ui_settings_subscription__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_settings_subscription__checkbox-icon.intermediate, .main_ui_settings_subscription__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_settings_subscription__checkbox-icon.intermediate svg, .main_ui_settings_subscription__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_settings_subscription__checkbox-icon.unchecked, .main_ui_settings_subscription__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_settings_subscription__checkbox-icon.unchecked svg, .main_ui_settings_subscription__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_settings_subscription__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_settings_subscription__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_settings_subscription__input-checkbox label input {
  margin: 0;
}
.main_ui_settings_subscription__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_settings_subscription__input-checkbox label:focus span, .main_ui_settings_subscription__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_settings_subscription__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_settings_subscription__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_settings_subscription__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_settings_subscription__input-with-label input:focus-within, .main_ui_settings_subscription__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_settings_subscription__input-with-label input:focus-within input, .main_ui_settings_subscription__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_settings_subscription__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_settings_subscription__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_settings_subscription__modal-overlay-base {
  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);
}

.main_ui_settings_subscription__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_settings_subscription__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_settings_subscription__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_settings_subscription__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_settings_subscription__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_subscription__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_settings_subscription__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_settings_subscription__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_settings_subscription__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_settings_subscription__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_settings_subscription__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_settings_subscription__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_settings_subscription__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_settings_subscription__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_settings_subscription__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_settings_subscription__colorpicker-handler {
  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;
}
.main_ui_settings_subscription__colorpicker-handler:hover, .main_ui_settings_subscription__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_settings_subscription__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_settings_subscription__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_settings_subscription__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_settings_subscription__attr-title button {
  display: none;
}
.main_ui_settings_subscription__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_subscription__attr-title:hover button {
  display: flex;
}

.main_ui_settings_subscription__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_settings_subscription__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_settings_subscription__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_subscription__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_settings_subscription__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_settings_subscription__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_settings_subscription__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_settings_subscription__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_settings_subscription__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_settings_subscription__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_settings_subscription__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_settings_subscription__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_settings_subscription__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_settings_subscription__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_settings_subscription__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_settings_subscription__dashboard-section {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.main_ui_settings_subscription__dashboard-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 31.25rem;
  margin-bottom: 2rem;
  width: 36.25rem;
  margin: 5.75rem auto 7.5rem auto;
  justify-content: center;
}

.main_ui_settings_subscription__membership-container {
  margin-block-start: 1rem;
}

.main_ui_settings_subscription__membership {
  align-items: center;
  display: flex;
  margin-block-start: 0.5rem;
}

.main_ui_settings_subscription__membership.main_ui_settings_subscription__first {
  margin-block-start: 1rem;
}

.main_ui_settings_subscription__membership-date {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
  margin-inline-start: 0.5rem;
}

.main_ui_settings_subscription__penpot-member {
  stroke: var(--icon-foreground);
}

.main_ui_settings_subscription__subscription-member {
  stroke: #fdcd79;
}

.main_ui_settings_subscription__title-section {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1.5rem;
  color: var(--color-foreground-primary);
  margin-block-end: 1rem;
}

.main_ui_settings_subscription__plan-section-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.2;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: var(--color-foreground-primary);
}

.main_ui_settings_subscription__plan-card {
  border: 1px solid var(--color-foreground-secondary);
  border-radius: 0.5rem;
  margin-block-start: 1rem;
  padding: 1rem;
}

.main_ui_settings_subscription__plan-card-header {
  display: flex;
  justify-content: space-between;
  margin-block-end: 0.5rem;
}

.main_ui_settings_subscription__plan-card-title-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.main_ui_settings_subscription__plan-title-icon {
  stroke: var(--color-foreground-primary);
  border-radius: 0.25rem;
  border: 1px solid var(--color-foreground-primary);
}

.main_ui_settings_subscription__plan-card-title,
.main_ui_settings_subscription__plan-price-value {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1.25rem;
  color: var(--color-foreground-primary);
}

.main_ui_settings_subscription__plan-price-period {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  color: var(--color-foreground-primary);
}

.main_ui_settings_subscription__benefits-list {
  margin-block: 0;
}

.main_ui_settings_subscription__benefits-title,
.main_ui_settings_subscription__benefit {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 0.875rem;
  color: var(--color-foreground-secondary);
}

.main_ui_settings_subscription__other-subscriptions {
  margin-block-start: 2.25rem;
}

.main_ui_settings_subscription__cta-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  color: var(--color-accent-tertiary);
}
@keyframes main_ui_releases_common__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_releases_common__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_releases_common__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_releases_common__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_releases_common__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_releases_common__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_releases_common__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_releases_common__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_releases_common__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_common__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_common__new-scrollbar ::placeholder,
.main_ui_releases_common__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_releases_common__button-primary, .main_ui_releases_common__modal-danger-btn, .main_ui_releases_common__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_releases_common__button-primary:focus-visible, .main_ui_releases_common__modal-danger-btn:focus-visible, .main_ui_releases_common__modal-accept-btn: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);
}
.main_ui_releases_common__button-primary:focus-visible svg, .main_ui_releases_common__modal-danger-btn:focus-visible svg, .main_ui_releases_common__modal-accept-btn:focus-visible svg,
.main_ui_releases_common__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_releases_common__button-primary svg, .main_ui_releases_common__modal-danger-btn svg, .main_ui_releases_common__modal-accept-btn svg,
.main_ui_releases_common__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_releases_common__button-primary:hover, .main_ui_releases_common__modal-danger-btn:hover, .main_ui_releases_common__modal-accept-btn: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;
}
.main_ui_releases_common__button-primary:hover svg, .main_ui_releases_common__modal-danger-btn:hover svg, .main_ui_releases_common__modal-accept-btn:hover svg,
.main_ui_releases_common__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_releases_common__button-primary:active, .main_ui_releases_common__modal-danger-btn:active, .main_ui_releases_common__modal-accept-btn: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;
}
.main_ui_releases_common__button-primary:active svg, .main_ui_releases_common__modal-danger-btn:active svg, .main_ui_releases_common__modal-accept-btn:active svg,
.main_ui_releases_common__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_releases_common__button-primary.disabled, .main_ui_releases_common__modal-danger-btn.disabled, .main_ui_releases_common__modal-accept-btn.disabled, .main_ui_releases_common__button-primary[disabled], [disabled].main_ui_releases_common__modal-danger-btn, [disabled].main_ui_releases_common__modal-accept-btn, .main_ui_releases_common__button-primary:disabled, .main_ui_releases_common__modal-danger-btn:disabled, .main_ui_releases_common__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_common__button-secondary, .main_ui_releases_common__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_common__button-secondary:focus-visible, .main_ui_releases_common__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_common__button-secondary:focus-visible svg, .main_ui_releases_common__modal-cancel-btn:focus-visible svg,
.main_ui_releases_common__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_common__button-secondary svg, .main_ui_releases_common__modal-cancel-btn svg,
.main_ui_releases_common__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_common__button-secondary:hover, .main_ui_releases_common__modal-cancel-btn: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;
}
.main_ui_releases_common__button-secondary:hover svg, .main_ui_releases_common__modal-cancel-btn:hover svg,
.main_ui_releases_common__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_releases_common__button-secondary:active, .main_ui_releases_common__modal-cancel-btn: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);
}
.main_ui_releases_common__button-secondary:active svg, .main_ui_releases_common__modal-cancel-btn:active svg,
.main_ui_releases_common__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_releases_common__button-secondary.disabled, .main_ui_releases_common__modal-cancel-btn.disabled, .main_ui_releases_common__button-secondary[disabled], [disabled].main_ui_releases_common__modal-cancel-btn, .main_ui_releases_common__button-secondary:disabled, .main_ui_releases_common__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_common__button-tertiary, .main_ui_releases_common__attr-title button, .main_ui_releases_common__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_releases_common__button-tertiary:focus-visible, .main_ui_releases_common__attr-title button:focus-visible, .main_ui_releases_common__modal-close-btn-base: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);
}
.main_ui_releases_common__button-tertiary:focus-visible svg, .main_ui_releases_common__attr-title button:focus-visible svg, .main_ui_releases_common__modal-close-btn-base:focus-visible svg,
.main_ui_releases_common__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_releases_common__button-tertiary svg, .main_ui_releases_common__attr-title button svg, .main_ui_releases_common__modal-close-btn-base svg,
.main_ui_releases_common__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_releases_common__button-tertiary:hover, .main_ui_releases_common__attr-title button:hover, .main_ui_releases_common__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_releases_common__button-tertiary:hover svg, .main_ui_releases_common__attr-title button:hover svg, .main_ui_releases_common__modal-close-btn-base:hover svg,
.main_ui_releases_common__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_releases_common__button-tertiary:active, .main_ui_releases_common__attr-title button:active, .main_ui_releases_common__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_common__button-tertiary:active svg, .main_ui_releases_common__attr-title button:active svg, .main_ui_releases_common__modal-close-btn-base:active svg,
.main_ui_releases_common__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_common__button-tertiary.disabled, .main_ui_releases_common__attr-title button.disabled, .main_ui_releases_common__modal-close-btn-base.disabled, .main_ui_releases_common__button-tertiary[disabled], .main_ui_releases_common__attr-title button[disabled], [disabled].main_ui_releases_common__modal-close-btn-base, .main_ui_releases_common__button-tertiary:disabled, .main_ui_releases_common__attr-title button:disabled, .main_ui_releases_common__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_releases_common__button-tertiary.disabled svg, .main_ui_releases_common__attr-title button.disabled svg, .main_ui_releases_common__modal-close-btn-base.disabled svg,
.main_ui_releases_common__button-tertiary.disabled span svg, .main_ui_releases_common__button-tertiary[disabled] svg, .main_ui_releases_common__attr-title button[disabled] svg, [disabled].main_ui_releases_common__modal-close-btn-base svg,
.main_ui_releases_common__button-tertiary[disabled] span svg, .main_ui_releases_common__button-tertiary:disabled svg, .main_ui_releases_common__attr-title button:disabled svg, .main_ui_releases_common__modal-close-btn-base:disabled svg,
.main_ui_releases_common__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_releases_common__button-icon-selected {
  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);
}
.main_ui_releases_common__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_releases_common__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_releases_common__button-radio: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);
}
.main_ui_releases_common__button-radio:focus-visible svg,
.main_ui_releases_common__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_releases_common__button-radio svg,
.main_ui_releases_common__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_releases_common__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_releases_common__button-radio:hover svg,
.main_ui_releases_common__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_releases_common__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_releases_common__button-radio:active svg,
.main_ui_releases_common__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_releases_common__button-warning {
  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);
}

.main_ui_releases_common__button-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;
}

.main_ui_releases_common__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_releases_common__button-tag: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);
}
.main_ui_releases_common__button-tag:focus-visible svg,
.main_ui_releases_common__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_releases_common__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_releases_common__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_releases_common__button-icon, .main_ui_releases_common__empty-icon svg, .main_ui_releases_common__modal-close-btn-base svg, .main_ui_releases_common__button-icon-small, .main_ui_releases_common__dropdown-element-base span svg, .main_ui_releases_common__attr-title button svg, .main_ui_releases_common__checkbox-icon.intermediate svg, .main_ui_releases_common__input-checkbox label span.intermediate svg, .main_ui_releases_common__checkbox-icon.checked svg, .main_ui_releases_common__input-checkbox label span.checked svg, .main_ui_releases_common__input-element span svg,
.main_ui_releases_common__input-element label svg, .main_ui_releases_common__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_releases_common__button-icon-small, .main_ui_releases_common__dropdown-element-base span svg, .main_ui_releases_common__attr-title button svg, .main_ui_releases_common__checkbox-icon.intermediate svg, .main_ui_releases_common__input-checkbox label span.intermediate svg, .main_ui_releases_common__checkbox-icon.checked svg, .main_ui_releases_common__input-checkbox label span.checked svg, .main_ui_releases_common__input-element span svg,
.main_ui_releases_common__input-element label svg, .main_ui_releases_common__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_releases_common__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_releases_common__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_releases_common__input-base, .main_ui_releases_common__input-with-label input, .main_ui_releases_common__input-element-label input, .main_ui_releases_common__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_common__input-base[disabled], .main_ui_releases_common__input-with-label input[disabled], .main_ui_releases_common__input-element-label input[disabled], .main_ui_releases_common__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_releases_common__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_releases_common__input-label, .main_ui_releases_common__input-element span,
.main_ui_releases_common__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_releases_common__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_releases_common__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_common__input-element span svg,
.main_ui_releases_common__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_releases_common__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_common__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_common__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_common__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_common__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_common__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_releases_common__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_common__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_common__input-element:focus, .main_ui_releases_common__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_common__input-element:focus span, .main_ui_releases_common__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_common__input-element:focus input, .main_ui_releases_common__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_common__input-element:focus:hover, .main_ui_releases_common__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_common__input-element:focus:hover span, .main_ui_releases_common__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_common__input-element:focus:hover input, .main_ui_releases_common__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_releases_common__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_releases_common__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_releases_common__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_common__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_common__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_common__input-element-label:focus-within input, .main_ui_releases_common__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_releases_common__disabled-input, .main_ui_releases_common__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_common__disabled-input input, .main_ui_releases_common__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_common__disabled-input span svg, .main_ui_releases_common__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_releases_common__checkbox-icon, .main_ui_releases_common__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_releases_common__checkbox-icon svg, .main_ui_releases_common__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_releases_common__checkbox-icon:hover, .main_ui_releases_common__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_common__checkbox-icon:focus, .main_ui_releases_common__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_releases_common__checkbox-icon.checked, .main_ui_releases_common__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_releases_common__checkbox-icon.checked svg, .main_ui_releases_common__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_releases_common__checkbox-icon.intermediate, .main_ui_releases_common__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_releases_common__checkbox-icon.intermediate svg, .main_ui_releases_common__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_releases_common__checkbox-icon.unchecked, .main_ui_releases_common__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_releases_common__checkbox-icon.unchecked svg, .main_ui_releases_common__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_releases_common__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_releases_common__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_releases_common__input-checkbox label input {
  margin: 0;
}
.main_ui_releases_common__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_common__input-checkbox label:focus span, .main_ui_releases_common__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_releases_common__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_releases_common__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_common__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_releases_common__input-with-label input:focus-within, .main_ui_releases_common__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_common__input-with-label input:focus-within input, .main_ui_releases_common__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_common__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_releases_common__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_releases_common__modal-overlay-base {
  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);
}

.main_ui_releases_common__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_releases_common__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_releases_common__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_releases_common__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_releases_common__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_common__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_common__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_releases_common__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_releases_common__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_releases_common__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_releases_common__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_releases_common__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_releases_common__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_releases_common__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_releases_common__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_releases_common__colorpicker-handler {
  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;
}
.main_ui_releases_common__colorpicker-handler:hover, .main_ui_releases_common__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_releases_common__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_releases_common__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_releases_common__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_releases_common__attr-title button {
  display: none;
}
.main_ui_releases_common__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_common__attr-title:hover button {
  display: flex;
}

.main_ui_releases_common__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_releases_common__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_releases_common__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_releases_common__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_releases_common__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_releases_common__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_releases_common__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_releases_common__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_releases_common__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_releases_common__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_releases_common__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_common__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_releases_common__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_releases_common__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_releases_common__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_releases_common__step-dots {
  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;
}

.main_ui_releases_common__dot {
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 50%;
  background-color: var(--modal-navigator-foreground-color-rest);
  cursor: pointer;
}

.main_ui_releases_common__current {
  background-color: var(--modal-navigator-foreground-color-active);
}
@keyframes main_ui_releases_v2_0__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_releases_v2_0__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_releases_v2_0__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_releases_v2_0__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_releases_v2_0__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_releases_v2_0__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_releases_v2_0__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_releases_v2_0__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_releases_v2_0__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_v2_0__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_v2_0__new-scrollbar ::placeholder,
.main_ui_releases_v2_0__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_releases_v2_0__button-primary, .main_ui_releases_v2_0__next-btn, .main_ui_releases_v2_0__modal-danger-btn, .main_ui_releases_v2_0__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_releases_v2_0__button-primary:focus-visible, .main_ui_releases_v2_0__next-btn:focus-visible, .main_ui_releases_v2_0__modal-danger-btn:focus-visible, .main_ui_releases_v2_0__modal-accept-btn: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);
}
.main_ui_releases_v2_0__button-primary:focus-visible svg, .main_ui_releases_v2_0__next-btn:focus-visible svg, .main_ui_releases_v2_0__modal-danger-btn:focus-visible svg, .main_ui_releases_v2_0__modal-accept-btn:focus-visible svg,
.main_ui_releases_v2_0__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_releases_v2_0__button-primary svg, .main_ui_releases_v2_0__next-btn svg, .main_ui_releases_v2_0__modal-danger-btn svg, .main_ui_releases_v2_0__modal-accept-btn svg,
.main_ui_releases_v2_0__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_releases_v2_0__button-primary:hover, .main_ui_releases_v2_0__next-btn:hover, .main_ui_releases_v2_0__modal-danger-btn:hover, .main_ui_releases_v2_0__modal-accept-btn: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;
}
.main_ui_releases_v2_0__button-primary:hover svg, .main_ui_releases_v2_0__next-btn:hover svg, .main_ui_releases_v2_0__modal-danger-btn:hover svg, .main_ui_releases_v2_0__modal-accept-btn:hover svg,
.main_ui_releases_v2_0__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_releases_v2_0__button-primary:active, .main_ui_releases_v2_0__next-btn:active, .main_ui_releases_v2_0__modal-danger-btn:active, .main_ui_releases_v2_0__modal-accept-btn: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;
}
.main_ui_releases_v2_0__button-primary:active svg, .main_ui_releases_v2_0__next-btn:active svg, .main_ui_releases_v2_0__modal-danger-btn:active svg, .main_ui_releases_v2_0__modal-accept-btn:active svg,
.main_ui_releases_v2_0__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_releases_v2_0__button-primary.disabled, .main_ui_releases_v2_0__next-btn.disabled, .main_ui_releases_v2_0__modal-danger-btn.disabled, .main_ui_releases_v2_0__modal-accept-btn.disabled, .main_ui_releases_v2_0__button-primary[disabled], [disabled].main_ui_releases_v2_0__next-btn, [disabled].main_ui_releases_v2_0__modal-danger-btn, [disabled].main_ui_releases_v2_0__modal-accept-btn, .main_ui_releases_v2_0__button-primary:disabled, .main_ui_releases_v2_0__next-btn:disabled, .main_ui_releases_v2_0__modal-danger-btn:disabled, .main_ui_releases_v2_0__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_v2_0__button-secondary, .main_ui_releases_v2_0__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_v2_0__button-secondary:focus-visible, .main_ui_releases_v2_0__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_v2_0__button-secondary:focus-visible svg, .main_ui_releases_v2_0__modal-cancel-btn:focus-visible svg,
.main_ui_releases_v2_0__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_v2_0__button-secondary svg, .main_ui_releases_v2_0__modal-cancel-btn svg,
.main_ui_releases_v2_0__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_v2_0__button-secondary:hover, .main_ui_releases_v2_0__modal-cancel-btn: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;
}
.main_ui_releases_v2_0__button-secondary:hover svg, .main_ui_releases_v2_0__modal-cancel-btn:hover svg,
.main_ui_releases_v2_0__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_releases_v2_0__button-secondary:active, .main_ui_releases_v2_0__modal-cancel-btn: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);
}
.main_ui_releases_v2_0__button-secondary:active svg, .main_ui_releases_v2_0__modal-cancel-btn:active svg,
.main_ui_releases_v2_0__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_releases_v2_0__button-secondary.disabled, .main_ui_releases_v2_0__modal-cancel-btn.disabled, .main_ui_releases_v2_0__button-secondary[disabled], [disabled].main_ui_releases_v2_0__modal-cancel-btn, .main_ui_releases_v2_0__button-secondary:disabled, .main_ui_releases_v2_0__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_v2_0__button-tertiary, .main_ui_releases_v2_0__attr-title button, .main_ui_releases_v2_0__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_releases_v2_0__button-tertiary:focus-visible, .main_ui_releases_v2_0__attr-title button:focus-visible, .main_ui_releases_v2_0__modal-close-btn-base: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);
}
.main_ui_releases_v2_0__button-tertiary:focus-visible svg, .main_ui_releases_v2_0__attr-title button:focus-visible svg, .main_ui_releases_v2_0__modal-close-btn-base:focus-visible svg,
.main_ui_releases_v2_0__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_releases_v2_0__button-tertiary svg, .main_ui_releases_v2_0__attr-title button svg, .main_ui_releases_v2_0__modal-close-btn-base svg,
.main_ui_releases_v2_0__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_releases_v2_0__button-tertiary:hover, .main_ui_releases_v2_0__attr-title button:hover, .main_ui_releases_v2_0__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_releases_v2_0__button-tertiary:hover svg, .main_ui_releases_v2_0__attr-title button:hover svg, .main_ui_releases_v2_0__modal-close-btn-base:hover svg,
.main_ui_releases_v2_0__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_releases_v2_0__button-tertiary:active, .main_ui_releases_v2_0__attr-title button:active, .main_ui_releases_v2_0__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_v2_0__button-tertiary:active svg, .main_ui_releases_v2_0__attr-title button:active svg, .main_ui_releases_v2_0__modal-close-btn-base:active svg,
.main_ui_releases_v2_0__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_v2_0__button-tertiary.disabled, .main_ui_releases_v2_0__attr-title button.disabled, .main_ui_releases_v2_0__modal-close-btn-base.disabled, .main_ui_releases_v2_0__button-tertiary[disabled], .main_ui_releases_v2_0__attr-title button[disabled], [disabled].main_ui_releases_v2_0__modal-close-btn-base, .main_ui_releases_v2_0__button-tertiary:disabled, .main_ui_releases_v2_0__attr-title button:disabled, .main_ui_releases_v2_0__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_releases_v2_0__button-tertiary.disabled svg, .main_ui_releases_v2_0__attr-title button.disabled svg, .main_ui_releases_v2_0__modal-close-btn-base.disabled svg,
.main_ui_releases_v2_0__button-tertiary.disabled span svg, .main_ui_releases_v2_0__button-tertiary[disabled] svg, .main_ui_releases_v2_0__attr-title button[disabled] svg, [disabled].main_ui_releases_v2_0__modal-close-btn-base svg,
.main_ui_releases_v2_0__button-tertiary[disabled] span svg, .main_ui_releases_v2_0__button-tertiary:disabled svg, .main_ui_releases_v2_0__attr-title button:disabled svg, .main_ui_releases_v2_0__modal-close-btn-base:disabled svg,
.main_ui_releases_v2_0__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_releases_v2_0__button-icon-selected {
  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);
}
.main_ui_releases_v2_0__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_releases_v2_0__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_releases_v2_0__button-radio: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);
}
.main_ui_releases_v2_0__button-radio:focus-visible svg,
.main_ui_releases_v2_0__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_releases_v2_0__button-radio svg,
.main_ui_releases_v2_0__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_releases_v2_0__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_releases_v2_0__button-radio:hover svg,
.main_ui_releases_v2_0__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_releases_v2_0__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_releases_v2_0__button-radio:active svg,
.main_ui_releases_v2_0__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_releases_v2_0__button-warning {
  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);
}

.main_ui_releases_v2_0__button-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;
}

.main_ui_releases_v2_0__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_releases_v2_0__button-tag: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);
}
.main_ui_releases_v2_0__button-tag:focus-visible svg,
.main_ui_releases_v2_0__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_releases_v2_0__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_releases_v2_0__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_releases_v2_0__button-icon, .main_ui_releases_v2_0__empty-icon svg, .main_ui_releases_v2_0__modal-close-btn-base svg, .main_ui_releases_v2_0__button-icon-small, .main_ui_releases_v2_0__dropdown-element-base span svg, .main_ui_releases_v2_0__attr-title button svg, .main_ui_releases_v2_0__checkbox-icon.intermediate svg, .main_ui_releases_v2_0__input-checkbox label span.intermediate svg, .main_ui_releases_v2_0__checkbox-icon.checked svg, .main_ui_releases_v2_0__input-checkbox label span.checked svg, .main_ui_releases_v2_0__input-element span svg,
.main_ui_releases_v2_0__input-element label svg, .main_ui_releases_v2_0__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_releases_v2_0__button-icon-small, .main_ui_releases_v2_0__dropdown-element-base span svg, .main_ui_releases_v2_0__attr-title button svg, .main_ui_releases_v2_0__checkbox-icon.intermediate svg, .main_ui_releases_v2_0__input-checkbox label span.intermediate svg, .main_ui_releases_v2_0__checkbox-icon.checked svg, .main_ui_releases_v2_0__input-checkbox label span.checked svg, .main_ui_releases_v2_0__input-element span svg,
.main_ui_releases_v2_0__input-element label svg, .main_ui_releases_v2_0__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_releases_v2_0__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_releases_v2_0__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_releases_v2_0__input-base, .main_ui_releases_v2_0__input-with-label input, .main_ui_releases_v2_0__input-element-label input, .main_ui_releases_v2_0__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_0__input-base[disabled], .main_ui_releases_v2_0__input-with-label input[disabled], .main_ui_releases_v2_0__input-element-label input[disabled], .main_ui_releases_v2_0__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_releases_v2_0__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_releases_v2_0__input-label, .main_ui_releases_v2_0__input-element span,
.main_ui_releases_v2_0__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_releases_v2_0__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_releases_v2_0__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_v2_0__input-element span svg,
.main_ui_releases_v2_0__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_releases_v2_0__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_0__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_0__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_v2_0__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_v2_0__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_v2_0__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_releases_v2_0__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_0__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_0__input-element:focus, .main_ui_releases_v2_0__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_v2_0__input-element:focus span, .main_ui_releases_v2_0__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_0__input-element:focus input, .main_ui_releases_v2_0__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_0__input-element:focus:hover, .main_ui_releases_v2_0__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_v2_0__input-element:focus:hover span, .main_ui_releases_v2_0__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_0__input-element:focus:hover input, .main_ui_releases_v2_0__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_releases_v2_0__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_releases_v2_0__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_releases_v2_0__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_0__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_0__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_v2_0__input-element-label:focus-within input, .main_ui_releases_v2_0__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_releases_v2_0__disabled-input, .main_ui_releases_v2_0__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_v2_0__disabled-input input, .main_ui_releases_v2_0__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_v2_0__disabled-input span svg, .main_ui_releases_v2_0__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_releases_v2_0__checkbox-icon, .main_ui_releases_v2_0__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_releases_v2_0__checkbox-icon svg, .main_ui_releases_v2_0__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_releases_v2_0__checkbox-icon:hover, .main_ui_releases_v2_0__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_v2_0__checkbox-icon:focus, .main_ui_releases_v2_0__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_releases_v2_0__checkbox-icon.checked, .main_ui_releases_v2_0__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_releases_v2_0__checkbox-icon.checked svg, .main_ui_releases_v2_0__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_releases_v2_0__checkbox-icon.intermediate, .main_ui_releases_v2_0__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_releases_v2_0__checkbox-icon.intermediate svg, .main_ui_releases_v2_0__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_releases_v2_0__checkbox-icon.unchecked, .main_ui_releases_v2_0__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_releases_v2_0__checkbox-icon.unchecked svg, .main_ui_releases_v2_0__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_releases_v2_0__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_releases_v2_0__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_releases_v2_0__input-checkbox label input {
  margin: 0;
}
.main_ui_releases_v2_0__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_v2_0__input-checkbox label:focus span, .main_ui_releases_v2_0__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_releases_v2_0__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_releases_v2_0__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_0__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_0__input-with-label input:focus-within, .main_ui_releases_v2_0__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_v2_0__input-with-label input:focus-within input, .main_ui_releases_v2_0__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_0__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_releases_v2_0__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_releases_v2_0__modal-overlay-base, .main_ui_releases_v2_0__modal-overlay {
  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);
}

.main_ui_releases_v2_0__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_releases_v2_0__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_releases_v2_0__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_releases_v2_0__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_releases_v2_0__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_v2_0__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_v2_0__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_releases_v2_0__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_releases_v2_0__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_releases_v2_0__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_releases_v2_0__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_releases_v2_0__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_releases_v2_0__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_releases_v2_0__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_releases_v2_0__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_releases_v2_0__colorpicker-handler {
  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;
}
.main_ui_releases_v2_0__colorpicker-handler:hover, .main_ui_releases_v2_0__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_releases_v2_0__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_releases_v2_0__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_releases_v2_0__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_releases_v2_0__attr-title button {
  display: none;
}
.main_ui_releases_v2_0__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_v2_0__attr-title:hover button {
  display: flex;
}

.main_ui_releases_v2_0__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_releases_v2_0__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_releases_v2_0__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_releases_v2_0__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_releases_v2_0__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_releases_v2_0__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_releases_v2_0__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_releases_v2_0__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_releases_v2_0__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_releases_v2_0__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_releases_v2_0__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_v2_0__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_releases_v2_0__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_releases_v2_0__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_releases_v2_0__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_releases_v2_0__modal-container {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 0.5rem;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.main_ui_releases_v2_0__start-image {
  width: 20.25rem;
  border-radius: 0.5rem 0 0 0.5rem;
}

.main_ui_releases_v2_0__modal-content {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}

.main_ui_releases_v2_0__modal-header {
  display: grid;
  gap: 0.5rem;
}

.main_ui_releases_v2_0__version-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 0.5rem;
}

.main_ui_releases_v2_0__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_releases_v2_0__features-block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.main_ui_releases_v2_0__feature {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.main_ui_releases_v2_0__feature-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_releases_v2_0__feature-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.main_ui_releases_v2_0__feature-list {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.main_ui_releases_v2_0__navigation {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.main_ui_releases_v2_0__next-btn {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes main_ui_releases_v2_1__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_releases_v2_1__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_releases_v2_1__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_releases_v2_1__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_releases_v2_1__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_releases_v2_1__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_releases_v2_1__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_releases_v2_1__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_releases_v2_1__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_v2_1__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_v2_1__new-scrollbar ::placeholder,
.main_ui_releases_v2_1__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_releases_v2_1__button-primary, .main_ui_releases_v2_1__next-btn, .main_ui_releases_v2_1__modal-danger-btn, .main_ui_releases_v2_1__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_releases_v2_1__button-primary:focus-visible, .main_ui_releases_v2_1__next-btn:focus-visible, .main_ui_releases_v2_1__modal-danger-btn:focus-visible, .main_ui_releases_v2_1__modal-accept-btn: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);
}
.main_ui_releases_v2_1__button-primary:focus-visible svg, .main_ui_releases_v2_1__next-btn:focus-visible svg, .main_ui_releases_v2_1__modal-danger-btn:focus-visible svg, .main_ui_releases_v2_1__modal-accept-btn:focus-visible svg,
.main_ui_releases_v2_1__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_releases_v2_1__button-primary svg, .main_ui_releases_v2_1__next-btn svg, .main_ui_releases_v2_1__modal-danger-btn svg, .main_ui_releases_v2_1__modal-accept-btn svg,
.main_ui_releases_v2_1__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_releases_v2_1__button-primary:hover, .main_ui_releases_v2_1__next-btn:hover, .main_ui_releases_v2_1__modal-danger-btn:hover, .main_ui_releases_v2_1__modal-accept-btn: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;
}
.main_ui_releases_v2_1__button-primary:hover svg, .main_ui_releases_v2_1__next-btn:hover svg, .main_ui_releases_v2_1__modal-danger-btn:hover svg, .main_ui_releases_v2_1__modal-accept-btn:hover svg,
.main_ui_releases_v2_1__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_releases_v2_1__button-primary:active, .main_ui_releases_v2_1__next-btn:active, .main_ui_releases_v2_1__modal-danger-btn:active, .main_ui_releases_v2_1__modal-accept-btn: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;
}
.main_ui_releases_v2_1__button-primary:active svg, .main_ui_releases_v2_1__next-btn:active svg, .main_ui_releases_v2_1__modal-danger-btn:active svg, .main_ui_releases_v2_1__modal-accept-btn:active svg,
.main_ui_releases_v2_1__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_releases_v2_1__button-primary.disabled, .main_ui_releases_v2_1__next-btn.disabled, .main_ui_releases_v2_1__modal-danger-btn.disabled, .main_ui_releases_v2_1__modal-accept-btn.disabled, .main_ui_releases_v2_1__button-primary[disabled], [disabled].main_ui_releases_v2_1__next-btn, [disabled].main_ui_releases_v2_1__modal-danger-btn, [disabled].main_ui_releases_v2_1__modal-accept-btn, .main_ui_releases_v2_1__button-primary:disabled, .main_ui_releases_v2_1__next-btn:disabled, .main_ui_releases_v2_1__modal-danger-btn:disabled, .main_ui_releases_v2_1__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_v2_1__button-secondary, .main_ui_releases_v2_1__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_v2_1__button-secondary:focus-visible, .main_ui_releases_v2_1__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_v2_1__button-secondary:focus-visible svg, .main_ui_releases_v2_1__modal-cancel-btn:focus-visible svg,
.main_ui_releases_v2_1__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_v2_1__button-secondary svg, .main_ui_releases_v2_1__modal-cancel-btn svg,
.main_ui_releases_v2_1__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_v2_1__button-secondary:hover, .main_ui_releases_v2_1__modal-cancel-btn: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;
}
.main_ui_releases_v2_1__button-secondary:hover svg, .main_ui_releases_v2_1__modal-cancel-btn:hover svg,
.main_ui_releases_v2_1__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_releases_v2_1__button-secondary:active, .main_ui_releases_v2_1__modal-cancel-btn: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);
}
.main_ui_releases_v2_1__button-secondary:active svg, .main_ui_releases_v2_1__modal-cancel-btn:active svg,
.main_ui_releases_v2_1__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_releases_v2_1__button-secondary.disabled, .main_ui_releases_v2_1__modal-cancel-btn.disabled, .main_ui_releases_v2_1__button-secondary[disabled], [disabled].main_ui_releases_v2_1__modal-cancel-btn, .main_ui_releases_v2_1__button-secondary:disabled, .main_ui_releases_v2_1__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_v2_1__button-tertiary, .main_ui_releases_v2_1__attr-title button, .main_ui_releases_v2_1__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_releases_v2_1__button-tertiary:focus-visible, .main_ui_releases_v2_1__attr-title button:focus-visible, .main_ui_releases_v2_1__modal-close-btn-base: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);
}
.main_ui_releases_v2_1__button-tertiary:focus-visible svg, .main_ui_releases_v2_1__attr-title button:focus-visible svg, .main_ui_releases_v2_1__modal-close-btn-base:focus-visible svg,
.main_ui_releases_v2_1__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_releases_v2_1__button-tertiary svg, .main_ui_releases_v2_1__attr-title button svg, .main_ui_releases_v2_1__modal-close-btn-base svg,
.main_ui_releases_v2_1__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_releases_v2_1__button-tertiary:hover, .main_ui_releases_v2_1__attr-title button:hover, .main_ui_releases_v2_1__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_releases_v2_1__button-tertiary:hover svg, .main_ui_releases_v2_1__attr-title button:hover svg, .main_ui_releases_v2_1__modal-close-btn-base:hover svg,
.main_ui_releases_v2_1__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_releases_v2_1__button-tertiary:active, .main_ui_releases_v2_1__attr-title button:active, .main_ui_releases_v2_1__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_v2_1__button-tertiary:active svg, .main_ui_releases_v2_1__attr-title button:active svg, .main_ui_releases_v2_1__modal-close-btn-base:active svg,
.main_ui_releases_v2_1__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_v2_1__button-tertiary.disabled, .main_ui_releases_v2_1__attr-title button.disabled, .main_ui_releases_v2_1__modal-close-btn-base.disabled, .main_ui_releases_v2_1__button-tertiary[disabled], .main_ui_releases_v2_1__attr-title button[disabled], [disabled].main_ui_releases_v2_1__modal-close-btn-base, .main_ui_releases_v2_1__button-tertiary:disabled, .main_ui_releases_v2_1__attr-title button:disabled, .main_ui_releases_v2_1__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_releases_v2_1__button-tertiary.disabled svg, .main_ui_releases_v2_1__attr-title button.disabled svg, .main_ui_releases_v2_1__modal-close-btn-base.disabled svg,
.main_ui_releases_v2_1__button-tertiary.disabled span svg, .main_ui_releases_v2_1__button-tertiary[disabled] svg, .main_ui_releases_v2_1__attr-title button[disabled] svg, [disabled].main_ui_releases_v2_1__modal-close-btn-base svg,
.main_ui_releases_v2_1__button-tertiary[disabled] span svg, .main_ui_releases_v2_1__button-tertiary:disabled svg, .main_ui_releases_v2_1__attr-title button:disabled svg, .main_ui_releases_v2_1__modal-close-btn-base:disabled svg,
.main_ui_releases_v2_1__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_releases_v2_1__button-icon-selected {
  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);
}
.main_ui_releases_v2_1__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_releases_v2_1__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_releases_v2_1__button-radio: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);
}
.main_ui_releases_v2_1__button-radio:focus-visible svg,
.main_ui_releases_v2_1__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_releases_v2_1__button-radio svg,
.main_ui_releases_v2_1__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_releases_v2_1__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_releases_v2_1__button-radio:hover svg,
.main_ui_releases_v2_1__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_releases_v2_1__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_releases_v2_1__button-radio:active svg,
.main_ui_releases_v2_1__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_releases_v2_1__button-warning {
  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);
}

.main_ui_releases_v2_1__button-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;
}

.main_ui_releases_v2_1__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_releases_v2_1__button-tag: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);
}
.main_ui_releases_v2_1__button-tag:focus-visible svg,
.main_ui_releases_v2_1__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_releases_v2_1__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_releases_v2_1__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_releases_v2_1__button-icon, .main_ui_releases_v2_1__empty-icon svg, .main_ui_releases_v2_1__modal-close-btn-base svg, .main_ui_releases_v2_1__button-icon-small, .main_ui_releases_v2_1__dropdown-element-base span svg, .main_ui_releases_v2_1__attr-title button svg, .main_ui_releases_v2_1__checkbox-icon.intermediate svg, .main_ui_releases_v2_1__input-checkbox label span.intermediate svg, .main_ui_releases_v2_1__checkbox-icon.checked svg, .main_ui_releases_v2_1__input-checkbox label span.checked svg, .main_ui_releases_v2_1__input-element span svg,
.main_ui_releases_v2_1__input-element label svg, .main_ui_releases_v2_1__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_releases_v2_1__button-icon-small, .main_ui_releases_v2_1__dropdown-element-base span svg, .main_ui_releases_v2_1__attr-title button svg, .main_ui_releases_v2_1__checkbox-icon.intermediate svg, .main_ui_releases_v2_1__input-checkbox label span.intermediate svg, .main_ui_releases_v2_1__checkbox-icon.checked svg, .main_ui_releases_v2_1__input-checkbox label span.checked svg, .main_ui_releases_v2_1__input-element span svg,
.main_ui_releases_v2_1__input-element label svg, .main_ui_releases_v2_1__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_releases_v2_1__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_releases_v2_1__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_releases_v2_1__input-base, .main_ui_releases_v2_1__input-with-label input, .main_ui_releases_v2_1__input-element-label input, .main_ui_releases_v2_1__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_1__input-base[disabled], .main_ui_releases_v2_1__input-with-label input[disabled], .main_ui_releases_v2_1__input-element-label input[disabled], .main_ui_releases_v2_1__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_releases_v2_1__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_releases_v2_1__input-label, .main_ui_releases_v2_1__input-element span,
.main_ui_releases_v2_1__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_releases_v2_1__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_releases_v2_1__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_v2_1__input-element span svg,
.main_ui_releases_v2_1__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_releases_v2_1__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_1__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_1__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_v2_1__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_v2_1__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_v2_1__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_releases_v2_1__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_1__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_1__input-element:focus, .main_ui_releases_v2_1__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_v2_1__input-element:focus span, .main_ui_releases_v2_1__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_1__input-element:focus input, .main_ui_releases_v2_1__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_1__input-element:focus:hover, .main_ui_releases_v2_1__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_v2_1__input-element:focus:hover span, .main_ui_releases_v2_1__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_1__input-element:focus:hover input, .main_ui_releases_v2_1__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_releases_v2_1__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_releases_v2_1__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_releases_v2_1__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_1__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_1__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_v2_1__input-element-label:focus-within input, .main_ui_releases_v2_1__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_releases_v2_1__disabled-input, .main_ui_releases_v2_1__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_v2_1__disabled-input input, .main_ui_releases_v2_1__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_v2_1__disabled-input span svg, .main_ui_releases_v2_1__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_releases_v2_1__checkbox-icon, .main_ui_releases_v2_1__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_releases_v2_1__checkbox-icon svg, .main_ui_releases_v2_1__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_releases_v2_1__checkbox-icon:hover, .main_ui_releases_v2_1__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_v2_1__checkbox-icon:focus, .main_ui_releases_v2_1__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_releases_v2_1__checkbox-icon.checked, .main_ui_releases_v2_1__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_releases_v2_1__checkbox-icon.checked svg, .main_ui_releases_v2_1__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_releases_v2_1__checkbox-icon.intermediate, .main_ui_releases_v2_1__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_releases_v2_1__checkbox-icon.intermediate svg, .main_ui_releases_v2_1__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_releases_v2_1__checkbox-icon.unchecked, .main_ui_releases_v2_1__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_releases_v2_1__checkbox-icon.unchecked svg, .main_ui_releases_v2_1__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_releases_v2_1__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_releases_v2_1__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_releases_v2_1__input-checkbox label input {
  margin: 0;
}
.main_ui_releases_v2_1__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_v2_1__input-checkbox label:focus span, .main_ui_releases_v2_1__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_releases_v2_1__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_releases_v2_1__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_1__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_1__input-with-label input:focus-within, .main_ui_releases_v2_1__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_v2_1__input-with-label input:focus-within input, .main_ui_releases_v2_1__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_1__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_releases_v2_1__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_releases_v2_1__modal-overlay-base, .main_ui_releases_v2_1__modal-overlay {
  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);
}

.main_ui_releases_v2_1__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_releases_v2_1__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_releases_v2_1__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_releases_v2_1__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_releases_v2_1__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_v2_1__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_v2_1__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_releases_v2_1__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_releases_v2_1__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_releases_v2_1__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_releases_v2_1__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_releases_v2_1__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_releases_v2_1__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_releases_v2_1__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_releases_v2_1__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_releases_v2_1__colorpicker-handler {
  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;
}
.main_ui_releases_v2_1__colorpicker-handler:hover, .main_ui_releases_v2_1__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_releases_v2_1__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_releases_v2_1__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_releases_v2_1__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_releases_v2_1__attr-title button {
  display: none;
}
.main_ui_releases_v2_1__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_v2_1__attr-title:hover button {
  display: flex;
}

.main_ui_releases_v2_1__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_releases_v2_1__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_releases_v2_1__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_releases_v2_1__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_releases_v2_1__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_releases_v2_1__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_releases_v2_1__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_releases_v2_1__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_releases_v2_1__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_releases_v2_1__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_releases_v2_1__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_v2_1__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_releases_v2_1__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_releases_v2_1__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_releases_v2_1__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_releases_v2_1__modal-container {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 0.5rem;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.main_ui_releases_v2_1__start-image {
  width: 20.25rem;
  border-radius: 0.5rem 0 0 0.5rem;
}

.main_ui_releases_v2_1__modal-content {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}

.main_ui_releases_v2_1__modal-header {
  display: grid;
  gap: 0.5rem;
}

.main_ui_releases_v2_1__version-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 0.5rem;
}

.main_ui_releases_v2_1__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_releases_v2_1__features-block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.main_ui_releases_v2_1__feature-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.main_ui_releases_v2_1__navigation {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.main_ui_releases_v2_1__next-btn {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes main_ui_releases_v2_2__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_releases_v2_2__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_releases_v2_2__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_releases_v2_2__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_releases_v2_2__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_releases_v2_2__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_releases_v2_2__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_releases_v2_2__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_releases_v2_2__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_v2_2__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_v2_2__new-scrollbar ::placeholder,
.main_ui_releases_v2_2__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_releases_v2_2__button-primary, .main_ui_releases_v2_2__next-btn, .main_ui_releases_v2_2__modal-danger-btn, .main_ui_releases_v2_2__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_releases_v2_2__button-primary:focus-visible, .main_ui_releases_v2_2__next-btn:focus-visible, .main_ui_releases_v2_2__modal-danger-btn:focus-visible, .main_ui_releases_v2_2__modal-accept-btn: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);
}
.main_ui_releases_v2_2__button-primary:focus-visible svg, .main_ui_releases_v2_2__next-btn:focus-visible svg, .main_ui_releases_v2_2__modal-danger-btn:focus-visible svg, .main_ui_releases_v2_2__modal-accept-btn:focus-visible svg,
.main_ui_releases_v2_2__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_releases_v2_2__button-primary svg, .main_ui_releases_v2_2__next-btn svg, .main_ui_releases_v2_2__modal-danger-btn svg, .main_ui_releases_v2_2__modal-accept-btn svg,
.main_ui_releases_v2_2__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_releases_v2_2__button-primary:hover, .main_ui_releases_v2_2__next-btn:hover, .main_ui_releases_v2_2__modal-danger-btn:hover, .main_ui_releases_v2_2__modal-accept-btn: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;
}
.main_ui_releases_v2_2__button-primary:hover svg, .main_ui_releases_v2_2__next-btn:hover svg, .main_ui_releases_v2_2__modal-danger-btn:hover svg, .main_ui_releases_v2_2__modal-accept-btn:hover svg,
.main_ui_releases_v2_2__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_releases_v2_2__button-primary:active, .main_ui_releases_v2_2__next-btn:active, .main_ui_releases_v2_2__modal-danger-btn:active, .main_ui_releases_v2_2__modal-accept-btn: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;
}
.main_ui_releases_v2_2__button-primary:active svg, .main_ui_releases_v2_2__next-btn:active svg, .main_ui_releases_v2_2__modal-danger-btn:active svg, .main_ui_releases_v2_2__modal-accept-btn:active svg,
.main_ui_releases_v2_2__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_releases_v2_2__button-primary.disabled, .main_ui_releases_v2_2__next-btn.disabled, .main_ui_releases_v2_2__modal-danger-btn.disabled, .main_ui_releases_v2_2__modal-accept-btn.disabled, .main_ui_releases_v2_2__button-primary[disabled], [disabled].main_ui_releases_v2_2__next-btn, [disabled].main_ui_releases_v2_2__modal-danger-btn, [disabled].main_ui_releases_v2_2__modal-accept-btn, .main_ui_releases_v2_2__button-primary:disabled, .main_ui_releases_v2_2__next-btn:disabled, .main_ui_releases_v2_2__modal-danger-btn:disabled, .main_ui_releases_v2_2__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_v2_2__button-secondary, .main_ui_releases_v2_2__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_v2_2__button-secondary:focus-visible, .main_ui_releases_v2_2__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_v2_2__button-secondary:focus-visible svg, .main_ui_releases_v2_2__modal-cancel-btn:focus-visible svg,
.main_ui_releases_v2_2__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_v2_2__button-secondary svg, .main_ui_releases_v2_2__modal-cancel-btn svg,
.main_ui_releases_v2_2__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_v2_2__button-secondary:hover, .main_ui_releases_v2_2__modal-cancel-btn: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;
}
.main_ui_releases_v2_2__button-secondary:hover svg, .main_ui_releases_v2_2__modal-cancel-btn:hover svg,
.main_ui_releases_v2_2__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_releases_v2_2__button-secondary:active, .main_ui_releases_v2_2__modal-cancel-btn: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);
}
.main_ui_releases_v2_2__button-secondary:active svg, .main_ui_releases_v2_2__modal-cancel-btn:active svg,
.main_ui_releases_v2_2__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_releases_v2_2__button-secondary.disabled, .main_ui_releases_v2_2__modal-cancel-btn.disabled, .main_ui_releases_v2_2__button-secondary[disabled], [disabled].main_ui_releases_v2_2__modal-cancel-btn, .main_ui_releases_v2_2__button-secondary:disabled, .main_ui_releases_v2_2__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_v2_2__button-tertiary, .main_ui_releases_v2_2__attr-title button, .main_ui_releases_v2_2__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_releases_v2_2__button-tertiary:focus-visible, .main_ui_releases_v2_2__attr-title button:focus-visible, .main_ui_releases_v2_2__modal-close-btn-base: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);
}
.main_ui_releases_v2_2__button-tertiary:focus-visible svg, .main_ui_releases_v2_2__attr-title button:focus-visible svg, .main_ui_releases_v2_2__modal-close-btn-base:focus-visible svg,
.main_ui_releases_v2_2__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_releases_v2_2__button-tertiary svg, .main_ui_releases_v2_2__attr-title button svg, .main_ui_releases_v2_2__modal-close-btn-base svg,
.main_ui_releases_v2_2__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_releases_v2_2__button-tertiary:hover, .main_ui_releases_v2_2__attr-title button:hover, .main_ui_releases_v2_2__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_releases_v2_2__button-tertiary:hover svg, .main_ui_releases_v2_2__attr-title button:hover svg, .main_ui_releases_v2_2__modal-close-btn-base:hover svg,
.main_ui_releases_v2_2__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_releases_v2_2__button-tertiary:active, .main_ui_releases_v2_2__attr-title button:active, .main_ui_releases_v2_2__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_v2_2__button-tertiary:active svg, .main_ui_releases_v2_2__attr-title button:active svg, .main_ui_releases_v2_2__modal-close-btn-base:active svg,
.main_ui_releases_v2_2__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_v2_2__button-tertiary.disabled, .main_ui_releases_v2_2__attr-title button.disabled, .main_ui_releases_v2_2__modal-close-btn-base.disabled, .main_ui_releases_v2_2__button-tertiary[disabled], .main_ui_releases_v2_2__attr-title button[disabled], [disabled].main_ui_releases_v2_2__modal-close-btn-base, .main_ui_releases_v2_2__button-tertiary:disabled, .main_ui_releases_v2_2__attr-title button:disabled, .main_ui_releases_v2_2__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_releases_v2_2__button-tertiary.disabled svg, .main_ui_releases_v2_2__attr-title button.disabled svg, .main_ui_releases_v2_2__modal-close-btn-base.disabled svg,
.main_ui_releases_v2_2__button-tertiary.disabled span svg, .main_ui_releases_v2_2__button-tertiary[disabled] svg, .main_ui_releases_v2_2__attr-title button[disabled] svg, [disabled].main_ui_releases_v2_2__modal-close-btn-base svg,
.main_ui_releases_v2_2__button-tertiary[disabled] span svg, .main_ui_releases_v2_2__button-tertiary:disabled svg, .main_ui_releases_v2_2__attr-title button:disabled svg, .main_ui_releases_v2_2__modal-close-btn-base:disabled svg,
.main_ui_releases_v2_2__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_releases_v2_2__button-icon-selected {
  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);
}
.main_ui_releases_v2_2__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_releases_v2_2__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_releases_v2_2__button-radio: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);
}
.main_ui_releases_v2_2__button-radio:focus-visible svg,
.main_ui_releases_v2_2__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_releases_v2_2__button-radio svg,
.main_ui_releases_v2_2__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_releases_v2_2__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_releases_v2_2__button-radio:hover svg,
.main_ui_releases_v2_2__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_releases_v2_2__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_releases_v2_2__button-radio:active svg,
.main_ui_releases_v2_2__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_releases_v2_2__button-warning {
  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);
}

.main_ui_releases_v2_2__button-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;
}

.main_ui_releases_v2_2__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_releases_v2_2__button-tag: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);
}
.main_ui_releases_v2_2__button-tag:focus-visible svg,
.main_ui_releases_v2_2__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_releases_v2_2__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_releases_v2_2__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_releases_v2_2__button-icon, .main_ui_releases_v2_2__empty-icon svg, .main_ui_releases_v2_2__modal-close-btn-base svg, .main_ui_releases_v2_2__button-icon-small, .main_ui_releases_v2_2__dropdown-element-base span svg, .main_ui_releases_v2_2__attr-title button svg, .main_ui_releases_v2_2__checkbox-icon.intermediate svg, .main_ui_releases_v2_2__input-checkbox label span.intermediate svg, .main_ui_releases_v2_2__checkbox-icon.checked svg, .main_ui_releases_v2_2__input-checkbox label span.checked svg, .main_ui_releases_v2_2__input-element span svg,
.main_ui_releases_v2_2__input-element label svg, .main_ui_releases_v2_2__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_releases_v2_2__button-icon-small, .main_ui_releases_v2_2__dropdown-element-base span svg, .main_ui_releases_v2_2__attr-title button svg, .main_ui_releases_v2_2__checkbox-icon.intermediate svg, .main_ui_releases_v2_2__input-checkbox label span.intermediate svg, .main_ui_releases_v2_2__checkbox-icon.checked svg, .main_ui_releases_v2_2__input-checkbox label span.checked svg, .main_ui_releases_v2_2__input-element span svg,
.main_ui_releases_v2_2__input-element label svg, .main_ui_releases_v2_2__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_releases_v2_2__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_releases_v2_2__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_releases_v2_2__input-base, .main_ui_releases_v2_2__input-with-label input, .main_ui_releases_v2_2__input-element-label input, .main_ui_releases_v2_2__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_2__input-base[disabled], .main_ui_releases_v2_2__input-with-label input[disabled], .main_ui_releases_v2_2__input-element-label input[disabled], .main_ui_releases_v2_2__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_releases_v2_2__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_releases_v2_2__input-label, .main_ui_releases_v2_2__input-element span,
.main_ui_releases_v2_2__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_releases_v2_2__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_releases_v2_2__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_v2_2__input-element span svg,
.main_ui_releases_v2_2__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_releases_v2_2__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_2__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_2__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_v2_2__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_v2_2__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_v2_2__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_releases_v2_2__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_2__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_2__input-element:focus, .main_ui_releases_v2_2__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_v2_2__input-element:focus span, .main_ui_releases_v2_2__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_2__input-element:focus input, .main_ui_releases_v2_2__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_2__input-element:focus:hover, .main_ui_releases_v2_2__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_v2_2__input-element:focus:hover span, .main_ui_releases_v2_2__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_2__input-element:focus:hover input, .main_ui_releases_v2_2__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_releases_v2_2__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_releases_v2_2__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_releases_v2_2__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_2__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_2__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_v2_2__input-element-label:focus-within input, .main_ui_releases_v2_2__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_releases_v2_2__disabled-input, .main_ui_releases_v2_2__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_v2_2__disabled-input input, .main_ui_releases_v2_2__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_v2_2__disabled-input span svg, .main_ui_releases_v2_2__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_releases_v2_2__checkbox-icon, .main_ui_releases_v2_2__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_releases_v2_2__checkbox-icon svg, .main_ui_releases_v2_2__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_releases_v2_2__checkbox-icon:hover, .main_ui_releases_v2_2__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_v2_2__checkbox-icon:focus, .main_ui_releases_v2_2__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_releases_v2_2__checkbox-icon.checked, .main_ui_releases_v2_2__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_releases_v2_2__checkbox-icon.checked svg, .main_ui_releases_v2_2__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_releases_v2_2__checkbox-icon.intermediate, .main_ui_releases_v2_2__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_releases_v2_2__checkbox-icon.intermediate svg, .main_ui_releases_v2_2__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_releases_v2_2__checkbox-icon.unchecked, .main_ui_releases_v2_2__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_releases_v2_2__checkbox-icon.unchecked svg, .main_ui_releases_v2_2__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_releases_v2_2__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_releases_v2_2__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_releases_v2_2__input-checkbox label input {
  margin: 0;
}
.main_ui_releases_v2_2__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_v2_2__input-checkbox label:focus span, .main_ui_releases_v2_2__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_releases_v2_2__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_releases_v2_2__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_2__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_2__input-with-label input:focus-within, .main_ui_releases_v2_2__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_v2_2__input-with-label input:focus-within input, .main_ui_releases_v2_2__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_2__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_releases_v2_2__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_releases_v2_2__modal-overlay-base, .main_ui_releases_v2_2__modal-overlay {
  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);
}

.main_ui_releases_v2_2__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_releases_v2_2__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_releases_v2_2__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_releases_v2_2__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_releases_v2_2__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_v2_2__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_v2_2__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_releases_v2_2__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_releases_v2_2__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_releases_v2_2__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_releases_v2_2__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_releases_v2_2__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_releases_v2_2__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_releases_v2_2__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_releases_v2_2__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_releases_v2_2__colorpicker-handler {
  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;
}
.main_ui_releases_v2_2__colorpicker-handler:hover, .main_ui_releases_v2_2__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_releases_v2_2__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_releases_v2_2__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_releases_v2_2__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_releases_v2_2__attr-title button {
  display: none;
}
.main_ui_releases_v2_2__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_v2_2__attr-title:hover button {
  display: flex;
}

.main_ui_releases_v2_2__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_releases_v2_2__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_releases_v2_2__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_releases_v2_2__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_releases_v2_2__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_releases_v2_2__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_releases_v2_2__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_releases_v2_2__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_releases_v2_2__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_releases_v2_2__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_releases_v2_2__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_v2_2__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_releases_v2_2__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_releases_v2_2__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_releases_v2_2__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_releases_v2_2__modal-container {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 30rem;
  width: 55.5rem;
  border-radius: 0.5rem;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.main_ui_releases_v2_2__start-image {
  width: 20.25rem;
  border-radius: 0.5rem 0 0 0.5rem;
}

.main_ui_releases_v2_2__modal-content {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}

.main_ui_releases_v2_2__modal-header {
  display: grid;
  gap: 0.5rem;
}

.main_ui_releases_v2_2__version-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 0.5rem;
}

.main_ui_releases_v2_2__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_releases_v2_2__features-block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.main_ui_releases_v2_2__feature-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.main_ui_releases_v2_2__navigation {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.main_ui_releases_v2_2__next-btn {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes main_ui_releases_v2_3__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_releases_v2_3__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_releases_v2_3__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_releases_v2_3__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_releases_v2_3__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_releases_v2_3__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_releases_v2_3__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_releases_v2_3__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_releases_v2_3__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_v2_3__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_v2_3__new-scrollbar ::placeholder,
.main_ui_releases_v2_3__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_releases_v2_3__button-primary, .main_ui_releases_v2_3__next-btn, .main_ui_releases_v2_3__modal-danger-btn, .main_ui_releases_v2_3__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_releases_v2_3__button-primary:focus-visible, .main_ui_releases_v2_3__next-btn:focus-visible, .main_ui_releases_v2_3__modal-danger-btn:focus-visible, .main_ui_releases_v2_3__modal-accept-btn: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);
}
.main_ui_releases_v2_3__button-primary:focus-visible svg, .main_ui_releases_v2_3__next-btn:focus-visible svg, .main_ui_releases_v2_3__modal-danger-btn:focus-visible svg, .main_ui_releases_v2_3__modal-accept-btn:focus-visible svg,
.main_ui_releases_v2_3__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_releases_v2_3__button-primary svg, .main_ui_releases_v2_3__next-btn svg, .main_ui_releases_v2_3__modal-danger-btn svg, .main_ui_releases_v2_3__modal-accept-btn svg,
.main_ui_releases_v2_3__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_releases_v2_3__button-primary:hover, .main_ui_releases_v2_3__next-btn:hover, .main_ui_releases_v2_3__modal-danger-btn:hover, .main_ui_releases_v2_3__modal-accept-btn: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;
}
.main_ui_releases_v2_3__button-primary:hover svg, .main_ui_releases_v2_3__next-btn:hover svg, .main_ui_releases_v2_3__modal-danger-btn:hover svg, .main_ui_releases_v2_3__modal-accept-btn:hover svg,
.main_ui_releases_v2_3__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_releases_v2_3__button-primary:active, .main_ui_releases_v2_3__next-btn:active, .main_ui_releases_v2_3__modal-danger-btn:active, .main_ui_releases_v2_3__modal-accept-btn: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;
}
.main_ui_releases_v2_3__button-primary:active svg, .main_ui_releases_v2_3__next-btn:active svg, .main_ui_releases_v2_3__modal-danger-btn:active svg, .main_ui_releases_v2_3__modal-accept-btn:active svg,
.main_ui_releases_v2_3__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_releases_v2_3__button-primary.disabled, .main_ui_releases_v2_3__next-btn.disabled, .main_ui_releases_v2_3__modal-danger-btn.disabled, .main_ui_releases_v2_3__modal-accept-btn.disabled, .main_ui_releases_v2_3__button-primary[disabled], [disabled].main_ui_releases_v2_3__next-btn, [disabled].main_ui_releases_v2_3__modal-danger-btn, [disabled].main_ui_releases_v2_3__modal-accept-btn, .main_ui_releases_v2_3__button-primary:disabled, .main_ui_releases_v2_3__next-btn:disabled, .main_ui_releases_v2_3__modal-danger-btn:disabled, .main_ui_releases_v2_3__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_v2_3__button-secondary, .main_ui_releases_v2_3__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_v2_3__button-secondary:focus-visible, .main_ui_releases_v2_3__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_v2_3__button-secondary:focus-visible svg, .main_ui_releases_v2_3__modal-cancel-btn:focus-visible svg,
.main_ui_releases_v2_3__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_v2_3__button-secondary svg, .main_ui_releases_v2_3__modal-cancel-btn svg,
.main_ui_releases_v2_3__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_v2_3__button-secondary:hover, .main_ui_releases_v2_3__modal-cancel-btn: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;
}
.main_ui_releases_v2_3__button-secondary:hover svg, .main_ui_releases_v2_3__modal-cancel-btn:hover svg,
.main_ui_releases_v2_3__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_releases_v2_3__button-secondary:active, .main_ui_releases_v2_3__modal-cancel-btn: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);
}
.main_ui_releases_v2_3__button-secondary:active svg, .main_ui_releases_v2_3__modal-cancel-btn:active svg,
.main_ui_releases_v2_3__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_releases_v2_3__button-secondary.disabled, .main_ui_releases_v2_3__modal-cancel-btn.disabled, .main_ui_releases_v2_3__button-secondary[disabled], [disabled].main_ui_releases_v2_3__modal-cancel-btn, .main_ui_releases_v2_3__button-secondary:disabled, .main_ui_releases_v2_3__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_v2_3__button-tertiary, .main_ui_releases_v2_3__attr-title button, .main_ui_releases_v2_3__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_releases_v2_3__button-tertiary:focus-visible, .main_ui_releases_v2_3__attr-title button:focus-visible, .main_ui_releases_v2_3__modal-close-btn-base: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);
}
.main_ui_releases_v2_3__button-tertiary:focus-visible svg, .main_ui_releases_v2_3__attr-title button:focus-visible svg, .main_ui_releases_v2_3__modal-close-btn-base:focus-visible svg,
.main_ui_releases_v2_3__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_releases_v2_3__button-tertiary svg, .main_ui_releases_v2_3__attr-title button svg, .main_ui_releases_v2_3__modal-close-btn-base svg,
.main_ui_releases_v2_3__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_releases_v2_3__button-tertiary:hover, .main_ui_releases_v2_3__attr-title button:hover, .main_ui_releases_v2_3__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_releases_v2_3__button-tertiary:hover svg, .main_ui_releases_v2_3__attr-title button:hover svg, .main_ui_releases_v2_3__modal-close-btn-base:hover svg,
.main_ui_releases_v2_3__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_releases_v2_3__button-tertiary:active, .main_ui_releases_v2_3__attr-title button:active, .main_ui_releases_v2_3__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_v2_3__button-tertiary:active svg, .main_ui_releases_v2_3__attr-title button:active svg, .main_ui_releases_v2_3__modal-close-btn-base:active svg,
.main_ui_releases_v2_3__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_v2_3__button-tertiary.disabled, .main_ui_releases_v2_3__attr-title button.disabled, .main_ui_releases_v2_3__modal-close-btn-base.disabled, .main_ui_releases_v2_3__button-tertiary[disabled], .main_ui_releases_v2_3__attr-title button[disabled], [disabled].main_ui_releases_v2_3__modal-close-btn-base, .main_ui_releases_v2_3__button-tertiary:disabled, .main_ui_releases_v2_3__attr-title button:disabled, .main_ui_releases_v2_3__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_releases_v2_3__button-tertiary.disabled svg, .main_ui_releases_v2_3__attr-title button.disabled svg, .main_ui_releases_v2_3__modal-close-btn-base.disabled svg,
.main_ui_releases_v2_3__button-tertiary.disabled span svg, .main_ui_releases_v2_3__button-tertiary[disabled] svg, .main_ui_releases_v2_3__attr-title button[disabled] svg, [disabled].main_ui_releases_v2_3__modal-close-btn-base svg,
.main_ui_releases_v2_3__button-tertiary[disabled] span svg, .main_ui_releases_v2_3__button-tertiary:disabled svg, .main_ui_releases_v2_3__attr-title button:disabled svg, .main_ui_releases_v2_3__modal-close-btn-base:disabled svg,
.main_ui_releases_v2_3__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_releases_v2_3__button-icon-selected {
  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);
}
.main_ui_releases_v2_3__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_releases_v2_3__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_releases_v2_3__button-radio: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);
}
.main_ui_releases_v2_3__button-radio:focus-visible svg,
.main_ui_releases_v2_3__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_releases_v2_3__button-radio svg,
.main_ui_releases_v2_3__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_releases_v2_3__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_releases_v2_3__button-radio:hover svg,
.main_ui_releases_v2_3__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_releases_v2_3__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_releases_v2_3__button-radio:active svg,
.main_ui_releases_v2_3__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_releases_v2_3__button-warning {
  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);
}

.main_ui_releases_v2_3__button-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;
}

.main_ui_releases_v2_3__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_releases_v2_3__button-tag: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);
}
.main_ui_releases_v2_3__button-tag:focus-visible svg,
.main_ui_releases_v2_3__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_releases_v2_3__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_releases_v2_3__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_releases_v2_3__button-icon, .main_ui_releases_v2_3__empty-icon svg, .main_ui_releases_v2_3__modal-close-btn-base svg, .main_ui_releases_v2_3__button-icon-small, .main_ui_releases_v2_3__dropdown-element-base span svg, .main_ui_releases_v2_3__attr-title button svg, .main_ui_releases_v2_3__checkbox-icon.intermediate svg, .main_ui_releases_v2_3__input-checkbox label span.intermediate svg, .main_ui_releases_v2_3__checkbox-icon.checked svg, .main_ui_releases_v2_3__input-checkbox label span.checked svg, .main_ui_releases_v2_3__input-element span svg,
.main_ui_releases_v2_3__input-element label svg, .main_ui_releases_v2_3__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_releases_v2_3__button-icon-small, .main_ui_releases_v2_3__dropdown-element-base span svg, .main_ui_releases_v2_3__attr-title button svg, .main_ui_releases_v2_3__checkbox-icon.intermediate svg, .main_ui_releases_v2_3__input-checkbox label span.intermediate svg, .main_ui_releases_v2_3__checkbox-icon.checked svg, .main_ui_releases_v2_3__input-checkbox label span.checked svg, .main_ui_releases_v2_3__input-element span svg,
.main_ui_releases_v2_3__input-element label svg, .main_ui_releases_v2_3__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_releases_v2_3__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_releases_v2_3__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_releases_v2_3__input-base, .main_ui_releases_v2_3__input-with-label input, .main_ui_releases_v2_3__input-element-label input, .main_ui_releases_v2_3__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_3__input-base[disabled], .main_ui_releases_v2_3__input-with-label input[disabled], .main_ui_releases_v2_3__input-element-label input[disabled], .main_ui_releases_v2_3__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_releases_v2_3__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_releases_v2_3__input-label, .main_ui_releases_v2_3__input-element span,
.main_ui_releases_v2_3__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_releases_v2_3__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_releases_v2_3__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_v2_3__input-element span svg,
.main_ui_releases_v2_3__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_releases_v2_3__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_3__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_3__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_v2_3__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_v2_3__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_v2_3__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_releases_v2_3__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_3__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_3__input-element:focus, .main_ui_releases_v2_3__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_v2_3__input-element:focus span, .main_ui_releases_v2_3__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_3__input-element:focus input, .main_ui_releases_v2_3__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_3__input-element:focus:hover, .main_ui_releases_v2_3__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_v2_3__input-element:focus:hover span, .main_ui_releases_v2_3__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_3__input-element:focus:hover input, .main_ui_releases_v2_3__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_releases_v2_3__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_releases_v2_3__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_releases_v2_3__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_3__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_3__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_v2_3__input-element-label:focus-within input, .main_ui_releases_v2_3__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_releases_v2_3__disabled-input, .main_ui_releases_v2_3__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_v2_3__disabled-input input, .main_ui_releases_v2_3__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_v2_3__disabled-input span svg, .main_ui_releases_v2_3__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_releases_v2_3__checkbox-icon, .main_ui_releases_v2_3__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_releases_v2_3__checkbox-icon svg, .main_ui_releases_v2_3__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_releases_v2_3__checkbox-icon:hover, .main_ui_releases_v2_3__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_v2_3__checkbox-icon:focus, .main_ui_releases_v2_3__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_releases_v2_3__checkbox-icon.checked, .main_ui_releases_v2_3__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_releases_v2_3__checkbox-icon.checked svg, .main_ui_releases_v2_3__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_releases_v2_3__checkbox-icon.intermediate, .main_ui_releases_v2_3__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_releases_v2_3__checkbox-icon.intermediate svg, .main_ui_releases_v2_3__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_releases_v2_3__checkbox-icon.unchecked, .main_ui_releases_v2_3__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_releases_v2_3__checkbox-icon.unchecked svg, .main_ui_releases_v2_3__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_releases_v2_3__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_releases_v2_3__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_releases_v2_3__input-checkbox label input {
  margin: 0;
}
.main_ui_releases_v2_3__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_v2_3__input-checkbox label:focus span, .main_ui_releases_v2_3__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_releases_v2_3__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_releases_v2_3__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_3__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_3__input-with-label input:focus-within, .main_ui_releases_v2_3__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_v2_3__input-with-label input:focus-within input, .main_ui_releases_v2_3__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_3__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_releases_v2_3__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_releases_v2_3__modal-overlay-base, .main_ui_releases_v2_3__modal-overlay {
  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);
}

.main_ui_releases_v2_3__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_releases_v2_3__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_releases_v2_3__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_releases_v2_3__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_releases_v2_3__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_v2_3__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_v2_3__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_releases_v2_3__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_releases_v2_3__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_releases_v2_3__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_releases_v2_3__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_releases_v2_3__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_releases_v2_3__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_releases_v2_3__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_releases_v2_3__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_releases_v2_3__colorpicker-handler {
  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;
}
.main_ui_releases_v2_3__colorpicker-handler:hover, .main_ui_releases_v2_3__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_releases_v2_3__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_releases_v2_3__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_releases_v2_3__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_releases_v2_3__attr-title button {
  display: none;
}
.main_ui_releases_v2_3__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_v2_3__attr-title:hover button {
  display: flex;
}

.main_ui_releases_v2_3__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_releases_v2_3__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_releases_v2_3__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_releases_v2_3__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_releases_v2_3__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_releases_v2_3__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_releases_v2_3__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_releases_v2_3__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_releases_v2_3__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_releases_v2_3__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_releases_v2_3__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_v2_3__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_releases_v2_3__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_releases_v2_3__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_releases_v2_3__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_releases_v2_3__modal-container {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 0.5rem;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.main_ui_releases_v2_3__start-image {
  width: 20.25rem;
  border-radius: 0.5rem 0 0 0.5rem;
}

.main_ui_releases_v2_3__modal-content {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.main_ui_releases_v2_3__modal-content a {
  color: var(--button-primary-background-color-rest);
}

.main_ui_releases_v2_3__modal-header {
  display: grid;
  gap: 0.5rem;
}

.main_ui_releases_v2_3__version-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 0.5rem;
}

.main_ui_releases_v2_3__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_releases_v2_3__features-block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.main_ui_releases_v2_3__feature {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.main_ui_releases_v2_3__feature-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_releases_v2_3__feature-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.main_ui_releases_v2_3__feature-list {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.main_ui_releases_v2_3__navigation {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.main_ui_releases_v2_3__next-btn {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes main_ui_releases_v2_4__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_releases_v2_4__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_releases_v2_4__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_releases_v2_4__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_releases_v2_4__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_releases_v2_4__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_releases_v2_4__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_releases_v2_4__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_releases_v2_4__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_v2_4__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_v2_4__new-scrollbar ::placeholder,
.main_ui_releases_v2_4__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_releases_v2_4__button-primary, .main_ui_releases_v2_4__next-btn, .main_ui_releases_v2_4__modal-danger-btn, .main_ui_releases_v2_4__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_releases_v2_4__button-primary:focus-visible, .main_ui_releases_v2_4__next-btn:focus-visible, .main_ui_releases_v2_4__modal-danger-btn:focus-visible, .main_ui_releases_v2_4__modal-accept-btn: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);
}
.main_ui_releases_v2_4__button-primary:focus-visible svg, .main_ui_releases_v2_4__next-btn:focus-visible svg, .main_ui_releases_v2_4__modal-danger-btn:focus-visible svg, .main_ui_releases_v2_4__modal-accept-btn:focus-visible svg,
.main_ui_releases_v2_4__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_releases_v2_4__button-primary svg, .main_ui_releases_v2_4__next-btn svg, .main_ui_releases_v2_4__modal-danger-btn svg, .main_ui_releases_v2_4__modal-accept-btn svg,
.main_ui_releases_v2_4__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_releases_v2_4__button-primary:hover, .main_ui_releases_v2_4__next-btn:hover, .main_ui_releases_v2_4__modal-danger-btn:hover, .main_ui_releases_v2_4__modal-accept-btn: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;
}
.main_ui_releases_v2_4__button-primary:hover svg, .main_ui_releases_v2_4__next-btn:hover svg, .main_ui_releases_v2_4__modal-danger-btn:hover svg, .main_ui_releases_v2_4__modal-accept-btn:hover svg,
.main_ui_releases_v2_4__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_releases_v2_4__button-primary:active, .main_ui_releases_v2_4__next-btn:active, .main_ui_releases_v2_4__modal-danger-btn:active, .main_ui_releases_v2_4__modal-accept-btn: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;
}
.main_ui_releases_v2_4__button-primary:active svg, .main_ui_releases_v2_4__next-btn:active svg, .main_ui_releases_v2_4__modal-danger-btn:active svg, .main_ui_releases_v2_4__modal-accept-btn:active svg,
.main_ui_releases_v2_4__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_releases_v2_4__button-primary.disabled, .main_ui_releases_v2_4__next-btn.disabled, .main_ui_releases_v2_4__modal-danger-btn.disabled, .main_ui_releases_v2_4__modal-accept-btn.disabled, .main_ui_releases_v2_4__button-primary[disabled], [disabled].main_ui_releases_v2_4__next-btn, [disabled].main_ui_releases_v2_4__modal-danger-btn, [disabled].main_ui_releases_v2_4__modal-accept-btn, .main_ui_releases_v2_4__button-primary:disabled, .main_ui_releases_v2_4__next-btn:disabled, .main_ui_releases_v2_4__modal-danger-btn:disabled, .main_ui_releases_v2_4__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_v2_4__button-secondary, .main_ui_releases_v2_4__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_v2_4__button-secondary:focus-visible, .main_ui_releases_v2_4__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_v2_4__button-secondary:focus-visible svg, .main_ui_releases_v2_4__modal-cancel-btn:focus-visible svg,
.main_ui_releases_v2_4__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_v2_4__button-secondary svg, .main_ui_releases_v2_4__modal-cancel-btn svg,
.main_ui_releases_v2_4__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_v2_4__button-secondary:hover, .main_ui_releases_v2_4__modal-cancel-btn: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;
}
.main_ui_releases_v2_4__button-secondary:hover svg, .main_ui_releases_v2_4__modal-cancel-btn:hover svg,
.main_ui_releases_v2_4__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_releases_v2_4__button-secondary:active, .main_ui_releases_v2_4__modal-cancel-btn: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);
}
.main_ui_releases_v2_4__button-secondary:active svg, .main_ui_releases_v2_4__modal-cancel-btn:active svg,
.main_ui_releases_v2_4__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_releases_v2_4__button-secondary.disabled, .main_ui_releases_v2_4__modal-cancel-btn.disabled, .main_ui_releases_v2_4__button-secondary[disabled], [disabled].main_ui_releases_v2_4__modal-cancel-btn, .main_ui_releases_v2_4__button-secondary:disabled, .main_ui_releases_v2_4__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_v2_4__button-tertiary, .main_ui_releases_v2_4__attr-title button, .main_ui_releases_v2_4__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_releases_v2_4__button-tertiary:focus-visible, .main_ui_releases_v2_4__attr-title button:focus-visible, .main_ui_releases_v2_4__modal-close-btn-base: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);
}
.main_ui_releases_v2_4__button-tertiary:focus-visible svg, .main_ui_releases_v2_4__attr-title button:focus-visible svg, .main_ui_releases_v2_4__modal-close-btn-base:focus-visible svg,
.main_ui_releases_v2_4__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_releases_v2_4__button-tertiary svg, .main_ui_releases_v2_4__attr-title button svg, .main_ui_releases_v2_4__modal-close-btn-base svg,
.main_ui_releases_v2_4__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_releases_v2_4__button-tertiary:hover, .main_ui_releases_v2_4__attr-title button:hover, .main_ui_releases_v2_4__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_releases_v2_4__button-tertiary:hover svg, .main_ui_releases_v2_4__attr-title button:hover svg, .main_ui_releases_v2_4__modal-close-btn-base:hover svg,
.main_ui_releases_v2_4__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_releases_v2_4__button-tertiary:active, .main_ui_releases_v2_4__attr-title button:active, .main_ui_releases_v2_4__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_v2_4__button-tertiary:active svg, .main_ui_releases_v2_4__attr-title button:active svg, .main_ui_releases_v2_4__modal-close-btn-base:active svg,
.main_ui_releases_v2_4__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_v2_4__button-tertiary.disabled, .main_ui_releases_v2_4__attr-title button.disabled, .main_ui_releases_v2_4__modal-close-btn-base.disabled, .main_ui_releases_v2_4__button-tertiary[disabled], .main_ui_releases_v2_4__attr-title button[disabled], [disabled].main_ui_releases_v2_4__modal-close-btn-base, .main_ui_releases_v2_4__button-tertiary:disabled, .main_ui_releases_v2_4__attr-title button:disabled, .main_ui_releases_v2_4__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_releases_v2_4__button-tertiary.disabled svg, .main_ui_releases_v2_4__attr-title button.disabled svg, .main_ui_releases_v2_4__modal-close-btn-base.disabled svg,
.main_ui_releases_v2_4__button-tertiary.disabled span svg, .main_ui_releases_v2_4__button-tertiary[disabled] svg, .main_ui_releases_v2_4__attr-title button[disabled] svg, [disabled].main_ui_releases_v2_4__modal-close-btn-base svg,
.main_ui_releases_v2_4__button-tertiary[disabled] span svg, .main_ui_releases_v2_4__button-tertiary:disabled svg, .main_ui_releases_v2_4__attr-title button:disabled svg, .main_ui_releases_v2_4__modal-close-btn-base:disabled svg,
.main_ui_releases_v2_4__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_releases_v2_4__button-icon-selected {
  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);
}
.main_ui_releases_v2_4__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_releases_v2_4__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_releases_v2_4__button-radio: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);
}
.main_ui_releases_v2_4__button-radio:focus-visible svg,
.main_ui_releases_v2_4__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_releases_v2_4__button-radio svg,
.main_ui_releases_v2_4__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_releases_v2_4__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_releases_v2_4__button-radio:hover svg,
.main_ui_releases_v2_4__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_releases_v2_4__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_releases_v2_4__button-radio:active svg,
.main_ui_releases_v2_4__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_releases_v2_4__button-warning {
  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);
}

.main_ui_releases_v2_4__button-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;
}

.main_ui_releases_v2_4__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_releases_v2_4__button-tag: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);
}
.main_ui_releases_v2_4__button-tag:focus-visible svg,
.main_ui_releases_v2_4__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_releases_v2_4__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_releases_v2_4__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_releases_v2_4__button-icon, .main_ui_releases_v2_4__empty-icon svg, .main_ui_releases_v2_4__modal-close-btn-base svg, .main_ui_releases_v2_4__button-icon-small, .main_ui_releases_v2_4__dropdown-element-base span svg, .main_ui_releases_v2_4__attr-title button svg, .main_ui_releases_v2_4__checkbox-icon.intermediate svg, .main_ui_releases_v2_4__input-checkbox label span.intermediate svg, .main_ui_releases_v2_4__checkbox-icon.checked svg, .main_ui_releases_v2_4__input-checkbox label span.checked svg, .main_ui_releases_v2_4__input-element span svg,
.main_ui_releases_v2_4__input-element label svg, .main_ui_releases_v2_4__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_releases_v2_4__button-icon-small, .main_ui_releases_v2_4__dropdown-element-base span svg, .main_ui_releases_v2_4__attr-title button svg, .main_ui_releases_v2_4__checkbox-icon.intermediate svg, .main_ui_releases_v2_4__input-checkbox label span.intermediate svg, .main_ui_releases_v2_4__checkbox-icon.checked svg, .main_ui_releases_v2_4__input-checkbox label span.checked svg, .main_ui_releases_v2_4__input-element span svg,
.main_ui_releases_v2_4__input-element label svg, .main_ui_releases_v2_4__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_releases_v2_4__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_releases_v2_4__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_releases_v2_4__input-base, .main_ui_releases_v2_4__input-with-label input, .main_ui_releases_v2_4__input-element-label input, .main_ui_releases_v2_4__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_4__input-base[disabled], .main_ui_releases_v2_4__input-with-label input[disabled], .main_ui_releases_v2_4__input-element-label input[disabled], .main_ui_releases_v2_4__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_releases_v2_4__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_releases_v2_4__input-label, .main_ui_releases_v2_4__input-element span,
.main_ui_releases_v2_4__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_releases_v2_4__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_releases_v2_4__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_v2_4__input-element span svg,
.main_ui_releases_v2_4__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_releases_v2_4__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_4__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_4__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_v2_4__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_v2_4__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_v2_4__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_releases_v2_4__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_4__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_4__input-element:focus, .main_ui_releases_v2_4__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_v2_4__input-element:focus span, .main_ui_releases_v2_4__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_4__input-element:focus input, .main_ui_releases_v2_4__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_4__input-element:focus:hover, .main_ui_releases_v2_4__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_v2_4__input-element:focus:hover span, .main_ui_releases_v2_4__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_4__input-element:focus:hover input, .main_ui_releases_v2_4__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_releases_v2_4__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_releases_v2_4__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_releases_v2_4__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_4__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_4__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_v2_4__input-element-label:focus-within input, .main_ui_releases_v2_4__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_releases_v2_4__disabled-input, .main_ui_releases_v2_4__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_v2_4__disabled-input input, .main_ui_releases_v2_4__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_v2_4__disabled-input span svg, .main_ui_releases_v2_4__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_releases_v2_4__checkbox-icon, .main_ui_releases_v2_4__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_releases_v2_4__checkbox-icon svg, .main_ui_releases_v2_4__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_releases_v2_4__checkbox-icon:hover, .main_ui_releases_v2_4__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_v2_4__checkbox-icon:focus, .main_ui_releases_v2_4__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_releases_v2_4__checkbox-icon.checked, .main_ui_releases_v2_4__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_releases_v2_4__checkbox-icon.checked svg, .main_ui_releases_v2_4__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_releases_v2_4__checkbox-icon.intermediate, .main_ui_releases_v2_4__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_releases_v2_4__checkbox-icon.intermediate svg, .main_ui_releases_v2_4__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_releases_v2_4__checkbox-icon.unchecked, .main_ui_releases_v2_4__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_releases_v2_4__checkbox-icon.unchecked svg, .main_ui_releases_v2_4__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_releases_v2_4__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_releases_v2_4__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_releases_v2_4__input-checkbox label input {
  margin: 0;
}
.main_ui_releases_v2_4__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_v2_4__input-checkbox label:focus span, .main_ui_releases_v2_4__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_releases_v2_4__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_releases_v2_4__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_4__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_4__input-with-label input:focus-within, .main_ui_releases_v2_4__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_v2_4__input-with-label input:focus-within input, .main_ui_releases_v2_4__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_4__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_releases_v2_4__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_releases_v2_4__modal-overlay-base, .main_ui_releases_v2_4__modal-overlay {
  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);
}

.main_ui_releases_v2_4__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_releases_v2_4__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_releases_v2_4__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_releases_v2_4__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_releases_v2_4__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_v2_4__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_v2_4__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_releases_v2_4__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_releases_v2_4__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_releases_v2_4__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_releases_v2_4__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_releases_v2_4__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_releases_v2_4__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_releases_v2_4__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_releases_v2_4__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_releases_v2_4__colorpicker-handler {
  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;
}
.main_ui_releases_v2_4__colorpicker-handler:hover, .main_ui_releases_v2_4__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_releases_v2_4__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_releases_v2_4__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_releases_v2_4__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_releases_v2_4__attr-title button {
  display: none;
}
.main_ui_releases_v2_4__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_v2_4__attr-title:hover button {
  display: flex;
}

.main_ui_releases_v2_4__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_releases_v2_4__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_releases_v2_4__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_releases_v2_4__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_releases_v2_4__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_releases_v2_4__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_releases_v2_4__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_releases_v2_4__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_releases_v2_4__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_releases_v2_4__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_releases_v2_4__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_v2_4__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_releases_v2_4__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_releases_v2_4__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_releases_v2_4__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_releases_v2_4__modal-container {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 0.5rem;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.main_ui_releases_v2_4__start-image {
  width: 20.25rem;
  border-radius: 0.5rem 0 0 0.5rem;
}

.main_ui_releases_v2_4__modal-content {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.main_ui_releases_v2_4__modal-content a {
  color: var(--button-primary-background-color-rest);
}

.main_ui_releases_v2_4__modal-header {
  display: grid;
  gap: 0.5rem;
}

.main_ui_releases_v2_4__version-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 0.5rem;
}

.main_ui_releases_v2_4__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_releases_v2_4__features-block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.main_ui_releases_v2_4__feature {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.main_ui_releases_v2_4__feature-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_releases_v2_4__feature-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.main_ui_releases_v2_4__feature-list {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.main_ui_releases_v2_4__navigation {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.main_ui_releases_v2_4__next-btn {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes main_ui_releases_v2_5__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_releases_v2_5__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_releases_v2_5__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_releases_v2_5__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_releases_v2_5__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_releases_v2_5__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_releases_v2_5__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_releases_v2_5__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_releases_v2_5__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_v2_5__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_v2_5__new-scrollbar ::placeholder,
.main_ui_releases_v2_5__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_releases_v2_5__button-primary, .main_ui_releases_v2_5__next-btn, .main_ui_releases_v2_5__modal-danger-btn, .main_ui_releases_v2_5__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_releases_v2_5__button-primary:focus-visible, .main_ui_releases_v2_5__next-btn:focus-visible, .main_ui_releases_v2_5__modal-danger-btn:focus-visible, .main_ui_releases_v2_5__modal-accept-btn: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);
}
.main_ui_releases_v2_5__button-primary:focus-visible svg, .main_ui_releases_v2_5__next-btn:focus-visible svg, .main_ui_releases_v2_5__modal-danger-btn:focus-visible svg, .main_ui_releases_v2_5__modal-accept-btn:focus-visible svg,
.main_ui_releases_v2_5__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_releases_v2_5__button-primary svg, .main_ui_releases_v2_5__next-btn svg, .main_ui_releases_v2_5__modal-danger-btn svg, .main_ui_releases_v2_5__modal-accept-btn svg,
.main_ui_releases_v2_5__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_releases_v2_5__button-primary:hover, .main_ui_releases_v2_5__next-btn:hover, .main_ui_releases_v2_5__modal-danger-btn:hover, .main_ui_releases_v2_5__modal-accept-btn: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;
}
.main_ui_releases_v2_5__button-primary:hover svg, .main_ui_releases_v2_5__next-btn:hover svg, .main_ui_releases_v2_5__modal-danger-btn:hover svg, .main_ui_releases_v2_5__modal-accept-btn:hover svg,
.main_ui_releases_v2_5__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_releases_v2_5__button-primary:active, .main_ui_releases_v2_5__next-btn:active, .main_ui_releases_v2_5__modal-danger-btn:active, .main_ui_releases_v2_5__modal-accept-btn: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;
}
.main_ui_releases_v2_5__button-primary:active svg, .main_ui_releases_v2_5__next-btn:active svg, .main_ui_releases_v2_5__modal-danger-btn:active svg, .main_ui_releases_v2_5__modal-accept-btn:active svg,
.main_ui_releases_v2_5__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_releases_v2_5__button-primary.disabled, .main_ui_releases_v2_5__next-btn.disabled, .main_ui_releases_v2_5__modal-danger-btn.disabled, .main_ui_releases_v2_5__modal-accept-btn.disabled, .main_ui_releases_v2_5__button-primary[disabled], [disabled].main_ui_releases_v2_5__next-btn, [disabled].main_ui_releases_v2_5__modal-danger-btn, [disabled].main_ui_releases_v2_5__modal-accept-btn, .main_ui_releases_v2_5__button-primary:disabled, .main_ui_releases_v2_5__next-btn:disabled, .main_ui_releases_v2_5__modal-danger-btn:disabled, .main_ui_releases_v2_5__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_v2_5__button-secondary, .main_ui_releases_v2_5__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_v2_5__button-secondary:focus-visible, .main_ui_releases_v2_5__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_v2_5__button-secondary:focus-visible svg, .main_ui_releases_v2_5__modal-cancel-btn:focus-visible svg,
.main_ui_releases_v2_5__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_v2_5__button-secondary svg, .main_ui_releases_v2_5__modal-cancel-btn svg,
.main_ui_releases_v2_5__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_v2_5__button-secondary:hover, .main_ui_releases_v2_5__modal-cancel-btn: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;
}
.main_ui_releases_v2_5__button-secondary:hover svg, .main_ui_releases_v2_5__modal-cancel-btn:hover svg,
.main_ui_releases_v2_5__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_releases_v2_5__button-secondary:active, .main_ui_releases_v2_5__modal-cancel-btn: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);
}
.main_ui_releases_v2_5__button-secondary:active svg, .main_ui_releases_v2_5__modal-cancel-btn:active svg,
.main_ui_releases_v2_5__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_releases_v2_5__button-secondary.disabled, .main_ui_releases_v2_5__modal-cancel-btn.disabled, .main_ui_releases_v2_5__button-secondary[disabled], [disabled].main_ui_releases_v2_5__modal-cancel-btn, .main_ui_releases_v2_5__button-secondary:disabled, .main_ui_releases_v2_5__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_v2_5__button-tertiary, .main_ui_releases_v2_5__attr-title button, .main_ui_releases_v2_5__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_releases_v2_5__button-tertiary:focus-visible, .main_ui_releases_v2_5__attr-title button:focus-visible, .main_ui_releases_v2_5__modal-close-btn-base: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);
}
.main_ui_releases_v2_5__button-tertiary:focus-visible svg, .main_ui_releases_v2_5__attr-title button:focus-visible svg, .main_ui_releases_v2_5__modal-close-btn-base:focus-visible svg,
.main_ui_releases_v2_5__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_releases_v2_5__button-tertiary svg, .main_ui_releases_v2_5__attr-title button svg, .main_ui_releases_v2_5__modal-close-btn-base svg,
.main_ui_releases_v2_5__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_releases_v2_5__button-tertiary:hover, .main_ui_releases_v2_5__attr-title button:hover, .main_ui_releases_v2_5__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_releases_v2_5__button-tertiary:hover svg, .main_ui_releases_v2_5__attr-title button:hover svg, .main_ui_releases_v2_5__modal-close-btn-base:hover svg,
.main_ui_releases_v2_5__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_releases_v2_5__button-tertiary:active, .main_ui_releases_v2_5__attr-title button:active, .main_ui_releases_v2_5__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_v2_5__button-tertiary:active svg, .main_ui_releases_v2_5__attr-title button:active svg, .main_ui_releases_v2_5__modal-close-btn-base:active svg,
.main_ui_releases_v2_5__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_v2_5__button-tertiary.disabled, .main_ui_releases_v2_5__attr-title button.disabled, .main_ui_releases_v2_5__modal-close-btn-base.disabled, .main_ui_releases_v2_5__button-tertiary[disabled], .main_ui_releases_v2_5__attr-title button[disabled], [disabled].main_ui_releases_v2_5__modal-close-btn-base, .main_ui_releases_v2_5__button-tertiary:disabled, .main_ui_releases_v2_5__attr-title button:disabled, .main_ui_releases_v2_5__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_releases_v2_5__button-tertiary.disabled svg, .main_ui_releases_v2_5__attr-title button.disabled svg, .main_ui_releases_v2_5__modal-close-btn-base.disabled svg,
.main_ui_releases_v2_5__button-tertiary.disabled span svg, .main_ui_releases_v2_5__button-tertiary[disabled] svg, .main_ui_releases_v2_5__attr-title button[disabled] svg, [disabled].main_ui_releases_v2_5__modal-close-btn-base svg,
.main_ui_releases_v2_5__button-tertiary[disabled] span svg, .main_ui_releases_v2_5__button-tertiary:disabled svg, .main_ui_releases_v2_5__attr-title button:disabled svg, .main_ui_releases_v2_5__modal-close-btn-base:disabled svg,
.main_ui_releases_v2_5__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_releases_v2_5__button-icon-selected {
  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);
}
.main_ui_releases_v2_5__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_releases_v2_5__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_releases_v2_5__button-radio: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);
}
.main_ui_releases_v2_5__button-radio:focus-visible svg,
.main_ui_releases_v2_5__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_releases_v2_5__button-radio svg,
.main_ui_releases_v2_5__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_releases_v2_5__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_releases_v2_5__button-radio:hover svg,
.main_ui_releases_v2_5__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_releases_v2_5__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_releases_v2_5__button-radio:active svg,
.main_ui_releases_v2_5__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_releases_v2_5__button-warning {
  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);
}

.main_ui_releases_v2_5__button-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;
}

.main_ui_releases_v2_5__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_releases_v2_5__button-tag: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);
}
.main_ui_releases_v2_5__button-tag:focus-visible svg,
.main_ui_releases_v2_5__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_releases_v2_5__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_releases_v2_5__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_releases_v2_5__button-icon, .main_ui_releases_v2_5__empty-icon svg, .main_ui_releases_v2_5__modal-close-btn-base svg, .main_ui_releases_v2_5__button-icon-small, .main_ui_releases_v2_5__dropdown-element-base span svg, .main_ui_releases_v2_5__attr-title button svg, .main_ui_releases_v2_5__checkbox-icon.intermediate svg, .main_ui_releases_v2_5__input-checkbox label span.intermediate svg, .main_ui_releases_v2_5__checkbox-icon.checked svg, .main_ui_releases_v2_5__input-checkbox label span.checked svg, .main_ui_releases_v2_5__input-element span svg,
.main_ui_releases_v2_5__input-element label svg, .main_ui_releases_v2_5__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_releases_v2_5__button-icon-small, .main_ui_releases_v2_5__dropdown-element-base span svg, .main_ui_releases_v2_5__attr-title button svg, .main_ui_releases_v2_5__checkbox-icon.intermediate svg, .main_ui_releases_v2_5__input-checkbox label span.intermediate svg, .main_ui_releases_v2_5__checkbox-icon.checked svg, .main_ui_releases_v2_5__input-checkbox label span.checked svg, .main_ui_releases_v2_5__input-element span svg,
.main_ui_releases_v2_5__input-element label svg, .main_ui_releases_v2_5__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_releases_v2_5__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_releases_v2_5__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_releases_v2_5__input-base, .main_ui_releases_v2_5__input-with-label input, .main_ui_releases_v2_5__input-element-label input, .main_ui_releases_v2_5__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_5__input-base[disabled], .main_ui_releases_v2_5__input-with-label input[disabled], .main_ui_releases_v2_5__input-element-label input[disabled], .main_ui_releases_v2_5__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_releases_v2_5__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_releases_v2_5__input-label, .main_ui_releases_v2_5__input-element span,
.main_ui_releases_v2_5__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_releases_v2_5__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_releases_v2_5__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_v2_5__input-element span svg,
.main_ui_releases_v2_5__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_releases_v2_5__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_5__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_5__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_v2_5__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_v2_5__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_v2_5__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_releases_v2_5__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_5__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_5__input-element:focus, .main_ui_releases_v2_5__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_v2_5__input-element:focus span, .main_ui_releases_v2_5__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_5__input-element:focus input, .main_ui_releases_v2_5__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_5__input-element:focus:hover, .main_ui_releases_v2_5__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_v2_5__input-element:focus:hover span, .main_ui_releases_v2_5__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_5__input-element:focus:hover input, .main_ui_releases_v2_5__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_releases_v2_5__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_releases_v2_5__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_releases_v2_5__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_5__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_5__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_v2_5__input-element-label:focus-within input, .main_ui_releases_v2_5__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_releases_v2_5__disabled-input, .main_ui_releases_v2_5__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_v2_5__disabled-input input, .main_ui_releases_v2_5__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_v2_5__disabled-input span svg, .main_ui_releases_v2_5__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_releases_v2_5__checkbox-icon, .main_ui_releases_v2_5__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_releases_v2_5__checkbox-icon svg, .main_ui_releases_v2_5__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_releases_v2_5__checkbox-icon:hover, .main_ui_releases_v2_5__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_v2_5__checkbox-icon:focus, .main_ui_releases_v2_5__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_releases_v2_5__checkbox-icon.checked, .main_ui_releases_v2_5__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_releases_v2_5__checkbox-icon.checked svg, .main_ui_releases_v2_5__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_releases_v2_5__checkbox-icon.intermediate, .main_ui_releases_v2_5__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_releases_v2_5__checkbox-icon.intermediate svg, .main_ui_releases_v2_5__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_releases_v2_5__checkbox-icon.unchecked, .main_ui_releases_v2_5__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_releases_v2_5__checkbox-icon.unchecked svg, .main_ui_releases_v2_5__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_releases_v2_5__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_releases_v2_5__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_releases_v2_5__input-checkbox label input {
  margin: 0;
}
.main_ui_releases_v2_5__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_v2_5__input-checkbox label:focus span, .main_ui_releases_v2_5__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_releases_v2_5__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_releases_v2_5__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_5__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_5__input-with-label input:focus-within, .main_ui_releases_v2_5__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_v2_5__input-with-label input:focus-within input, .main_ui_releases_v2_5__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_5__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_releases_v2_5__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_releases_v2_5__modal-overlay-base, .main_ui_releases_v2_5__modal-overlay {
  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);
}

.main_ui_releases_v2_5__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_releases_v2_5__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_releases_v2_5__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_releases_v2_5__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_releases_v2_5__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_v2_5__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_v2_5__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_releases_v2_5__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_releases_v2_5__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_releases_v2_5__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_releases_v2_5__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_releases_v2_5__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_releases_v2_5__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_releases_v2_5__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_releases_v2_5__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_releases_v2_5__colorpicker-handler {
  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;
}
.main_ui_releases_v2_5__colorpicker-handler:hover, .main_ui_releases_v2_5__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_releases_v2_5__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_releases_v2_5__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_releases_v2_5__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_releases_v2_5__attr-title button {
  display: none;
}
.main_ui_releases_v2_5__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_v2_5__attr-title:hover button {
  display: flex;
}

.main_ui_releases_v2_5__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_releases_v2_5__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_releases_v2_5__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_releases_v2_5__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_releases_v2_5__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_releases_v2_5__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_releases_v2_5__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_releases_v2_5__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_releases_v2_5__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_releases_v2_5__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_releases_v2_5__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_v2_5__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_releases_v2_5__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_releases_v2_5__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_releases_v2_5__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_releases_v2_5__modal-container {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 0.5rem;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.main_ui_releases_v2_5__start-image {
  width: 20.25rem;
  border-radius: 0.5rem 0 0 0.5rem;
}

.main_ui_releases_v2_5__modal-content {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.main_ui_releases_v2_5__modal-content a {
  color: var(--button-primary-background-color-rest);
}

.main_ui_releases_v2_5__modal-header {
  display: grid;
  gap: 0.5rem;
}

.main_ui_releases_v2_5__version-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 0.5rem;
}

.main_ui_releases_v2_5__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_releases_v2_5__features-block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.main_ui_releases_v2_5__feature {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.main_ui_releases_v2_5__feature-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_releases_v2_5__feature-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.main_ui_releases_v2_5__feature-list {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.main_ui_releases_v2_5__navigation {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.main_ui_releases_v2_5__next-btn {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes main_ui_releases_v2_6__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_releases_v2_6__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_releases_v2_6__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_releases_v2_6__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_releases_v2_6__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_releases_v2_6__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_releases_v2_6__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_releases_v2_6__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_releases_v2_6__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_v2_6__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_v2_6__new-scrollbar ::placeholder,
.main_ui_releases_v2_6__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_releases_v2_6__button-primary, .main_ui_releases_v2_6__next-btn, .main_ui_releases_v2_6__modal-danger-btn, .main_ui_releases_v2_6__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_releases_v2_6__button-primary:focus-visible, .main_ui_releases_v2_6__next-btn:focus-visible, .main_ui_releases_v2_6__modal-danger-btn:focus-visible, .main_ui_releases_v2_6__modal-accept-btn: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);
}
.main_ui_releases_v2_6__button-primary:focus-visible svg, .main_ui_releases_v2_6__next-btn:focus-visible svg, .main_ui_releases_v2_6__modal-danger-btn:focus-visible svg, .main_ui_releases_v2_6__modal-accept-btn:focus-visible svg,
.main_ui_releases_v2_6__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_releases_v2_6__button-primary svg, .main_ui_releases_v2_6__next-btn svg, .main_ui_releases_v2_6__modal-danger-btn svg, .main_ui_releases_v2_6__modal-accept-btn svg,
.main_ui_releases_v2_6__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_releases_v2_6__button-primary:hover, .main_ui_releases_v2_6__next-btn:hover, .main_ui_releases_v2_6__modal-danger-btn:hover, .main_ui_releases_v2_6__modal-accept-btn: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;
}
.main_ui_releases_v2_6__button-primary:hover svg, .main_ui_releases_v2_6__next-btn:hover svg, .main_ui_releases_v2_6__modal-danger-btn:hover svg, .main_ui_releases_v2_6__modal-accept-btn:hover svg,
.main_ui_releases_v2_6__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_releases_v2_6__button-primary:active, .main_ui_releases_v2_6__next-btn:active, .main_ui_releases_v2_6__modal-danger-btn:active, .main_ui_releases_v2_6__modal-accept-btn: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;
}
.main_ui_releases_v2_6__button-primary:active svg, .main_ui_releases_v2_6__next-btn:active svg, .main_ui_releases_v2_6__modal-danger-btn:active svg, .main_ui_releases_v2_6__modal-accept-btn:active svg,
.main_ui_releases_v2_6__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_releases_v2_6__button-primary.disabled, .main_ui_releases_v2_6__next-btn.disabled, .main_ui_releases_v2_6__modal-danger-btn.disabled, .main_ui_releases_v2_6__modal-accept-btn.disabled, .main_ui_releases_v2_6__button-primary[disabled], [disabled].main_ui_releases_v2_6__next-btn, [disabled].main_ui_releases_v2_6__modal-danger-btn, [disabled].main_ui_releases_v2_6__modal-accept-btn, .main_ui_releases_v2_6__button-primary:disabled, .main_ui_releases_v2_6__next-btn:disabled, .main_ui_releases_v2_6__modal-danger-btn:disabled, .main_ui_releases_v2_6__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_v2_6__button-secondary, .main_ui_releases_v2_6__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_v2_6__button-secondary:focus-visible, .main_ui_releases_v2_6__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_v2_6__button-secondary:focus-visible svg, .main_ui_releases_v2_6__modal-cancel-btn:focus-visible svg,
.main_ui_releases_v2_6__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_v2_6__button-secondary svg, .main_ui_releases_v2_6__modal-cancel-btn svg,
.main_ui_releases_v2_6__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_v2_6__button-secondary:hover, .main_ui_releases_v2_6__modal-cancel-btn: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;
}
.main_ui_releases_v2_6__button-secondary:hover svg, .main_ui_releases_v2_6__modal-cancel-btn:hover svg,
.main_ui_releases_v2_6__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_releases_v2_6__button-secondary:active, .main_ui_releases_v2_6__modal-cancel-btn: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);
}
.main_ui_releases_v2_6__button-secondary:active svg, .main_ui_releases_v2_6__modal-cancel-btn:active svg,
.main_ui_releases_v2_6__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_releases_v2_6__button-secondary.disabled, .main_ui_releases_v2_6__modal-cancel-btn.disabled, .main_ui_releases_v2_6__button-secondary[disabled], [disabled].main_ui_releases_v2_6__modal-cancel-btn, .main_ui_releases_v2_6__button-secondary:disabled, .main_ui_releases_v2_6__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_v2_6__button-tertiary, .main_ui_releases_v2_6__attr-title button, .main_ui_releases_v2_6__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_releases_v2_6__button-tertiary:focus-visible, .main_ui_releases_v2_6__attr-title button:focus-visible, .main_ui_releases_v2_6__modal-close-btn-base: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);
}
.main_ui_releases_v2_6__button-tertiary:focus-visible svg, .main_ui_releases_v2_6__attr-title button:focus-visible svg, .main_ui_releases_v2_6__modal-close-btn-base:focus-visible svg,
.main_ui_releases_v2_6__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_releases_v2_6__button-tertiary svg, .main_ui_releases_v2_6__attr-title button svg, .main_ui_releases_v2_6__modal-close-btn-base svg,
.main_ui_releases_v2_6__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_releases_v2_6__button-tertiary:hover, .main_ui_releases_v2_6__attr-title button:hover, .main_ui_releases_v2_6__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_releases_v2_6__button-tertiary:hover svg, .main_ui_releases_v2_6__attr-title button:hover svg, .main_ui_releases_v2_6__modal-close-btn-base:hover svg,
.main_ui_releases_v2_6__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_releases_v2_6__button-tertiary:active, .main_ui_releases_v2_6__attr-title button:active, .main_ui_releases_v2_6__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_v2_6__button-tertiary:active svg, .main_ui_releases_v2_6__attr-title button:active svg, .main_ui_releases_v2_6__modal-close-btn-base:active svg,
.main_ui_releases_v2_6__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_v2_6__button-tertiary.disabled, .main_ui_releases_v2_6__attr-title button.disabled, .main_ui_releases_v2_6__modal-close-btn-base.disabled, .main_ui_releases_v2_6__button-tertiary[disabled], .main_ui_releases_v2_6__attr-title button[disabled], [disabled].main_ui_releases_v2_6__modal-close-btn-base, .main_ui_releases_v2_6__button-tertiary:disabled, .main_ui_releases_v2_6__attr-title button:disabled, .main_ui_releases_v2_6__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_releases_v2_6__button-tertiary.disabled svg, .main_ui_releases_v2_6__attr-title button.disabled svg, .main_ui_releases_v2_6__modal-close-btn-base.disabled svg,
.main_ui_releases_v2_6__button-tertiary.disabled span svg, .main_ui_releases_v2_6__button-tertiary[disabled] svg, .main_ui_releases_v2_6__attr-title button[disabled] svg, [disabled].main_ui_releases_v2_6__modal-close-btn-base svg,
.main_ui_releases_v2_6__button-tertiary[disabled] span svg, .main_ui_releases_v2_6__button-tertiary:disabled svg, .main_ui_releases_v2_6__attr-title button:disabled svg, .main_ui_releases_v2_6__modal-close-btn-base:disabled svg,
.main_ui_releases_v2_6__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_releases_v2_6__button-icon-selected {
  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);
}
.main_ui_releases_v2_6__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_releases_v2_6__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_releases_v2_6__button-radio: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);
}
.main_ui_releases_v2_6__button-radio:focus-visible svg,
.main_ui_releases_v2_6__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_releases_v2_6__button-radio svg,
.main_ui_releases_v2_6__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_releases_v2_6__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_releases_v2_6__button-radio:hover svg,
.main_ui_releases_v2_6__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_releases_v2_6__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_releases_v2_6__button-radio:active svg,
.main_ui_releases_v2_6__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_releases_v2_6__button-warning {
  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);
}

.main_ui_releases_v2_6__button-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;
}

.main_ui_releases_v2_6__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_releases_v2_6__button-tag: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);
}
.main_ui_releases_v2_6__button-tag:focus-visible svg,
.main_ui_releases_v2_6__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_releases_v2_6__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_releases_v2_6__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_releases_v2_6__button-icon, .main_ui_releases_v2_6__empty-icon svg, .main_ui_releases_v2_6__modal-close-btn-base svg, .main_ui_releases_v2_6__button-icon-small, .main_ui_releases_v2_6__dropdown-element-base span svg, .main_ui_releases_v2_6__attr-title button svg, .main_ui_releases_v2_6__checkbox-icon.intermediate svg, .main_ui_releases_v2_6__input-checkbox label span.intermediate svg, .main_ui_releases_v2_6__checkbox-icon.checked svg, .main_ui_releases_v2_6__input-checkbox label span.checked svg, .main_ui_releases_v2_6__input-element span svg,
.main_ui_releases_v2_6__input-element label svg, .main_ui_releases_v2_6__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_releases_v2_6__button-icon-small, .main_ui_releases_v2_6__dropdown-element-base span svg, .main_ui_releases_v2_6__attr-title button svg, .main_ui_releases_v2_6__checkbox-icon.intermediate svg, .main_ui_releases_v2_6__input-checkbox label span.intermediate svg, .main_ui_releases_v2_6__checkbox-icon.checked svg, .main_ui_releases_v2_6__input-checkbox label span.checked svg, .main_ui_releases_v2_6__input-element span svg,
.main_ui_releases_v2_6__input-element label svg, .main_ui_releases_v2_6__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_releases_v2_6__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_releases_v2_6__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_releases_v2_6__input-base, .main_ui_releases_v2_6__input-with-label input, .main_ui_releases_v2_6__input-element-label input, .main_ui_releases_v2_6__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_6__input-base[disabled], .main_ui_releases_v2_6__input-with-label input[disabled], .main_ui_releases_v2_6__input-element-label input[disabled], .main_ui_releases_v2_6__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_releases_v2_6__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_releases_v2_6__input-label, .main_ui_releases_v2_6__input-element span,
.main_ui_releases_v2_6__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_releases_v2_6__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_releases_v2_6__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_v2_6__input-element span svg,
.main_ui_releases_v2_6__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_releases_v2_6__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_6__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_6__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_v2_6__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_v2_6__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_v2_6__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_releases_v2_6__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_6__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_6__input-element:focus, .main_ui_releases_v2_6__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_v2_6__input-element:focus span, .main_ui_releases_v2_6__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_6__input-element:focus input, .main_ui_releases_v2_6__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_6__input-element:focus:hover, .main_ui_releases_v2_6__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_v2_6__input-element:focus:hover span, .main_ui_releases_v2_6__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_6__input-element:focus:hover input, .main_ui_releases_v2_6__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_releases_v2_6__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_releases_v2_6__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_releases_v2_6__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_6__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_6__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_v2_6__input-element-label:focus-within input, .main_ui_releases_v2_6__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_releases_v2_6__disabled-input, .main_ui_releases_v2_6__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_v2_6__disabled-input input, .main_ui_releases_v2_6__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_v2_6__disabled-input span svg, .main_ui_releases_v2_6__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_releases_v2_6__checkbox-icon, .main_ui_releases_v2_6__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_releases_v2_6__checkbox-icon svg, .main_ui_releases_v2_6__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_releases_v2_6__checkbox-icon:hover, .main_ui_releases_v2_6__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_v2_6__checkbox-icon:focus, .main_ui_releases_v2_6__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_releases_v2_6__checkbox-icon.checked, .main_ui_releases_v2_6__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_releases_v2_6__checkbox-icon.checked svg, .main_ui_releases_v2_6__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_releases_v2_6__checkbox-icon.intermediate, .main_ui_releases_v2_6__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_releases_v2_6__checkbox-icon.intermediate svg, .main_ui_releases_v2_6__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_releases_v2_6__checkbox-icon.unchecked, .main_ui_releases_v2_6__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_releases_v2_6__checkbox-icon.unchecked svg, .main_ui_releases_v2_6__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_releases_v2_6__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_releases_v2_6__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_releases_v2_6__input-checkbox label input {
  margin: 0;
}
.main_ui_releases_v2_6__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_v2_6__input-checkbox label:focus span, .main_ui_releases_v2_6__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_releases_v2_6__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_releases_v2_6__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_6__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_6__input-with-label input:focus-within, .main_ui_releases_v2_6__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_v2_6__input-with-label input:focus-within input, .main_ui_releases_v2_6__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_6__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_releases_v2_6__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_releases_v2_6__modal-overlay-base, .main_ui_releases_v2_6__modal-overlay {
  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);
}

.main_ui_releases_v2_6__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_releases_v2_6__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_releases_v2_6__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_releases_v2_6__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_releases_v2_6__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_v2_6__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_v2_6__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_releases_v2_6__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_releases_v2_6__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_releases_v2_6__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_releases_v2_6__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_releases_v2_6__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_releases_v2_6__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_releases_v2_6__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_releases_v2_6__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_releases_v2_6__colorpicker-handler {
  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;
}
.main_ui_releases_v2_6__colorpicker-handler:hover, .main_ui_releases_v2_6__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_releases_v2_6__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_releases_v2_6__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_releases_v2_6__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_releases_v2_6__attr-title button {
  display: none;
}
.main_ui_releases_v2_6__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_v2_6__attr-title:hover button {
  display: flex;
}

.main_ui_releases_v2_6__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_releases_v2_6__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_releases_v2_6__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_releases_v2_6__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_releases_v2_6__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_releases_v2_6__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_releases_v2_6__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_releases_v2_6__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_releases_v2_6__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_releases_v2_6__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_releases_v2_6__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_v2_6__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_releases_v2_6__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_releases_v2_6__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_releases_v2_6__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_releases_v2_6__modal-container {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 0.5rem;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.main_ui_releases_v2_6__start-image {
  width: 20.25rem;
  border-radius: 0.5rem 0 0 0.5rem;
}

.main_ui_releases_v2_6__modal-content {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.main_ui_releases_v2_6__modal-content a {
  color: var(--button-primary-background-color-rest);
}

.main_ui_releases_v2_6__modal-header {
  display: grid;
  gap: 0.5rem;
}

.main_ui_releases_v2_6__version-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 0.5rem;
}

.main_ui_releases_v2_6__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_releases_v2_6__features-block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.main_ui_releases_v2_6__feature {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.main_ui_releases_v2_6__feature-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_releases_v2_6__feature-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.main_ui_releases_v2_6__feature-list {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.main_ui_releases_v2_6__navigation {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.main_ui_releases_v2_6__next-btn {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes main_ui_releases_v2_7__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_releases_v2_7__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_releases_v2_7__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_releases_v2_7__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_releases_v2_7__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_releases_v2_7__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_releases_v2_7__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_releases_v2_7__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_releases_v2_7__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_v2_7__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_releases_v2_7__new-scrollbar ::placeholder,
.main_ui_releases_v2_7__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_releases_v2_7__button-primary, .main_ui_releases_v2_7__next-btn, .main_ui_releases_v2_7__modal-danger-btn, .main_ui_releases_v2_7__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_releases_v2_7__button-primary:focus-visible, .main_ui_releases_v2_7__next-btn:focus-visible, .main_ui_releases_v2_7__modal-danger-btn:focus-visible, .main_ui_releases_v2_7__modal-accept-btn: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);
}
.main_ui_releases_v2_7__button-primary:focus-visible svg, .main_ui_releases_v2_7__next-btn:focus-visible svg, .main_ui_releases_v2_7__modal-danger-btn:focus-visible svg, .main_ui_releases_v2_7__modal-accept-btn:focus-visible svg,
.main_ui_releases_v2_7__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_releases_v2_7__button-primary svg, .main_ui_releases_v2_7__next-btn svg, .main_ui_releases_v2_7__modal-danger-btn svg, .main_ui_releases_v2_7__modal-accept-btn svg,
.main_ui_releases_v2_7__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_releases_v2_7__button-primary:hover, .main_ui_releases_v2_7__next-btn:hover, .main_ui_releases_v2_7__modal-danger-btn:hover, .main_ui_releases_v2_7__modal-accept-btn: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;
}
.main_ui_releases_v2_7__button-primary:hover svg, .main_ui_releases_v2_7__next-btn:hover svg, .main_ui_releases_v2_7__modal-danger-btn:hover svg, .main_ui_releases_v2_7__modal-accept-btn:hover svg,
.main_ui_releases_v2_7__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_releases_v2_7__button-primary:active, .main_ui_releases_v2_7__next-btn:active, .main_ui_releases_v2_7__modal-danger-btn:active, .main_ui_releases_v2_7__modal-accept-btn: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;
}
.main_ui_releases_v2_7__button-primary:active svg, .main_ui_releases_v2_7__next-btn:active svg, .main_ui_releases_v2_7__modal-danger-btn:active svg, .main_ui_releases_v2_7__modal-accept-btn:active svg,
.main_ui_releases_v2_7__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_releases_v2_7__button-primary.disabled, .main_ui_releases_v2_7__next-btn.disabled, .main_ui_releases_v2_7__modal-danger-btn.disabled, .main_ui_releases_v2_7__modal-accept-btn.disabled, .main_ui_releases_v2_7__button-primary[disabled], [disabled].main_ui_releases_v2_7__next-btn, [disabled].main_ui_releases_v2_7__modal-danger-btn, [disabled].main_ui_releases_v2_7__modal-accept-btn, .main_ui_releases_v2_7__button-primary:disabled, .main_ui_releases_v2_7__next-btn:disabled, .main_ui_releases_v2_7__modal-danger-btn:disabled, .main_ui_releases_v2_7__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_v2_7__button-secondary, .main_ui_releases_v2_7__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_v2_7__button-secondary:focus-visible, .main_ui_releases_v2_7__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_v2_7__button-secondary:focus-visible svg, .main_ui_releases_v2_7__modal-cancel-btn:focus-visible svg,
.main_ui_releases_v2_7__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_releases_v2_7__button-secondary svg, .main_ui_releases_v2_7__modal-cancel-btn svg,
.main_ui_releases_v2_7__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_releases_v2_7__button-secondary:hover, .main_ui_releases_v2_7__modal-cancel-btn: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;
}
.main_ui_releases_v2_7__button-secondary:hover svg, .main_ui_releases_v2_7__modal-cancel-btn:hover svg,
.main_ui_releases_v2_7__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_releases_v2_7__button-secondary:active, .main_ui_releases_v2_7__modal-cancel-btn: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);
}
.main_ui_releases_v2_7__button-secondary:active svg, .main_ui_releases_v2_7__modal-cancel-btn:active svg,
.main_ui_releases_v2_7__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_releases_v2_7__button-secondary.disabled, .main_ui_releases_v2_7__modal-cancel-btn.disabled, .main_ui_releases_v2_7__button-secondary[disabled], [disabled].main_ui_releases_v2_7__modal-cancel-btn, .main_ui_releases_v2_7__button-secondary:disabled, .main_ui_releases_v2_7__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_releases_v2_7__button-tertiary, .main_ui_releases_v2_7__attr-title button, .main_ui_releases_v2_7__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_releases_v2_7__button-tertiary:focus-visible, .main_ui_releases_v2_7__attr-title button:focus-visible, .main_ui_releases_v2_7__modal-close-btn-base: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);
}
.main_ui_releases_v2_7__button-tertiary:focus-visible svg, .main_ui_releases_v2_7__attr-title button:focus-visible svg, .main_ui_releases_v2_7__modal-close-btn-base:focus-visible svg,
.main_ui_releases_v2_7__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_releases_v2_7__button-tertiary svg, .main_ui_releases_v2_7__attr-title button svg, .main_ui_releases_v2_7__modal-close-btn-base svg,
.main_ui_releases_v2_7__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_releases_v2_7__button-tertiary:hover, .main_ui_releases_v2_7__attr-title button:hover, .main_ui_releases_v2_7__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_releases_v2_7__button-tertiary:hover svg, .main_ui_releases_v2_7__attr-title button:hover svg, .main_ui_releases_v2_7__modal-close-btn-base:hover svg,
.main_ui_releases_v2_7__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_releases_v2_7__button-tertiary:active, .main_ui_releases_v2_7__attr-title button:active, .main_ui_releases_v2_7__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_v2_7__button-tertiary:active svg, .main_ui_releases_v2_7__attr-title button:active svg, .main_ui_releases_v2_7__modal-close-btn-base:active svg,
.main_ui_releases_v2_7__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_releases_v2_7__button-tertiary.disabled, .main_ui_releases_v2_7__attr-title button.disabled, .main_ui_releases_v2_7__modal-close-btn-base.disabled, .main_ui_releases_v2_7__button-tertiary[disabled], .main_ui_releases_v2_7__attr-title button[disabled], [disabled].main_ui_releases_v2_7__modal-close-btn-base, .main_ui_releases_v2_7__button-tertiary:disabled, .main_ui_releases_v2_7__attr-title button:disabled, .main_ui_releases_v2_7__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_releases_v2_7__button-tertiary.disabled svg, .main_ui_releases_v2_7__attr-title button.disabled svg, .main_ui_releases_v2_7__modal-close-btn-base.disabled svg,
.main_ui_releases_v2_7__button-tertiary.disabled span svg, .main_ui_releases_v2_7__button-tertiary[disabled] svg, .main_ui_releases_v2_7__attr-title button[disabled] svg, [disabled].main_ui_releases_v2_7__modal-close-btn-base svg,
.main_ui_releases_v2_7__button-tertiary[disabled] span svg, .main_ui_releases_v2_7__button-tertiary:disabled svg, .main_ui_releases_v2_7__attr-title button:disabled svg, .main_ui_releases_v2_7__modal-close-btn-base:disabled svg,
.main_ui_releases_v2_7__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_releases_v2_7__button-icon-selected {
  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);
}
.main_ui_releases_v2_7__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_releases_v2_7__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_releases_v2_7__button-radio: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);
}
.main_ui_releases_v2_7__button-radio:focus-visible svg,
.main_ui_releases_v2_7__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_releases_v2_7__button-radio svg,
.main_ui_releases_v2_7__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_releases_v2_7__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_releases_v2_7__button-radio:hover svg,
.main_ui_releases_v2_7__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_releases_v2_7__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_releases_v2_7__button-radio:active svg,
.main_ui_releases_v2_7__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_releases_v2_7__button-warning {
  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);
}

.main_ui_releases_v2_7__button-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;
}

.main_ui_releases_v2_7__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_releases_v2_7__button-tag: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);
}
.main_ui_releases_v2_7__button-tag:focus-visible svg,
.main_ui_releases_v2_7__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_releases_v2_7__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_releases_v2_7__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_releases_v2_7__button-icon, .main_ui_releases_v2_7__empty-icon svg, .main_ui_releases_v2_7__modal-close-btn-base svg, .main_ui_releases_v2_7__button-icon-small, .main_ui_releases_v2_7__dropdown-element-base span svg, .main_ui_releases_v2_7__attr-title button svg, .main_ui_releases_v2_7__checkbox-icon.intermediate svg, .main_ui_releases_v2_7__input-checkbox label span.intermediate svg, .main_ui_releases_v2_7__checkbox-icon.checked svg, .main_ui_releases_v2_7__input-checkbox label span.checked svg, .main_ui_releases_v2_7__input-element span svg,
.main_ui_releases_v2_7__input-element label svg, .main_ui_releases_v2_7__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_releases_v2_7__button-icon-small, .main_ui_releases_v2_7__dropdown-element-base span svg, .main_ui_releases_v2_7__attr-title button svg, .main_ui_releases_v2_7__checkbox-icon.intermediate svg, .main_ui_releases_v2_7__input-checkbox label span.intermediate svg, .main_ui_releases_v2_7__checkbox-icon.checked svg, .main_ui_releases_v2_7__input-checkbox label span.checked svg, .main_ui_releases_v2_7__input-element span svg,
.main_ui_releases_v2_7__input-element label svg, .main_ui_releases_v2_7__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_releases_v2_7__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_releases_v2_7__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_releases_v2_7__input-base, .main_ui_releases_v2_7__input-with-label input, .main_ui_releases_v2_7__input-element-label input, .main_ui_releases_v2_7__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_7__input-base[disabled], .main_ui_releases_v2_7__input-with-label input[disabled], .main_ui_releases_v2_7__input-element-label input[disabled], .main_ui_releases_v2_7__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_releases_v2_7__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_releases_v2_7__input-label, .main_ui_releases_v2_7__input-element span,
.main_ui_releases_v2_7__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_releases_v2_7__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_releases_v2_7__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_v2_7__input-element span svg,
.main_ui_releases_v2_7__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_releases_v2_7__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_7__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_7__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_v2_7__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_v2_7__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_releases_v2_7__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_releases_v2_7__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_7__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_7__input-element:focus, .main_ui_releases_v2_7__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_v2_7__input-element:focus span, .main_ui_releases_v2_7__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_7__input-element:focus input, .main_ui_releases_v2_7__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_7__input-element:focus:hover, .main_ui_releases_v2_7__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_releases_v2_7__input-element:focus:hover span, .main_ui_releases_v2_7__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_releases_v2_7__input-element:focus:hover input, .main_ui_releases_v2_7__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_releases_v2_7__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_releases_v2_7__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_releases_v2_7__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_7__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_releases_v2_7__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_releases_v2_7__input-element-label:focus-within input, .main_ui_releases_v2_7__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_releases_v2_7__disabled-input, .main_ui_releases_v2_7__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_v2_7__disabled-input input, .main_ui_releases_v2_7__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_releases_v2_7__disabled-input span svg, .main_ui_releases_v2_7__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_releases_v2_7__checkbox-icon, .main_ui_releases_v2_7__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_releases_v2_7__checkbox-icon svg, .main_ui_releases_v2_7__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_releases_v2_7__checkbox-icon:hover, .main_ui_releases_v2_7__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_v2_7__checkbox-icon:focus, .main_ui_releases_v2_7__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_releases_v2_7__checkbox-icon.checked, .main_ui_releases_v2_7__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_releases_v2_7__checkbox-icon.checked svg, .main_ui_releases_v2_7__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_releases_v2_7__checkbox-icon.intermediate, .main_ui_releases_v2_7__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_releases_v2_7__checkbox-icon.intermediate svg, .main_ui_releases_v2_7__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_releases_v2_7__checkbox-icon.unchecked, .main_ui_releases_v2_7__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_releases_v2_7__checkbox-icon.unchecked svg, .main_ui_releases_v2_7__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_releases_v2_7__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_releases_v2_7__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_releases_v2_7__input-checkbox label input {
  margin: 0;
}
.main_ui_releases_v2_7__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_releases_v2_7__input-checkbox label:focus span, .main_ui_releases_v2_7__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_releases_v2_7__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_releases_v2_7__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_7__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_7__input-with-label input:focus-within, .main_ui_releases_v2_7__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_releases_v2_7__input-with-label input:focus-within input, .main_ui_releases_v2_7__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_releases_v2_7__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_releases_v2_7__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_releases_v2_7__modal-overlay-base, .main_ui_releases_v2_7__modal-overlay {
  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);
}

.main_ui_releases_v2_7__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_releases_v2_7__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_releases_v2_7__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_releases_v2_7__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_releases_v2_7__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_v2_7__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_releases_v2_7__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_releases_v2_7__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_releases_v2_7__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_releases_v2_7__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_releases_v2_7__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_releases_v2_7__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_releases_v2_7__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_releases_v2_7__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_releases_v2_7__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_releases_v2_7__colorpicker-handler {
  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;
}
.main_ui_releases_v2_7__colorpicker-handler:hover, .main_ui_releases_v2_7__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_releases_v2_7__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_releases_v2_7__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_releases_v2_7__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_releases_v2_7__attr-title button {
  display: none;
}
.main_ui_releases_v2_7__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_v2_7__attr-title:hover button {
  display: flex;
}

.main_ui_releases_v2_7__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_releases_v2_7__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_releases_v2_7__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_releases_v2_7__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_releases_v2_7__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_releases_v2_7__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_releases_v2_7__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_releases_v2_7__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_releases_v2_7__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_releases_v2_7__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_releases_v2_7__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_releases_v2_7__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_releases_v2_7__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_releases_v2_7__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_releases_v2_7__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_releases_v2_7__modal-container {
  display: grid;
  grid-template-columns: 20.25rem 1fr;
  height: 31.25rem;
  width: 55.5rem;
  border-radius: 0.5rem;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.main_ui_releases_v2_7__start-image {
  width: 20.25rem;
  border-radius: 0.5rem 0 0 0.5rem;
}

.main_ui_releases_v2_7__modal-content {
  padding: 2.5rem;
  display: grid;
  grid-template-rows: auto 1fr 2rem;
  gap: 1.5rem;
}
.main_ui_releases_v2_7__modal-content a {
  color: var(--button-primary-background-color-rest);
}

.main_ui_releases_v2_7__modal-header {
  display: grid;
  gap: 0.5rem;
}

.main_ui_releases_v2_7__version-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  height: 2rem;
  width: 6rem;
  background-color: var(--communication-tag-background-color);
  color: var(--communication-tag-foreground-color);
  border-radius: 0.5rem;
}

.main_ui_releases_v2_7__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_releases_v2_7__features-block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 27.5rem;
}

.main_ui_releases_v2_7__feature {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.main_ui_releases_v2_7__feature-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_releases_v2_7__feature-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.main_ui_releases_v2_7__feature-list {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
  list-style: disc;
  display: grid;
  gap: 0.5rem;
}

.main_ui_releases_v2_7__navigation {
  width: 100%;
  display: grid;
  grid-template-areas: "bullets button";
}

.main_ui_releases_v2_7__next-btn {
  width: 6.25rem;
  justify-self: flex-end;
  grid-area: button;
}
@keyframes main_ui_onboarding_newsletter__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_onboarding_newsletter__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_onboarding_newsletter__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_onboarding_newsletter__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_onboarding_newsletter__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_onboarding_newsletter__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_onboarding_newsletter__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_onboarding_newsletter__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_onboarding_newsletter__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_onboarding_newsletter__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_onboarding_newsletter__new-scrollbar ::placeholder,
.main_ui_onboarding_newsletter__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_onboarding_newsletter__button-primary, .main_ui_onboarding_newsletter__modal-danger-btn, .main_ui_onboarding_newsletter__modal-accept-btn, .main_ui_onboarding_newsletter__accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_onboarding_newsletter__button-primary:focus-visible, .main_ui_onboarding_newsletter__modal-danger-btn:focus-visible, .main_ui_onboarding_newsletter__modal-accept-btn:focus-visible, .main_ui_onboarding_newsletter__accept-btn: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);
}
.main_ui_onboarding_newsletter__button-primary:focus-visible svg, .main_ui_onboarding_newsletter__modal-danger-btn:focus-visible svg, .main_ui_onboarding_newsletter__modal-accept-btn:focus-visible svg, .main_ui_onboarding_newsletter__accept-btn:focus-visible svg,
.main_ui_onboarding_newsletter__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_onboarding_newsletter__button-primary svg, .main_ui_onboarding_newsletter__modal-danger-btn svg, .main_ui_onboarding_newsletter__modal-accept-btn svg, .main_ui_onboarding_newsletter__accept-btn svg,
.main_ui_onboarding_newsletter__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_onboarding_newsletter__button-primary:hover, .main_ui_onboarding_newsletter__modal-danger-btn:hover, .main_ui_onboarding_newsletter__modal-accept-btn:hover, .main_ui_onboarding_newsletter__accept-btn: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;
}
.main_ui_onboarding_newsletter__button-primary:hover svg, .main_ui_onboarding_newsletter__modal-danger-btn:hover svg, .main_ui_onboarding_newsletter__modal-accept-btn:hover svg, .main_ui_onboarding_newsletter__accept-btn:hover svg,
.main_ui_onboarding_newsletter__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_onboarding_newsletter__button-primary:active, .main_ui_onboarding_newsletter__modal-danger-btn:active, .main_ui_onboarding_newsletter__modal-accept-btn:active, .main_ui_onboarding_newsletter__accept-btn: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;
}
.main_ui_onboarding_newsletter__button-primary:active svg, .main_ui_onboarding_newsletter__modal-danger-btn:active svg, .main_ui_onboarding_newsletter__modal-accept-btn:active svg, .main_ui_onboarding_newsletter__accept-btn:active svg,
.main_ui_onboarding_newsletter__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_onboarding_newsletter__button-primary.disabled, .main_ui_onboarding_newsletter__modal-danger-btn.disabled, .main_ui_onboarding_newsletter__modal-accept-btn.disabled, .main_ui_onboarding_newsletter__accept-btn.disabled, .main_ui_onboarding_newsletter__button-primary[disabled], [disabled].main_ui_onboarding_newsletter__modal-danger-btn, [disabled].main_ui_onboarding_newsletter__modal-accept-btn, [disabled].main_ui_onboarding_newsletter__accept-btn, .main_ui_onboarding_newsletter__button-primary:disabled, .main_ui_onboarding_newsletter__modal-danger-btn:disabled, .main_ui_onboarding_newsletter__modal-accept-btn:disabled, .main_ui_onboarding_newsletter__accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_onboarding_newsletter__button-secondary, .main_ui_onboarding_newsletter__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_onboarding_newsletter__button-secondary:focus-visible, .main_ui_onboarding_newsletter__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_onboarding_newsletter__button-secondary:focus-visible svg, .main_ui_onboarding_newsletter__modal-cancel-btn:focus-visible svg,
.main_ui_onboarding_newsletter__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_onboarding_newsletter__button-secondary svg, .main_ui_onboarding_newsletter__modal-cancel-btn svg,
.main_ui_onboarding_newsletter__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_onboarding_newsletter__button-secondary:hover, .main_ui_onboarding_newsletter__modal-cancel-btn: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;
}
.main_ui_onboarding_newsletter__button-secondary:hover svg, .main_ui_onboarding_newsletter__modal-cancel-btn:hover svg,
.main_ui_onboarding_newsletter__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_onboarding_newsletter__button-secondary:active, .main_ui_onboarding_newsletter__modal-cancel-btn: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);
}
.main_ui_onboarding_newsletter__button-secondary:active svg, .main_ui_onboarding_newsletter__modal-cancel-btn:active svg,
.main_ui_onboarding_newsletter__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_onboarding_newsletter__button-secondary.disabled, .main_ui_onboarding_newsletter__modal-cancel-btn.disabled, .main_ui_onboarding_newsletter__button-secondary[disabled], [disabled].main_ui_onboarding_newsletter__modal-cancel-btn, .main_ui_onboarding_newsletter__button-secondary:disabled, .main_ui_onboarding_newsletter__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_onboarding_newsletter__button-tertiary, .main_ui_onboarding_newsletter__attr-title button, .main_ui_onboarding_newsletter__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_onboarding_newsletter__button-tertiary:focus-visible, .main_ui_onboarding_newsletter__attr-title button:focus-visible, .main_ui_onboarding_newsletter__modal-close-btn-base: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);
}
.main_ui_onboarding_newsletter__button-tertiary:focus-visible svg, .main_ui_onboarding_newsletter__attr-title button:focus-visible svg, .main_ui_onboarding_newsletter__modal-close-btn-base:focus-visible svg,
.main_ui_onboarding_newsletter__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_onboarding_newsletter__button-tertiary svg, .main_ui_onboarding_newsletter__attr-title button svg, .main_ui_onboarding_newsletter__modal-close-btn-base svg,
.main_ui_onboarding_newsletter__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_onboarding_newsletter__button-tertiary:hover, .main_ui_onboarding_newsletter__attr-title button:hover, .main_ui_onboarding_newsletter__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_onboarding_newsletter__button-tertiary:hover svg, .main_ui_onboarding_newsletter__attr-title button:hover svg, .main_ui_onboarding_newsletter__modal-close-btn-base:hover svg,
.main_ui_onboarding_newsletter__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_onboarding_newsletter__button-tertiary:active, .main_ui_onboarding_newsletter__attr-title button:active, .main_ui_onboarding_newsletter__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_onboarding_newsletter__button-tertiary:active svg, .main_ui_onboarding_newsletter__attr-title button:active svg, .main_ui_onboarding_newsletter__modal-close-btn-base:active svg,
.main_ui_onboarding_newsletter__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_onboarding_newsletter__button-tertiary.disabled, .main_ui_onboarding_newsletter__attr-title button.disabled, .main_ui_onboarding_newsletter__modal-close-btn-base.disabled, .main_ui_onboarding_newsletter__button-tertiary[disabled], .main_ui_onboarding_newsletter__attr-title button[disabled], [disabled].main_ui_onboarding_newsletter__modal-close-btn-base, .main_ui_onboarding_newsletter__button-tertiary:disabled, .main_ui_onboarding_newsletter__attr-title button:disabled, .main_ui_onboarding_newsletter__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_onboarding_newsletter__button-tertiary.disabled svg, .main_ui_onboarding_newsletter__attr-title button.disabled svg, .main_ui_onboarding_newsletter__modal-close-btn-base.disabled svg,
.main_ui_onboarding_newsletter__button-tertiary.disabled span svg, .main_ui_onboarding_newsletter__button-tertiary[disabled] svg, .main_ui_onboarding_newsletter__attr-title button[disabled] svg, [disabled].main_ui_onboarding_newsletter__modal-close-btn-base svg,
.main_ui_onboarding_newsletter__button-tertiary[disabled] span svg, .main_ui_onboarding_newsletter__button-tertiary:disabled svg, .main_ui_onboarding_newsletter__attr-title button:disabled svg, .main_ui_onboarding_newsletter__modal-close-btn-base:disabled svg,
.main_ui_onboarding_newsletter__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_onboarding_newsletter__button-icon-selected {
  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);
}
.main_ui_onboarding_newsletter__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_onboarding_newsletter__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_onboarding_newsletter__button-radio: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);
}
.main_ui_onboarding_newsletter__button-radio:focus-visible svg,
.main_ui_onboarding_newsletter__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_onboarding_newsletter__button-radio svg,
.main_ui_onboarding_newsletter__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_onboarding_newsletter__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_onboarding_newsletter__button-radio:hover svg,
.main_ui_onboarding_newsletter__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_onboarding_newsletter__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_onboarding_newsletter__button-radio:active svg,
.main_ui_onboarding_newsletter__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_onboarding_newsletter__button-warning {
  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);
}

.main_ui_onboarding_newsletter__button-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;
}

.main_ui_onboarding_newsletter__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_onboarding_newsletter__button-tag: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);
}
.main_ui_onboarding_newsletter__button-tag:focus-visible svg,
.main_ui_onboarding_newsletter__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_onboarding_newsletter__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_onboarding_newsletter__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_onboarding_newsletter__button-icon, .main_ui_onboarding_newsletter__empty-icon svg, .main_ui_onboarding_newsletter__modal-close-btn-base svg, .main_ui_onboarding_newsletter__button-icon-small, .main_ui_onboarding_newsletter__dropdown-element-base span svg, .main_ui_onboarding_newsletter__attr-title button svg, .main_ui_onboarding_newsletter__checkbox-icon.intermediate svg, .main_ui_onboarding_newsletter__input-checkbox label span.intermediate svg, .main_ui_onboarding_newsletter__input-wrapper label span.intermediate svg, .main_ui_onboarding_newsletter__checkbox-icon.checked svg, .main_ui_onboarding_newsletter__input-checkbox label span.checked svg, .main_ui_onboarding_newsletter__input-wrapper label span.checked svg, .main_ui_onboarding_newsletter__input-element span svg,
.main_ui_onboarding_newsletter__input-element label svg, .main_ui_onboarding_newsletter__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_onboarding_newsletter__button-icon-small, .main_ui_onboarding_newsletter__dropdown-element-base span svg, .main_ui_onboarding_newsletter__attr-title button svg, .main_ui_onboarding_newsletter__checkbox-icon.intermediate svg, .main_ui_onboarding_newsletter__input-checkbox label span.intermediate svg, .main_ui_onboarding_newsletter__input-wrapper label span.intermediate svg, .main_ui_onboarding_newsletter__checkbox-icon.checked svg, .main_ui_onboarding_newsletter__input-checkbox label span.checked svg, .main_ui_onboarding_newsletter__input-wrapper label span.checked svg, .main_ui_onboarding_newsletter__input-element span svg,
.main_ui_onboarding_newsletter__input-element label svg, .main_ui_onboarding_newsletter__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_onboarding_newsletter__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_onboarding_newsletter__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_onboarding_newsletter__input-base, .main_ui_onboarding_newsletter__input-with-label input, .main_ui_onboarding_newsletter__input-element-label input, .main_ui_onboarding_newsletter__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_newsletter__input-base[disabled], .main_ui_onboarding_newsletter__input-with-label input[disabled], .main_ui_onboarding_newsletter__input-element-label input[disabled], .main_ui_onboarding_newsletter__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_onboarding_newsletter__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_onboarding_newsletter__input-label, .main_ui_onboarding_newsletter__input-element span,
.main_ui_onboarding_newsletter__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_onboarding_newsletter__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_onboarding_newsletter__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_onboarding_newsletter__input-element span svg,
.main_ui_onboarding_newsletter__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_onboarding_newsletter__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_onboarding_newsletter__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_onboarding_newsletter__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_onboarding_newsletter__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_onboarding_newsletter__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_onboarding_newsletter__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_onboarding_newsletter__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_newsletter__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_newsletter__input-element:focus, .main_ui_onboarding_newsletter__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_onboarding_newsletter__input-element:focus span, .main_ui_onboarding_newsletter__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_onboarding_newsletter__input-element:focus input, .main_ui_onboarding_newsletter__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_onboarding_newsletter__input-element:focus:hover, .main_ui_onboarding_newsletter__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_onboarding_newsletter__input-element:focus:hover span, .main_ui_onboarding_newsletter__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_onboarding_newsletter__input-element:focus:hover input, .main_ui_onboarding_newsletter__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_onboarding_newsletter__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_onboarding_newsletter__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_onboarding_newsletter__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_onboarding_newsletter__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_onboarding_newsletter__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_onboarding_newsletter__input-element-label:focus-within input, .main_ui_onboarding_newsletter__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_onboarding_newsletter__disabled-input, .main_ui_onboarding_newsletter__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_onboarding_newsletter__disabled-input input, .main_ui_onboarding_newsletter__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_onboarding_newsletter__disabled-input span svg, .main_ui_onboarding_newsletter__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_onboarding_newsletter__checkbox-icon, .main_ui_onboarding_newsletter__input-checkbox label span, .main_ui_onboarding_newsletter__input-wrapper label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_onboarding_newsletter__checkbox-icon svg, .main_ui_onboarding_newsletter__input-checkbox label span svg, .main_ui_onboarding_newsletter__input-wrapper label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_onboarding_newsletter__checkbox-icon:hover, .main_ui_onboarding_newsletter__input-checkbox label span:hover, .main_ui_onboarding_newsletter__input-wrapper label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_onboarding_newsletter__checkbox-icon:focus, .main_ui_onboarding_newsletter__input-checkbox label span:focus, .main_ui_onboarding_newsletter__input-wrapper label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_onboarding_newsletter__checkbox-icon.checked, .main_ui_onboarding_newsletter__input-checkbox label span.checked, .main_ui_onboarding_newsletter__input-wrapper label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_onboarding_newsletter__checkbox-icon.checked svg, .main_ui_onboarding_newsletter__input-checkbox label span.checked svg, .main_ui_onboarding_newsletter__input-wrapper label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_onboarding_newsletter__checkbox-icon.intermediate, .main_ui_onboarding_newsletter__input-checkbox label span.intermediate, .main_ui_onboarding_newsletter__input-wrapper label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_onboarding_newsletter__checkbox-icon.intermediate svg, .main_ui_onboarding_newsletter__input-checkbox label span.intermediate svg, .main_ui_onboarding_newsletter__input-wrapper label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_onboarding_newsletter__checkbox-icon.unchecked, .main_ui_onboarding_newsletter__input-checkbox label span.unchecked, .main_ui_onboarding_newsletter__input-wrapper label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_onboarding_newsletter__checkbox-icon.unchecked svg, .main_ui_onboarding_newsletter__input-checkbox label span.unchecked svg, .main_ui_onboarding_newsletter__input-wrapper label span.unchecked svg {
  display: none;
}

.main_ui_onboarding_newsletter__input-checkbox, .main_ui_onboarding_newsletter__input-wrapper {
  display: flex;
  align-items: center;
}
.main_ui_onboarding_newsletter__input-checkbox label, .main_ui_onboarding_newsletter__input-wrapper label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_onboarding_newsletter__input-checkbox label input, .main_ui_onboarding_newsletter__input-wrapper label input {
  margin: 0;
}
.main_ui_onboarding_newsletter__input-checkbox label:hover span, .main_ui_onboarding_newsletter__input-wrapper label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_onboarding_newsletter__input-checkbox label:focus span, .main_ui_onboarding_newsletter__input-wrapper label:focus span, .main_ui_onboarding_newsletter__input-checkbox label:focus-within span, .main_ui_onboarding_newsletter__input-wrapper label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_onboarding_newsletter__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_onboarding_newsletter__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_newsletter__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_newsletter__input-with-label input:focus-within, .main_ui_onboarding_newsletter__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_onboarding_newsletter__input-with-label input:focus-within input, .main_ui_onboarding_newsletter__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_newsletter__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_onboarding_newsletter__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_onboarding_newsletter__modal-overlay-base, .main_ui_onboarding_newsletter__modal-overlay {
  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);
}

.main_ui_onboarding_newsletter__modal-container-base, .main_ui_onboarding_newsletter__modal-container {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_onboarding_newsletter__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_onboarding_newsletter__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_onboarding_newsletter__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_onboarding_newsletter__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_onboarding_newsletter__modal-accept-btn, .main_ui_onboarding_newsletter__accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_onboarding_newsletter__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_onboarding_newsletter__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_onboarding_newsletter__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_onboarding_newsletter__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_onboarding_newsletter__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_onboarding_newsletter__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_onboarding_newsletter__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_onboarding_newsletter__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_onboarding_newsletter__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_onboarding_newsletter__colorpicker-handler {
  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;
}
.main_ui_onboarding_newsletter__colorpicker-handler:hover, .main_ui_onboarding_newsletter__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_onboarding_newsletter__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_onboarding_newsletter__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_onboarding_newsletter__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_onboarding_newsletter__attr-title button {
  display: none;
}
.main_ui_onboarding_newsletter__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_onboarding_newsletter__attr-title:hover button {
  display: flex;
}

.main_ui_onboarding_newsletter__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_onboarding_newsletter__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_onboarding_newsletter__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_onboarding_newsletter__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_onboarding_newsletter__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_onboarding_newsletter__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_onboarding_newsletter__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_onboarding_newsletter__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_onboarding_newsletter__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_onboarding_newsletter__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_onboarding_newsletter__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_onboarding_newsletter__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_onboarding_newsletter__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_onboarding_newsletter__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_onboarding_newsletter__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_onboarding_newsletter__modal-container {
  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;
}

.main_ui_onboarding_newsletter__modal-left {
  width: 10.75rem;
  margin-block-end: 4rem;
}
.main_ui_onboarding_newsletter__modal-left img {
  width: 10.75rem;
  border-radius: 0.5rem 0 0 0.5rem;
}

.main_ui_onboarding_newsletter__modal-right {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 2.5rem auto auto auto auto 2rem;
  gap: 1.5rem;
  position: relative;
}

.main_ui_onboarding_newsletter__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.main_ui_onboarding_newsletter__modal-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
  margin: 0;
}

.main_ui_onboarding_newsletter__newsletter-options {
  display: grid;
  gap: 1rem;
  margin-inline-start: 1rem;
}

.main_ui_onboarding_newsletter__modal-link {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-link-foreground-color);
  margin: 0;
}

.main_ui_onboarding_newsletter__accept-btn {
  justify-self: flex-end;
}
@keyframes main_ui_onboarding_questions__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_onboarding_questions__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_onboarding_questions__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_onboarding_questions__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_onboarding_questions__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_onboarding_questions__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_onboarding_questions__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_onboarding_questions__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_onboarding_questions__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_onboarding_questions__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_onboarding_questions__new-scrollbar ::placeholder,
.main_ui_onboarding_questions__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_onboarding_questions__button-primary, .main_ui_onboarding_questions__modal-danger-btn, .main_ui_onboarding_questions__modal-accept-btn, .main_ui_onboarding_questions__next-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_onboarding_questions__button-primary:focus-visible, .main_ui_onboarding_questions__modal-danger-btn:focus-visible, .main_ui_onboarding_questions__modal-accept-btn:focus-visible, .main_ui_onboarding_questions__next-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);
}
.main_ui_onboarding_questions__button-primary:focus-visible svg, .main_ui_onboarding_questions__modal-danger-btn:focus-visible svg, .main_ui_onboarding_questions__modal-accept-btn:focus-visible svg, .main_ui_onboarding_questions__next-button:focus-visible svg,
.main_ui_onboarding_questions__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_onboarding_questions__button-primary svg, .main_ui_onboarding_questions__modal-danger-btn svg, .main_ui_onboarding_questions__modal-accept-btn svg, .main_ui_onboarding_questions__next-button svg,
.main_ui_onboarding_questions__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_onboarding_questions__button-primary:hover, .main_ui_onboarding_questions__modal-danger-btn:hover, .main_ui_onboarding_questions__modal-accept-btn:hover, .main_ui_onboarding_questions__next-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;
}
.main_ui_onboarding_questions__button-primary:hover svg, .main_ui_onboarding_questions__modal-danger-btn:hover svg, .main_ui_onboarding_questions__modal-accept-btn:hover svg, .main_ui_onboarding_questions__next-button:hover svg,
.main_ui_onboarding_questions__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_onboarding_questions__button-primary:active, .main_ui_onboarding_questions__modal-danger-btn:active, .main_ui_onboarding_questions__modal-accept-btn:active, .main_ui_onboarding_questions__next-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;
}
.main_ui_onboarding_questions__button-primary:active svg, .main_ui_onboarding_questions__modal-danger-btn:active svg, .main_ui_onboarding_questions__modal-accept-btn:active svg, .main_ui_onboarding_questions__next-button:active svg,
.main_ui_onboarding_questions__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_onboarding_questions__button-primary.disabled, .main_ui_onboarding_questions__modal-danger-btn.disabled, .main_ui_onboarding_questions__modal-accept-btn.disabled, .main_ui_onboarding_questions__next-button.disabled, .main_ui_onboarding_questions__button-primary[disabled], [disabled].main_ui_onboarding_questions__modal-danger-btn, [disabled].main_ui_onboarding_questions__modal-accept-btn, [disabled].main_ui_onboarding_questions__next-button, .main_ui_onboarding_questions__button-primary:disabled, .main_ui_onboarding_questions__modal-danger-btn:disabled, .main_ui_onboarding_questions__modal-accept-btn:disabled, .main_ui_onboarding_questions__next-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;
}

.main_ui_onboarding_questions__button-secondary, .main_ui_onboarding_questions__modal-cancel-btn, .main_ui_onboarding_questions__prev-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_onboarding_questions__button-secondary:focus-visible, .main_ui_onboarding_questions__modal-cancel-btn:focus-visible, .main_ui_onboarding_questions__prev-button:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_onboarding_questions__button-secondary:focus-visible svg, .main_ui_onboarding_questions__modal-cancel-btn:focus-visible svg, .main_ui_onboarding_questions__prev-button:focus-visible svg,
.main_ui_onboarding_questions__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_onboarding_questions__button-secondary svg, .main_ui_onboarding_questions__modal-cancel-btn svg, .main_ui_onboarding_questions__prev-button svg,
.main_ui_onboarding_questions__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_onboarding_questions__button-secondary:hover, .main_ui_onboarding_questions__modal-cancel-btn:hover, .main_ui_onboarding_questions__prev-button: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;
}
.main_ui_onboarding_questions__button-secondary:hover svg, .main_ui_onboarding_questions__modal-cancel-btn:hover svg, .main_ui_onboarding_questions__prev-button:hover svg,
.main_ui_onboarding_questions__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_onboarding_questions__button-secondary:active, .main_ui_onboarding_questions__modal-cancel-btn:active, .main_ui_onboarding_questions__prev-button: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);
}
.main_ui_onboarding_questions__button-secondary:active svg, .main_ui_onboarding_questions__modal-cancel-btn:active svg, .main_ui_onboarding_questions__prev-button:active svg,
.main_ui_onboarding_questions__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_onboarding_questions__button-secondary.disabled, .main_ui_onboarding_questions__modal-cancel-btn.disabled, .main_ui_onboarding_questions__prev-button.disabled, .main_ui_onboarding_questions__button-secondary[disabled], [disabled].main_ui_onboarding_questions__modal-cancel-btn, [disabled].main_ui_onboarding_questions__prev-button, .main_ui_onboarding_questions__button-secondary:disabled, .main_ui_onboarding_questions__modal-cancel-btn:disabled, .main_ui_onboarding_questions__prev-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;
}

.main_ui_onboarding_questions__button-tertiary, .main_ui_onboarding_questions__attr-title button, .main_ui_onboarding_questions__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_onboarding_questions__button-tertiary:focus-visible, .main_ui_onboarding_questions__attr-title button:focus-visible, .main_ui_onboarding_questions__modal-close-btn-base: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);
}
.main_ui_onboarding_questions__button-tertiary:focus-visible svg, .main_ui_onboarding_questions__attr-title button:focus-visible svg, .main_ui_onboarding_questions__modal-close-btn-base:focus-visible svg,
.main_ui_onboarding_questions__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_onboarding_questions__button-tertiary svg, .main_ui_onboarding_questions__attr-title button svg, .main_ui_onboarding_questions__modal-close-btn-base svg,
.main_ui_onboarding_questions__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_onboarding_questions__button-tertiary:hover, .main_ui_onboarding_questions__attr-title button:hover, .main_ui_onboarding_questions__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_onboarding_questions__button-tertiary:hover svg, .main_ui_onboarding_questions__attr-title button:hover svg, .main_ui_onboarding_questions__modal-close-btn-base:hover svg,
.main_ui_onboarding_questions__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_onboarding_questions__button-tertiary:active, .main_ui_onboarding_questions__attr-title button:active, .main_ui_onboarding_questions__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_onboarding_questions__button-tertiary:active svg, .main_ui_onboarding_questions__attr-title button:active svg, .main_ui_onboarding_questions__modal-close-btn-base:active svg,
.main_ui_onboarding_questions__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_onboarding_questions__button-tertiary.disabled, .main_ui_onboarding_questions__attr-title button.disabled, .main_ui_onboarding_questions__modal-close-btn-base.disabled, .main_ui_onboarding_questions__button-tertiary[disabled], .main_ui_onboarding_questions__attr-title button[disabled], [disabled].main_ui_onboarding_questions__modal-close-btn-base, .main_ui_onboarding_questions__button-tertiary:disabled, .main_ui_onboarding_questions__attr-title button:disabled, .main_ui_onboarding_questions__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_onboarding_questions__button-tertiary.disabled svg, .main_ui_onboarding_questions__attr-title button.disabled svg, .main_ui_onboarding_questions__modal-close-btn-base.disabled svg,
.main_ui_onboarding_questions__button-tertiary.disabled span svg, .main_ui_onboarding_questions__button-tertiary[disabled] svg, .main_ui_onboarding_questions__attr-title button[disabled] svg, [disabled].main_ui_onboarding_questions__modal-close-btn-base svg,
.main_ui_onboarding_questions__button-tertiary[disabled] span svg, .main_ui_onboarding_questions__button-tertiary:disabled svg, .main_ui_onboarding_questions__attr-title button:disabled svg, .main_ui_onboarding_questions__modal-close-btn-base:disabled svg,
.main_ui_onboarding_questions__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_onboarding_questions__button-icon-selected {
  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);
}
.main_ui_onboarding_questions__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_onboarding_questions__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_onboarding_questions__button-radio: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);
}
.main_ui_onboarding_questions__button-radio:focus-visible svg,
.main_ui_onboarding_questions__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_onboarding_questions__button-radio svg,
.main_ui_onboarding_questions__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_onboarding_questions__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_onboarding_questions__button-radio:hover svg,
.main_ui_onboarding_questions__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_onboarding_questions__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_onboarding_questions__button-radio:active svg,
.main_ui_onboarding_questions__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_onboarding_questions__button-warning {
  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);
}

.main_ui_onboarding_questions__button-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;
}

.main_ui_onboarding_questions__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_onboarding_questions__button-tag: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);
}
.main_ui_onboarding_questions__button-tag:focus-visible svg,
.main_ui_onboarding_questions__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_onboarding_questions__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_onboarding_questions__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_onboarding_questions__button-icon, .main_ui_onboarding_questions__empty-icon svg, .main_ui_onboarding_questions__modal-close-btn-base svg, .main_ui_onboarding_questions__button-icon-small, .main_ui_onboarding_questions__dropdown-element-base span svg, .main_ui_onboarding_questions__attr-title button svg, .main_ui_onboarding_questions__checkbox-icon.intermediate svg, .main_ui_onboarding_questions__input-checkbox label span.intermediate svg, .main_ui_onboarding_questions__checkbox-icon.checked svg, .main_ui_onboarding_questions__input-checkbox label span.checked svg, .main_ui_onboarding_questions__input-element span svg,
.main_ui_onboarding_questions__input-element label svg, .main_ui_onboarding_questions__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_onboarding_questions__button-icon-small, .main_ui_onboarding_questions__dropdown-element-base span svg, .main_ui_onboarding_questions__attr-title button svg, .main_ui_onboarding_questions__checkbox-icon.intermediate svg, .main_ui_onboarding_questions__input-checkbox label span.intermediate svg, .main_ui_onboarding_questions__checkbox-icon.checked svg, .main_ui_onboarding_questions__input-checkbox label span.checked svg, .main_ui_onboarding_questions__input-element span svg,
.main_ui_onboarding_questions__input-element label svg, .main_ui_onboarding_questions__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_onboarding_questions__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_onboarding_questions__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_onboarding_questions__input-base, .main_ui_onboarding_questions__input-with-label input, .main_ui_onboarding_questions__input-element-label input, .main_ui_onboarding_questions__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_questions__input-base[disabled], .main_ui_onboarding_questions__input-with-label input[disabled], .main_ui_onboarding_questions__input-element-label input[disabled], .main_ui_onboarding_questions__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_onboarding_questions__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_onboarding_questions__input-label, .main_ui_onboarding_questions__input-element span,
.main_ui_onboarding_questions__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_onboarding_questions__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_onboarding_questions__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_onboarding_questions__input-element span svg,
.main_ui_onboarding_questions__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_onboarding_questions__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_onboarding_questions__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_onboarding_questions__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_onboarding_questions__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_onboarding_questions__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_onboarding_questions__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_onboarding_questions__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_questions__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_questions__input-element:focus, .main_ui_onboarding_questions__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_onboarding_questions__input-element:focus span, .main_ui_onboarding_questions__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_onboarding_questions__input-element:focus input, .main_ui_onboarding_questions__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_onboarding_questions__input-element:focus:hover, .main_ui_onboarding_questions__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_onboarding_questions__input-element:focus:hover span, .main_ui_onboarding_questions__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_onboarding_questions__input-element:focus:hover input, .main_ui_onboarding_questions__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_onboarding_questions__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_onboarding_questions__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_onboarding_questions__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_onboarding_questions__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_onboarding_questions__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_onboarding_questions__input-element-label:focus-within input, .main_ui_onboarding_questions__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_onboarding_questions__disabled-input, .main_ui_onboarding_questions__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_onboarding_questions__disabled-input input, .main_ui_onboarding_questions__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_onboarding_questions__disabled-input span svg, .main_ui_onboarding_questions__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_onboarding_questions__checkbox-icon, .main_ui_onboarding_questions__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_onboarding_questions__checkbox-icon svg, .main_ui_onboarding_questions__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_onboarding_questions__checkbox-icon:hover, .main_ui_onboarding_questions__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_onboarding_questions__checkbox-icon:focus, .main_ui_onboarding_questions__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_onboarding_questions__checkbox-icon.checked, .main_ui_onboarding_questions__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_onboarding_questions__checkbox-icon.checked svg, .main_ui_onboarding_questions__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_onboarding_questions__checkbox-icon.intermediate, .main_ui_onboarding_questions__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_onboarding_questions__checkbox-icon.intermediate svg, .main_ui_onboarding_questions__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_onboarding_questions__checkbox-icon.unchecked, .main_ui_onboarding_questions__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_onboarding_questions__checkbox-icon.unchecked svg, .main_ui_onboarding_questions__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_onboarding_questions__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_onboarding_questions__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_onboarding_questions__input-checkbox label input {
  margin: 0;
}
.main_ui_onboarding_questions__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_onboarding_questions__input-checkbox label:focus span, .main_ui_onboarding_questions__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_onboarding_questions__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_onboarding_questions__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_questions__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_questions__input-with-label input:focus-within, .main_ui_onboarding_questions__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_onboarding_questions__input-with-label input:focus-within input, .main_ui_onboarding_questions__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_questions__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_onboarding_questions__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_onboarding_questions__modal-overlay-base, .main_ui_onboarding_questions__modal-overlay {
  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);
}

.main_ui_onboarding_questions__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_onboarding_questions__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_onboarding_questions__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_onboarding_questions__modal-action-btns, .main_ui_onboarding_questions__action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_onboarding_questions__modal-cancel-btn, .main_ui_onboarding_questions__prev-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_onboarding_questions__modal-accept-btn, .main_ui_onboarding_questions__next-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_onboarding_questions__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_onboarding_questions__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_onboarding_questions__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_onboarding_questions__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_onboarding_questions__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_onboarding_questions__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_onboarding_questions__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_onboarding_questions__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_onboarding_questions__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_onboarding_questions__colorpicker-handler {
  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;
}
.main_ui_onboarding_questions__colorpicker-handler:hover, .main_ui_onboarding_questions__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_onboarding_questions__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_onboarding_questions__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_onboarding_questions__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_onboarding_questions__attr-title button {
  display: none;
}
.main_ui_onboarding_questions__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_onboarding_questions__attr-title:hover button {
  display: flex;
}

.main_ui_onboarding_questions__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_onboarding_questions__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_onboarding_questions__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_onboarding_questions__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_onboarding_questions__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_onboarding_questions__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_onboarding_questions__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_onboarding_questions__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_onboarding_questions__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_onboarding_questions__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_onboarding_questions__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_onboarding_questions__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_onboarding_questions__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_onboarding_questions__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_onboarding_questions__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_onboarding_questions__modal-container {
  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: 0.5rem;
  border: 0.125rem solid var(--modal-border-color);
  background-color: var(--modal-background-color);
}

.main_ui_onboarding_questions__form-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

.main_ui_onboarding_questions__paginator {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  height: 1.25rem;
  text-align: right;
  color: var(--modal-text-foreground-color);
}

.main_ui_onboarding_questions__radio-btns label,
.main_ui_onboarding_questions__select-class span {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
}

.main_ui_onboarding_questions__header-image {
  height: 3.75rem;
  width: auto;
  margin-inline-start: auto;
}

.main_ui_onboarding_questions__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
  min-height: 2rem;
  margin-block: auto;
}

.main_ui_onboarding_questions__modal-subtitle {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
  margin: 0;
  padding: 0;
}

.main_ui_onboarding_questions__modal-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
  margin: 0;
}

.main_ui_onboarding_questions__step-1,
.main_ui_onboarding_questions__step-2,
.main_ui_onboarding_questions__step-3,
.main_ui_onboarding_questions__step-5 {
  max-width: 33.75rem;
  width: 33.75rem;
}

.main_ui_onboarding_questions__step-2 {
  grid-template-rows: 1.25rem auto auto 2rem;
}

.main_ui_onboarding_questions__modal-question {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1rem 2rem;
  gap: 1rem;
  height: -moz-fit-content;
  height: fit-content;
}

.main_ui_onboarding_questions__question-centered {
  width: 26.5rem;
  grid-template-rows: auto 2rem;
  margin: 0 auto;
}

.main_ui_onboarding_questions__radio-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.main_ui_onboarding_questions__step-3 {
  grid-template-rows: 1.25rem auto auto auto auto 2rem;
}

.main_ui_onboarding_questions__image-radio {
  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;
}

.main_ui_onboarding_questions__input-spacing {
  height: 2rem;
  width: 100%;
  margin-block-end: 0.5rem;
}

.main_ui_onboarding_questions__input-spacing input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
}

.main_ui_onboarding_questions__step-4 {
  grid-template-rows: 1.25rem auto auto 2rem;
  row-gap: 1rem;
}
@keyframes main_ui_onboarding_team_choice__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_onboarding_team_choice__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_onboarding_team_choice__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_onboarding_team_choice__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_onboarding_team_choice__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_onboarding_team_choice__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_onboarding_team_choice__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_onboarding_team_choice__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_onboarding_team_choice__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_onboarding_team_choice__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_onboarding_team_choice__new-scrollbar ::placeholder,
.main_ui_onboarding_team_choice__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_onboarding_team_choice__button-primary, .main_ui_onboarding_team_choice__modal-danger-btn, .main_ui_onboarding_team_choice__modal-accept-btn, .main_ui_onboarding_team_choice__accept-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_onboarding_team_choice__button-primary:focus-visible, .main_ui_onboarding_team_choice__modal-danger-btn:focus-visible, .main_ui_onboarding_team_choice__modal-accept-btn:focus-visible, .main_ui_onboarding_team_choice__accept-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);
}
.main_ui_onboarding_team_choice__button-primary:focus-visible svg, .main_ui_onboarding_team_choice__modal-danger-btn:focus-visible svg, .main_ui_onboarding_team_choice__modal-accept-btn:focus-visible svg, .main_ui_onboarding_team_choice__accept-button:focus-visible svg,
.main_ui_onboarding_team_choice__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_onboarding_team_choice__button-primary svg, .main_ui_onboarding_team_choice__modal-danger-btn svg, .main_ui_onboarding_team_choice__modal-accept-btn svg, .main_ui_onboarding_team_choice__accept-button svg,
.main_ui_onboarding_team_choice__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_onboarding_team_choice__button-primary:hover, .main_ui_onboarding_team_choice__modal-danger-btn:hover, .main_ui_onboarding_team_choice__modal-accept-btn:hover, .main_ui_onboarding_team_choice__accept-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;
}
.main_ui_onboarding_team_choice__button-primary:hover svg, .main_ui_onboarding_team_choice__modal-danger-btn:hover svg, .main_ui_onboarding_team_choice__modal-accept-btn:hover svg, .main_ui_onboarding_team_choice__accept-button:hover svg,
.main_ui_onboarding_team_choice__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_onboarding_team_choice__button-primary:active, .main_ui_onboarding_team_choice__modal-danger-btn:active, .main_ui_onboarding_team_choice__modal-accept-btn:active, .main_ui_onboarding_team_choice__accept-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;
}
.main_ui_onboarding_team_choice__button-primary:active svg, .main_ui_onboarding_team_choice__modal-danger-btn:active svg, .main_ui_onboarding_team_choice__modal-accept-btn:active svg, .main_ui_onboarding_team_choice__accept-button:active svg,
.main_ui_onboarding_team_choice__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_onboarding_team_choice__button-primary.disabled, .main_ui_onboarding_team_choice__modal-danger-btn.disabled, .main_ui_onboarding_team_choice__modal-accept-btn.disabled, .main_ui_onboarding_team_choice__accept-button.disabled, .main_ui_onboarding_team_choice__button-primary[disabled], [disabled].main_ui_onboarding_team_choice__modal-danger-btn, [disabled].main_ui_onboarding_team_choice__modal-accept-btn, [disabled].main_ui_onboarding_team_choice__accept-button, .main_ui_onboarding_team_choice__button-primary:disabled, .main_ui_onboarding_team_choice__modal-danger-btn:disabled, .main_ui_onboarding_team_choice__modal-accept-btn:disabled, .main_ui_onboarding_team_choice__accept-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;
}

.main_ui_onboarding_team_choice__button-secondary, .main_ui_onboarding_team_choice__modal-cancel-btn, .main_ui_onboarding_team_choice__back-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_onboarding_team_choice__button-secondary:focus-visible, .main_ui_onboarding_team_choice__modal-cancel-btn:focus-visible, .main_ui_onboarding_team_choice__back-button:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_onboarding_team_choice__button-secondary:focus-visible svg, .main_ui_onboarding_team_choice__modal-cancel-btn:focus-visible svg, .main_ui_onboarding_team_choice__back-button:focus-visible svg,
.main_ui_onboarding_team_choice__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_onboarding_team_choice__button-secondary svg, .main_ui_onboarding_team_choice__modal-cancel-btn svg, .main_ui_onboarding_team_choice__back-button svg,
.main_ui_onboarding_team_choice__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_onboarding_team_choice__button-secondary:hover, .main_ui_onboarding_team_choice__modal-cancel-btn:hover, .main_ui_onboarding_team_choice__back-button: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;
}
.main_ui_onboarding_team_choice__button-secondary:hover svg, .main_ui_onboarding_team_choice__modal-cancel-btn:hover svg, .main_ui_onboarding_team_choice__back-button:hover svg,
.main_ui_onboarding_team_choice__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_onboarding_team_choice__button-secondary:active, .main_ui_onboarding_team_choice__modal-cancel-btn:active, .main_ui_onboarding_team_choice__back-button: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);
}
.main_ui_onboarding_team_choice__button-secondary:active svg, .main_ui_onboarding_team_choice__modal-cancel-btn:active svg, .main_ui_onboarding_team_choice__back-button:active svg,
.main_ui_onboarding_team_choice__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_onboarding_team_choice__button-secondary.disabled, .main_ui_onboarding_team_choice__modal-cancel-btn.disabled, .main_ui_onboarding_team_choice__back-button.disabled, .main_ui_onboarding_team_choice__button-secondary[disabled], [disabled].main_ui_onboarding_team_choice__modal-cancel-btn, [disabled].main_ui_onboarding_team_choice__back-button, .main_ui_onboarding_team_choice__button-secondary:disabled, .main_ui_onboarding_team_choice__modal-cancel-btn:disabled, .main_ui_onboarding_team_choice__back-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;
}

.main_ui_onboarding_team_choice__button-tertiary, .main_ui_onboarding_team_choice__attr-title button, .main_ui_onboarding_team_choice__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_onboarding_team_choice__button-tertiary:focus-visible, .main_ui_onboarding_team_choice__attr-title button:focus-visible, .main_ui_onboarding_team_choice__modal-close-btn-base: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);
}
.main_ui_onboarding_team_choice__button-tertiary:focus-visible svg, .main_ui_onboarding_team_choice__attr-title button:focus-visible svg, .main_ui_onboarding_team_choice__modal-close-btn-base:focus-visible svg,
.main_ui_onboarding_team_choice__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_onboarding_team_choice__button-tertiary svg, .main_ui_onboarding_team_choice__attr-title button svg, .main_ui_onboarding_team_choice__modal-close-btn-base svg,
.main_ui_onboarding_team_choice__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_onboarding_team_choice__button-tertiary:hover, .main_ui_onboarding_team_choice__attr-title button:hover, .main_ui_onboarding_team_choice__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_onboarding_team_choice__button-tertiary:hover svg, .main_ui_onboarding_team_choice__attr-title button:hover svg, .main_ui_onboarding_team_choice__modal-close-btn-base:hover svg,
.main_ui_onboarding_team_choice__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_onboarding_team_choice__button-tertiary:active, .main_ui_onboarding_team_choice__attr-title button:active, .main_ui_onboarding_team_choice__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_onboarding_team_choice__button-tertiary:active svg, .main_ui_onboarding_team_choice__attr-title button:active svg, .main_ui_onboarding_team_choice__modal-close-btn-base:active svg,
.main_ui_onboarding_team_choice__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_onboarding_team_choice__button-tertiary.disabled, .main_ui_onboarding_team_choice__attr-title button.disabled, .main_ui_onboarding_team_choice__modal-close-btn-base.disabled, .main_ui_onboarding_team_choice__button-tertiary[disabled], .main_ui_onboarding_team_choice__attr-title button[disabled], [disabled].main_ui_onboarding_team_choice__modal-close-btn-base, .main_ui_onboarding_team_choice__button-tertiary:disabled, .main_ui_onboarding_team_choice__attr-title button:disabled, .main_ui_onboarding_team_choice__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_onboarding_team_choice__button-tertiary.disabled svg, .main_ui_onboarding_team_choice__attr-title button.disabled svg, .main_ui_onboarding_team_choice__modal-close-btn-base.disabled svg,
.main_ui_onboarding_team_choice__button-tertiary.disabled span svg, .main_ui_onboarding_team_choice__button-tertiary[disabled] svg, .main_ui_onboarding_team_choice__attr-title button[disabled] svg, [disabled].main_ui_onboarding_team_choice__modal-close-btn-base svg,
.main_ui_onboarding_team_choice__button-tertiary[disabled] span svg, .main_ui_onboarding_team_choice__button-tertiary:disabled svg, .main_ui_onboarding_team_choice__attr-title button:disabled svg, .main_ui_onboarding_team_choice__modal-close-btn-base:disabled svg,
.main_ui_onboarding_team_choice__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_onboarding_team_choice__button-icon-selected {
  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);
}
.main_ui_onboarding_team_choice__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_onboarding_team_choice__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_onboarding_team_choice__button-radio: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);
}
.main_ui_onboarding_team_choice__button-radio:focus-visible svg,
.main_ui_onboarding_team_choice__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_onboarding_team_choice__button-radio svg,
.main_ui_onboarding_team_choice__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_onboarding_team_choice__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_onboarding_team_choice__button-radio:hover svg,
.main_ui_onboarding_team_choice__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_onboarding_team_choice__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_onboarding_team_choice__button-radio:active svg,
.main_ui_onboarding_team_choice__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_onboarding_team_choice__button-warning {
  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);
}

.main_ui_onboarding_team_choice__button-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;
}

.main_ui_onboarding_team_choice__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_onboarding_team_choice__button-tag: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);
}
.main_ui_onboarding_team_choice__button-tag:focus-visible svg,
.main_ui_onboarding_team_choice__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_onboarding_team_choice__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_onboarding_team_choice__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_onboarding_team_choice__button-icon, .main_ui_onboarding_team_choice__icon svg, .main_ui_onboarding_team_choice__empty-icon svg, .main_ui_onboarding_team_choice__modal-close-btn-base svg, .main_ui_onboarding_team_choice__button-icon-small, .main_ui_onboarding_team_choice__dropdown-element-base span svg, .main_ui_onboarding_team_choice__attr-title button svg, .main_ui_onboarding_team_choice__checkbox-icon.intermediate svg, .main_ui_onboarding_team_choice__input-checkbox label span.intermediate svg, .main_ui_onboarding_team_choice__checkbox-icon.checked svg, .main_ui_onboarding_team_choice__input-checkbox label span.checked svg, .main_ui_onboarding_team_choice__input-element span svg,
.main_ui_onboarding_team_choice__input-element label svg, .main_ui_onboarding_team_choice__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_onboarding_team_choice__button-icon-small, .main_ui_onboarding_team_choice__dropdown-element-base span svg, .main_ui_onboarding_team_choice__attr-title button svg, .main_ui_onboarding_team_choice__checkbox-icon.intermediate svg, .main_ui_onboarding_team_choice__input-checkbox label span.intermediate svg, .main_ui_onboarding_team_choice__checkbox-icon.checked svg, .main_ui_onboarding_team_choice__input-checkbox label span.checked svg, .main_ui_onboarding_team_choice__input-element span svg,
.main_ui_onboarding_team_choice__input-element label svg, .main_ui_onboarding_team_choice__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_onboarding_team_choice__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_onboarding_team_choice__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_onboarding_team_choice__input-base, .main_ui_onboarding_team_choice__input-with-label input, .main_ui_onboarding_team_choice__input-element-label input, .main_ui_onboarding_team_choice__team-name-input input, .main_ui_onboarding_team_choice__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_team_choice__input-base[disabled], .main_ui_onboarding_team_choice__input-with-label input[disabled], .main_ui_onboarding_team_choice__input-element-label input[disabled], .main_ui_onboarding_team_choice__team-name-input input[disabled], .main_ui_onboarding_team_choice__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_onboarding_team_choice__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_onboarding_team_choice__input-label, .main_ui_onboarding_team_choice__input-element span,
.main_ui_onboarding_team_choice__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_onboarding_team_choice__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_onboarding_team_choice__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_onboarding_team_choice__input-element span svg,
.main_ui_onboarding_team_choice__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_onboarding_team_choice__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_onboarding_team_choice__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_onboarding_team_choice__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_onboarding_team_choice__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_onboarding_team_choice__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_onboarding_team_choice__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_onboarding_team_choice__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_team_choice__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_team_choice__input-element:focus, .main_ui_onboarding_team_choice__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_onboarding_team_choice__input-element:focus span, .main_ui_onboarding_team_choice__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_onboarding_team_choice__input-element:focus input, .main_ui_onboarding_team_choice__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_onboarding_team_choice__input-element:focus:hover, .main_ui_onboarding_team_choice__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_onboarding_team_choice__input-element:focus:hover span, .main_ui_onboarding_team_choice__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_onboarding_team_choice__input-element:focus:hover input, .main_ui_onboarding_team_choice__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_onboarding_team_choice__input-element-label, .main_ui_onboarding_team_choice__team-name-input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_onboarding_team_choice__input-element-label input, .main_ui_onboarding_team_choice__team-name-input input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_onboarding_team_choice__input-element-label ::-moz-placeholder, .main_ui_onboarding_team_choice__team-name-input ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_onboarding_team_choice__input-element-label ::placeholder, .main_ui_onboarding_team_choice__team-name-input ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_onboarding_team_choice__input-element-label:hover input, .main_ui_onboarding_team_choice__team-name-input:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_onboarding_team_choice__input-element-label:focus-within input, .main_ui_onboarding_team_choice__team-name-input:focus-within input, .main_ui_onboarding_team_choice__input-element-label:active input, .main_ui_onboarding_team_choice__team-name-input:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_onboarding_team_choice__disabled-input, .main_ui_onboarding_team_choice__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_onboarding_team_choice__disabled-input input, .main_ui_onboarding_team_choice__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_onboarding_team_choice__disabled-input span svg, .main_ui_onboarding_team_choice__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_onboarding_team_choice__checkbox-icon, .main_ui_onboarding_team_choice__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_onboarding_team_choice__checkbox-icon svg, .main_ui_onboarding_team_choice__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_onboarding_team_choice__checkbox-icon:hover, .main_ui_onboarding_team_choice__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_onboarding_team_choice__checkbox-icon:focus, .main_ui_onboarding_team_choice__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_onboarding_team_choice__checkbox-icon.checked, .main_ui_onboarding_team_choice__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_onboarding_team_choice__checkbox-icon.checked svg, .main_ui_onboarding_team_choice__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_onboarding_team_choice__checkbox-icon.intermediate, .main_ui_onboarding_team_choice__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_onboarding_team_choice__checkbox-icon.intermediate svg, .main_ui_onboarding_team_choice__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_onboarding_team_choice__checkbox-icon.unchecked, .main_ui_onboarding_team_choice__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_onboarding_team_choice__checkbox-icon.unchecked svg, .main_ui_onboarding_team_choice__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_onboarding_team_choice__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_onboarding_team_choice__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_onboarding_team_choice__input-checkbox label input {
  margin: 0;
}
.main_ui_onboarding_team_choice__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_onboarding_team_choice__input-checkbox label:focus span, .main_ui_onboarding_team_choice__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_onboarding_team_choice__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_onboarding_team_choice__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_team_choice__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_team_choice__input-with-label input:focus-within, .main_ui_onboarding_team_choice__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_onboarding_team_choice__input-with-label input:focus-within input, .main_ui_onboarding_team_choice__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding_team_choice__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_onboarding_team_choice__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_onboarding_team_choice__modal-overlay-base, .main_ui_onboarding_team_choice__modal-overlay {
  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);
}

.main_ui_onboarding_team_choice__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_onboarding_team_choice__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_onboarding_team_choice__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_onboarding_team_choice__modal-action-btns, .main_ui_onboarding_team_choice__action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_onboarding_team_choice__modal-cancel-btn, .main_ui_onboarding_team_choice__back-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_onboarding_team_choice__modal-accept-btn, .main_ui_onboarding_team_choice__accept-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_onboarding_team_choice__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_onboarding_team_choice__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_onboarding_team_choice__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_onboarding_team_choice__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_onboarding_team_choice__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_onboarding_team_choice__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_onboarding_team_choice__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_onboarding_team_choice__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_onboarding_team_choice__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_onboarding_team_choice__colorpicker-handler {
  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;
}
.main_ui_onboarding_team_choice__colorpicker-handler:hover, .main_ui_onboarding_team_choice__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_onboarding_team_choice__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_onboarding_team_choice__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_onboarding_team_choice__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_onboarding_team_choice__attr-title button {
  display: none;
}
.main_ui_onboarding_team_choice__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_onboarding_team_choice__attr-title:hover button {
  display: flex;
}

.main_ui_onboarding_team_choice__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_onboarding_team_choice__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_onboarding_team_choice__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_onboarding_team_choice__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_onboarding_team_choice__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_onboarding_team_choice__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_onboarding_team_choice__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_onboarding_team_choice__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_onboarding_team_choice__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_onboarding_team_choice__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_onboarding_team_choice__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_onboarding_team_choice__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_onboarding_team_choice__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_onboarding_team_choice__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_onboarding_team_choice__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_onboarding_team_choice__modal-container {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 2rem 1fr;
  gap: 1.5rem;
  width: 56.75rem;
  height: 39.5rem;
  padding-inline: 6.25rem;
  padding-block-start: 2.5rem;
  padding-block-end: 4.5rem;
  border-radius: 0.5rem;
  background-color: var(--modal-background-color);
  border: 0.125rem solid var(--modal-border-color);
}

.main_ui_onboarding_team_choice__paginator {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: absolute;
  top: 2.5rem;
  right: 6.25rem;
  padding: 0.25rem;
  border-radius: 0.375rem;
  color: var(--color-foreground-secondary);
}

.main_ui_onboarding_team_choice__modal-left {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 2rem auto auto 1fr;
  gap: 1rem;
  max-height: 32rem;
  padding-block-start: 2.75rem;
}

.main_ui_onboarding_team_choice__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
  margin-bottom: 0.5rem;
}

.main_ui_onboarding_team_choice__modal-subtitle {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.main_ui_onboarding_team_choice__modal-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
  margin: 0;
}

.main_ui_onboarding_team_choice__modal-desc {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  color: var(--modal-title-foreground-color);
}

.main_ui_onboarding_team_choice__team-features {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 1rem;
  margin: 0;
}

.main_ui_onboarding_team_choice__feature {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  gap: 1rem;
}

.main_ui_onboarding_team_choice__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  border: 1px solid var(--color-accent-primary);
}
.main_ui_onboarding_team_choice__icon svg {
  stroke: var(--color-accent-primary);
}

.main_ui_onboarding_team_choice__action-buttons {
  justify-content: flex-end;
}

.main_ui_onboarding_team_choice__separator {
  width: 0.5rem;
  height: 26.25rem;
  border-radius: 0.5rem;
  margin-block-start: 5.75rem;
  opacity: 42%;
  background-color: var(--modal-separator-backogrund-color);
}

.main_ui_onboarding_team_choice__modal-right {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  gap: 1.5rem;
  max-height: 32rem;
  margin-block-start: 5.75rem;
}

.main_ui_onboarding_team_choice__first-block,
.main_ui_onboarding_team_choice__second-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 1rem;
}

.main_ui_onboarding_team_choice__modal-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.main_ui_onboarding_team_choice__team-name-input label {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  align-items: flex-start;
  width: 100%;
  border: none;
  background-color: transparent;
  height: 100%;
}
.main_ui_onboarding_team_choice__team-name-input label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 0.5rem;
}

.main_ui_onboarding_team_choice__modal-right-invitations {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr;
  gap: 1rem;
  max-height: 32rem;
  margin-block-start: 5.75rem;
}

.main_ui_onboarding_team_choice__modal-form-invitations {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto auto;
  margin-block-end: 4.5rem;
  gap: 0.5rem;
}

.main_ui_onboarding_team_choice__role-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  margin-block-end: 0.5rem;
  color: var(--modal-title-foreground-color);
}

.main_ui_onboarding_team_choice__invitation-row {
  margin: 0;
  color: var(--modal-title-foreground-color);
}

.main_ui_onboarding_team_choice__modal-hint {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--modal-text-foreground-color);
  text-align: right;
}
@keyframes main_ui_notifications_badge__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_notifications_badge__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_notifications_badge__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_notifications_badge__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_notifications_badge__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_notifications_badge__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_notifications_badge__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_notifications_badge__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_notifications_badge__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_notifications_badge__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_notifications_badge__new-scrollbar ::placeholder,
.main_ui_notifications_badge__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_notifications_badge__button-primary, .main_ui_notifications_badge__modal-danger-btn, .main_ui_notifications_badge__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_notifications_badge__button-primary:focus-visible, .main_ui_notifications_badge__modal-danger-btn:focus-visible, .main_ui_notifications_badge__modal-accept-btn: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);
}
.main_ui_notifications_badge__button-primary:focus-visible svg, .main_ui_notifications_badge__modal-danger-btn:focus-visible svg, .main_ui_notifications_badge__modal-accept-btn:focus-visible svg,
.main_ui_notifications_badge__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_notifications_badge__button-primary svg, .main_ui_notifications_badge__modal-danger-btn svg, .main_ui_notifications_badge__modal-accept-btn svg,
.main_ui_notifications_badge__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_notifications_badge__button-primary:hover, .main_ui_notifications_badge__modal-danger-btn:hover, .main_ui_notifications_badge__modal-accept-btn: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;
}
.main_ui_notifications_badge__button-primary:hover svg, .main_ui_notifications_badge__modal-danger-btn:hover svg, .main_ui_notifications_badge__modal-accept-btn:hover svg,
.main_ui_notifications_badge__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_notifications_badge__button-primary:active, .main_ui_notifications_badge__modal-danger-btn:active, .main_ui_notifications_badge__modal-accept-btn: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;
}
.main_ui_notifications_badge__button-primary:active svg, .main_ui_notifications_badge__modal-danger-btn:active svg, .main_ui_notifications_badge__modal-accept-btn:active svg,
.main_ui_notifications_badge__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_notifications_badge__button-primary.disabled, .main_ui_notifications_badge__modal-danger-btn.disabled, .main_ui_notifications_badge__modal-accept-btn.disabled, .main_ui_notifications_badge__button-primary[disabled], [disabled].main_ui_notifications_badge__modal-danger-btn, [disabled].main_ui_notifications_badge__modal-accept-btn, .main_ui_notifications_badge__button-primary:disabled, .main_ui_notifications_badge__modal-danger-btn:disabled, .main_ui_notifications_badge__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_notifications_badge__button-secondary, .main_ui_notifications_badge__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_notifications_badge__button-secondary:focus-visible, .main_ui_notifications_badge__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_notifications_badge__button-secondary:focus-visible svg, .main_ui_notifications_badge__modal-cancel-btn:focus-visible svg,
.main_ui_notifications_badge__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_notifications_badge__button-secondary svg, .main_ui_notifications_badge__modal-cancel-btn svg,
.main_ui_notifications_badge__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_notifications_badge__button-secondary:hover, .main_ui_notifications_badge__modal-cancel-btn: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;
}
.main_ui_notifications_badge__button-secondary:hover svg, .main_ui_notifications_badge__modal-cancel-btn:hover svg,
.main_ui_notifications_badge__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_notifications_badge__button-secondary:active, .main_ui_notifications_badge__modal-cancel-btn: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);
}
.main_ui_notifications_badge__button-secondary:active svg, .main_ui_notifications_badge__modal-cancel-btn:active svg,
.main_ui_notifications_badge__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_notifications_badge__button-secondary.disabled, .main_ui_notifications_badge__modal-cancel-btn.disabled, .main_ui_notifications_badge__button-secondary[disabled], [disabled].main_ui_notifications_badge__modal-cancel-btn, .main_ui_notifications_badge__button-secondary:disabled, .main_ui_notifications_badge__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_notifications_badge__button-tertiary, .main_ui_notifications_badge__attr-title button, .main_ui_notifications_badge__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_notifications_badge__button-tertiary:focus-visible, .main_ui_notifications_badge__attr-title button:focus-visible, .main_ui_notifications_badge__modal-close-btn-base: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);
}
.main_ui_notifications_badge__button-tertiary:focus-visible svg, .main_ui_notifications_badge__attr-title button:focus-visible svg, .main_ui_notifications_badge__modal-close-btn-base:focus-visible svg,
.main_ui_notifications_badge__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_notifications_badge__button-tertiary svg, .main_ui_notifications_badge__attr-title button svg, .main_ui_notifications_badge__modal-close-btn-base svg,
.main_ui_notifications_badge__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_notifications_badge__button-tertiary:hover, .main_ui_notifications_badge__attr-title button:hover, .main_ui_notifications_badge__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_notifications_badge__button-tertiary:hover svg, .main_ui_notifications_badge__attr-title button:hover svg, .main_ui_notifications_badge__modal-close-btn-base:hover svg,
.main_ui_notifications_badge__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_notifications_badge__button-tertiary:active, .main_ui_notifications_badge__attr-title button:active, .main_ui_notifications_badge__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_notifications_badge__button-tertiary:active svg, .main_ui_notifications_badge__attr-title button:active svg, .main_ui_notifications_badge__modal-close-btn-base:active svg,
.main_ui_notifications_badge__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_notifications_badge__button-tertiary.disabled, .main_ui_notifications_badge__attr-title button.disabled, .main_ui_notifications_badge__modal-close-btn-base.disabled, .main_ui_notifications_badge__button-tertiary[disabled], .main_ui_notifications_badge__attr-title button[disabled], [disabled].main_ui_notifications_badge__modal-close-btn-base, .main_ui_notifications_badge__button-tertiary:disabled, .main_ui_notifications_badge__attr-title button:disabled, .main_ui_notifications_badge__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_notifications_badge__button-tertiary.disabled svg, .main_ui_notifications_badge__attr-title button.disabled svg, .main_ui_notifications_badge__modal-close-btn-base.disabled svg,
.main_ui_notifications_badge__button-tertiary.disabled span svg, .main_ui_notifications_badge__button-tertiary[disabled] svg, .main_ui_notifications_badge__attr-title button[disabled] svg, [disabled].main_ui_notifications_badge__modal-close-btn-base svg,
.main_ui_notifications_badge__button-tertiary[disabled] span svg, .main_ui_notifications_badge__button-tertiary:disabled svg, .main_ui_notifications_badge__attr-title button:disabled svg, .main_ui_notifications_badge__modal-close-btn-base:disabled svg,
.main_ui_notifications_badge__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_notifications_badge__button-icon-selected {
  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);
}
.main_ui_notifications_badge__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_notifications_badge__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_notifications_badge__button-radio: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);
}
.main_ui_notifications_badge__button-radio:focus-visible svg,
.main_ui_notifications_badge__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_notifications_badge__button-radio svg,
.main_ui_notifications_badge__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_notifications_badge__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_notifications_badge__button-radio:hover svg,
.main_ui_notifications_badge__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_notifications_badge__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_notifications_badge__button-radio:active svg,
.main_ui_notifications_badge__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_notifications_badge__button-warning {
  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);
}

.main_ui_notifications_badge__button-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;
}

.main_ui_notifications_badge__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_notifications_badge__button-tag: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);
}
.main_ui_notifications_badge__button-tag:focus-visible svg,
.main_ui_notifications_badge__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_notifications_badge__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_notifications_badge__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_notifications_badge__button-icon, .main_ui_notifications_badge__empty-icon svg, .main_ui_notifications_badge__modal-close-btn-base svg, .main_ui_notifications_badge__button-icon-small, .main_ui_notifications_badge__dropdown-element-base span svg, .main_ui_notifications_badge__attr-title button svg, .main_ui_notifications_badge__checkbox-icon.intermediate svg, .main_ui_notifications_badge__input-checkbox label span.intermediate svg, .main_ui_notifications_badge__checkbox-icon.checked svg, .main_ui_notifications_badge__input-checkbox label span.checked svg, .main_ui_notifications_badge__input-element span svg,
.main_ui_notifications_badge__input-element label svg, .main_ui_notifications_badge__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_notifications_badge__button-icon-small, .main_ui_notifications_badge__dropdown-element-base span svg, .main_ui_notifications_badge__attr-title button svg, .main_ui_notifications_badge__checkbox-icon.intermediate svg, .main_ui_notifications_badge__input-checkbox label span.intermediate svg, .main_ui_notifications_badge__checkbox-icon.checked svg, .main_ui_notifications_badge__input-checkbox label span.checked svg, .main_ui_notifications_badge__input-element span svg,
.main_ui_notifications_badge__input-element label svg, .main_ui_notifications_badge__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_notifications_badge__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_notifications_badge__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_notifications_badge__input-base, .main_ui_notifications_badge__input-with-label input, .main_ui_notifications_badge__input-element-label input, .main_ui_notifications_badge__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_badge__input-base[disabled], .main_ui_notifications_badge__input-with-label input[disabled], .main_ui_notifications_badge__input-element-label input[disabled], .main_ui_notifications_badge__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_notifications_badge__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_notifications_badge__input-label, .main_ui_notifications_badge__input-element span,
.main_ui_notifications_badge__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_notifications_badge__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_notifications_badge__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_notifications_badge__input-element span svg,
.main_ui_notifications_badge__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_notifications_badge__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_notifications_badge__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_notifications_badge__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_notifications_badge__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_notifications_badge__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_notifications_badge__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_notifications_badge__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_badge__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_badge__input-element:focus, .main_ui_notifications_badge__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_notifications_badge__input-element:focus span, .main_ui_notifications_badge__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_notifications_badge__input-element:focus input, .main_ui_notifications_badge__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_notifications_badge__input-element:focus:hover, .main_ui_notifications_badge__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_notifications_badge__input-element:focus:hover span, .main_ui_notifications_badge__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_notifications_badge__input-element:focus:hover input, .main_ui_notifications_badge__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_notifications_badge__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_notifications_badge__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_notifications_badge__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_notifications_badge__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_notifications_badge__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_notifications_badge__input-element-label:focus-within input, .main_ui_notifications_badge__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_notifications_badge__disabled-input, .main_ui_notifications_badge__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_notifications_badge__disabled-input input, .main_ui_notifications_badge__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_notifications_badge__disabled-input span svg, .main_ui_notifications_badge__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_notifications_badge__checkbox-icon, .main_ui_notifications_badge__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_notifications_badge__checkbox-icon svg, .main_ui_notifications_badge__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_notifications_badge__checkbox-icon:hover, .main_ui_notifications_badge__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_notifications_badge__checkbox-icon:focus, .main_ui_notifications_badge__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_notifications_badge__checkbox-icon.checked, .main_ui_notifications_badge__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_notifications_badge__checkbox-icon.checked svg, .main_ui_notifications_badge__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_notifications_badge__checkbox-icon.intermediate, .main_ui_notifications_badge__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_notifications_badge__checkbox-icon.intermediate svg, .main_ui_notifications_badge__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_notifications_badge__checkbox-icon.unchecked, .main_ui_notifications_badge__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_notifications_badge__checkbox-icon.unchecked svg, .main_ui_notifications_badge__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_notifications_badge__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_notifications_badge__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_notifications_badge__input-checkbox label input {
  margin: 0;
}
.main_ui_notifications_badge__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_notifications_badge__input-checkbox label:focus span, .main_ui_notifications_badge__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_notifications_badge__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_notifications_badge__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_badge__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_badge__input-with-label input:focus-within, .main_ui_notifications_badge__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_notifications_badge__input-with-label input:focus-within input, .main_ui_notifications_badge__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_badge__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_notifications_badge__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_notifications_badge__modal-overlay-base {
  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);
}

.main_ui_notifications_badge__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_notifications_badge__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_notifications_badge__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_notifications_badge__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_notifications_badge__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_notifications_badge__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_notifications_badge__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_notifications_badge__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_notifications_badge__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_notifications_badge__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_notifications_badge__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_notifications_badge__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_notifications_badge__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_notifications_badge__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_notifications_badge__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_notifications_badge__colorpicker-handler {
  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;
}
.main_ui_notifications_badge__colorpicker-handler:hover, .main_ui_notifications_badge__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_notifications_badge__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_notifications_badge__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_notifications_badge__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_notifications_badge__attr-title button {
  display: none;
}
.main_ui_notifications_badge__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_notifications_badge__attr-title:hover button {
  display: flex;
}

.main_ui_notifications_badge__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_notifications_badge__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_notifications_badge__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_notifications_badge__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_notifications_badge__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_notifications_badge__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_notifications_badge__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_notifications_badge__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_notifications_badge__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_notifications_badge__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_notifications_badge__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_notifications_badge__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_notifications_badge__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_notifications_badge__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_notifications_badge__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_notifications_badge__badge-notification {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  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: 0;
  margin: 0;
  border: 1px solid var(--badge-notification-border-color);
  border-radius: 0.5rem;
  background-color: var(--badge-notification-bg-color);
  color: var(--badge-notification-fg-color);
}

.main_ui_notifications_badge__small {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  min-height: 1.25rem;
  border-radius: 0.375rem;
}

.main_ui_notifications_badge__warning {
  --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);
}

.main_ui_notifications_badge__success {
  --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);
}

.main_ui_notifications_badge__info {
  --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);
}

.main_ui_notifications_badge__error {
  --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);
}

.main_ui_notifications_badge__focus {
  --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 main_ui_notifications_context_notification__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_notifications_context_notification__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_notifications_context_notification__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_notifications_context_notification__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_notifications_context_notification__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_notifications_context_notification__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_notifications_context_notification__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_notifications_context_notification__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_notifications_context_notification__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_notifications_context_notification__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_notifications_context_notification__new-scrollbar ::placeholder,
.main_ui_notifications_context_notification__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_notifications_context_notification__button-primary, .main_ui_notifications_context_notification__modal-danger-btn, .main_ui_notifications_context_notification__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_notifications_context_notification__button-primary:focus-visible, .main_ui_notifications_context_notification__modal-danger-btn:focus-visible, .main_ui_notifications_context_notification__modal-accept-btn: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);
}
.main_ui_notifications_context_notification__button-primary:focus-visible svg, .main_ui_notifications_context_notification__modal-danger-btn:focus-visible svg, .main_ui_notifications_context_notification__modal-accept-btn:focus-visible svg,
.main_ui_notifications_context_notification__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_notifications_context_notification__button-primary svg, .main_ui_notifications_context_notification__modal-danger-btn svg, .main_ui_notifications_context_notification__modal-accept-btn svg,
.main_ui_notifications_context_notification__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_notifications_context_notification__button-primary:hover, .main_ui_notifications_context_notification__modal-danger-btn:hover, .main_ui_notifications_context_notification__modal-accept-btn: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;
}
.main_ui_notifications_context_notification__button-primary:hover svg, .main_ui_notifications_context_notification__modal-danger-btn:hover svg, .main_ui_notifications_context_notification__modal-accept-btn:hover svg,
.main_ui_notifications_context_notification__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_notifications_context_notification__button-primary:active, .main_ui_notifications_context_notification__modal-danger-btn:active, .main_ui_notifications_context_notification__modal-accept-btn: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;
}
.main_ui_notifications_context_notification__button-primary:active svg, .main_ui_notifications_context_notification__modal-danger-btn:active svg, .main_ui_notifications_context_notification__modal-accept-btn:active svg,
.main_ui_notifications_context_notification__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_notifications_context_notification__button-primary.disabled, .main_ui_notifications_context_notification__modal-danger-btn.disabled, .main_ui_notifications_context_notification__modal-accept-btn.disabled, .main_ui_notifications_context_notification__button-primary[disabled], [disabled].main_ui_notifications_context_notification__modal-danger-btn, [disabled].main_ui_notifications_context_notification__modal-accept-btn, .main_ui_notifications_context_notification__button-primary:disabled, .main_ui_notifications_context_notification__modal-danger-btn:disabled, .main_ui_notifications_context_notification__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_notifications_context_notification__button-secondary, .main_ui_notifications_context_notification__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_notifications_context_notification__button-secondary:focus-visible, .main_ui_notifications_context_notification__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_notifications_context_notification__button-secondary:focus-visible svg, .main_ui_notifications_context_notification__modal-cancel-btn:focus-visible svg,
.main_ui_notifications_context_notification__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_notifications_context_notification__button-secondary svg, .main_ui_notifications_context_notification__modal-cancel-btn svg,
.main_ui_notifications_context_notification__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_notifications_context_notification__button-secondary:hover, .main_ui_notifications_context_notification__modal-cancel-btn: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;
}
.main_ui_notifications_context_notification__button-secondary:hover svg, .main_ui_notifications_context_notification__modal-cancel-btn:hover svg,
.main_ui_notifications_context_notification__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_notifications_context_notification__button-secondary:active, .main_ui_notifications_context_notification__modal-cancel-btn: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);
}
.main_ui_notifications_context_notification__button-secondary:active svg, .main_ui_notifications_context_notification__modal-cancel-btn:active svg,
.main_ui_notifications_context_notification__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_notifications_context_notification__button-secondary.disabled, .main_ui_notifications_context_notification__modal-cancel-btn.disabled, .main_ui_notifications_context_notification__button-secondary[disabled], [disabled].main_ui_notifications_context_notification__modal-cancel-btn, .main_ui_notifications_context_notification__button-secondary:disabled, .main_ui_notifications_context_notification__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_notifications_context_notification__button-tertiary, .main_ui_notifications_context_notification__attr-title button, .main_ui_notifications_context_notification__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_notifications_context_notification__button-tertiary:focus-visible, .main_ui_notifications_context_notification__attr-title button:focus-visible, .main_ui_notifications_context_notification__modal-close-btn-base: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);
}
.main_ui_notifications_context_notification__button-tertiary:focus-visible svg, .main_ui_notifications_context_notification__attr-title button:focus-visible svg, .main_ui_notifications_context_notification__modal-close-btn-base:focus-visible svg,
.main_ui_notifications_context_notification__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_notifications_context_notification__button-tertiary svg, .main_ui_notifications_context_notification__attr-title button svg, .main_ui_notifications_context_notification__modal-close-btn-base svg,
.main_ui_notifications_context_notification__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_notifications_context_notification__button-tertiary:hover, .main_ui_notifications_context_notification__attr-title button:hover, .main_ui_notifications_context_notification__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_notifications_context_notification__button-tertiary:hover svg, .main_ui_notifications_context_notification__attr-title button:hover svg, .main_ui_notifications_context_notification__modal-close-btn-base:hover svg,
.main_ui_notifications_context_notification__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_notifications_context_notification__button-tertiary:active, .main_ui_notifications_context_notification__attr-title button:active, .main_ui_notifications_context_notification__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_notifications_context_notification__button-tertiary:active svg, .main_ui_notifications_context_notification__attr-title button:active svg, .main_ui_notifications_context_notification__modal-close-btn-base:active svg,
.main_ui_notifications_context_notification__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_notifications_context_notification__button-tertiary.disabled, .main_ui_notifications_context_notification__attr-title button.disabled, .main_ui_notifications_context_notification__modal-close-btn-base.disabled, .main_ui_notifications_context_notification__button-tertiary[disabled], .main_ui_notifications_context_notification__attr-title button[disabled], [disabled].main_ui_notifications_context_notification__modal-close-btn-base, .main_ui_notifications_context_notification__button-tertiary:disabled, .main_ui_notifications_context_notification__attr-title button:disabled, .main_ui_notifications_context_notification__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_notifications_context_notification__button-tertiary.disabled svg, .main_ui_notifications_context_notification__attr-title button.disabled svg, .main_ui_notifications_context_notification__modal-close-btn-base.disabled svg,
.main_ui_notifications_context_notification__button-tertiary.disabled span svg, .main_ui_notifications_context_notification__button-tertiary[disabled] svg, .main_ui_notifications_context_notification__attr-title button[disabled] svg, [disabled].main_ui_notifications_context_notification__modal-close-btn-base svg,
.main_ui_notifications_context_notification__button-tertiary[disabled] span svg, .main_ui_notifications_context_notification__button-tertiary:disabled svg, .main_ui_notifications_context_notification__attr-title button:disabled svg, .main_ui_notifications_context_notification__modal-close-btn-base:disabled svg,
.main_ui_notifications_context_notification__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_notifications_context_notification__button-icon-selected {
  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);
}
.main_ui_notifications_context_notification__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_notifications_context_notification__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_notifications_context_notification__button-radio: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);
}
.main_ui_notifications_context_notification__button-radio:focus-visible svg,
.main_ui_notifications_context_notification__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_notifications_context_notification__button-radio svg,
.main_ui_notifications_context_notification__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_notifications_context_notification__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_notifications_context_notification__button-radio:hover svg,
.main_ui_notifications_context_notification__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_notifications_context_notification__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_notifications_context_notification__button-radio:active svg,
.main_ui_notifications_context_notification__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_notifications_context_notification__button-warning {
  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);
}

.main_ui_notifications_context_notification__button-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;
}

.main_ui_notifications_context_notification__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_notifications_context_notification__button-tag: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);
}
.main_ui_notifications_context_notification__button-tag:focus-visible svg,
.main_ui_notifications_context_notification__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_notifications_context_notification__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_notifications_context_notification__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_notifications_context_notification__button-icon, .main_ui_notifications_context_notification__icon, .main_ui_notifications_context_notification__empty-icon svg, .main_ui_notifications_context_notification__modal-close-btn-base svg, .main_ui_notifications_context_notification__button-icon-small, .main_ui_notifications_context_notification__dropdown-element-base span svg, .main_ui_notifications_context_notification__attr-title button svg, .main_ui_notifications_context_notification__checkbox-icon.intermediate svg, .main_ui_notifications_context_notification__input-checkbox label span.intermediate svg, .main_ui_notifications_context_notification__checkbox-icon.checked svg, .main_ui_notifications_context_notification__input-checkbox label span.checked svg, .main_ui_notifications_context_notification__input-element span svg,
.main_ui_notifications_context_notification__input-element label svg, .main_ui_notifications_context_notification__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_notifications_context_notification__button-icon-small, .main_ui_notifications_context_notification__dropdown-element-base span svg, .main_ui_notifications_context_notification__attr-title button svg, .main_ui_notifications_context_notification__checkbox-icon.intermediate svg, .main_ui_notifications_context_notification__input-checkbox label span.intermediate svg, .main_ui_notifications_context_notification__checkbox-icon.checked svg, .main_ui_notifications_context_notification__input-checkbox label span.checked svg, .main_ui_notifications_context_notification__input-element span svg,
.main_ui_notifications_context_notification__input-element label svg, .main_ui_notifications_context_notification__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_notifications_context_notification__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_notifications_context_notification__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_notifications_context_notification__input-base, .main_ui_notifications_context_notification__input-with-label input, .main_ui_notifications_context_notification__input-element-label input, .main_ui_notifications_context_notification__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_context_notification__input-base[disabled], .main_ui_notifications_context_notification__input-with-label input[disabled], .main_ui_notifications_context_notification__input-element-label input[disabled], .main_ui_notifications_context_notification__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_notifications_context_notification__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_notifications_context_notification__input-label, .main_ui_notifications_context_notification__input-element span,
.main_ui_notifications_context_notification__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_notifications_context_notification__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_notifications_context_notification__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_notifications_context_notification__input-element span svg,
.main_ui_notifications_context_notification__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_notifications_context_notification__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_notifications_context_notification__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_notifications_context_notification__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_notifications_context_notification__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_notifications_context_notification__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_notifications_context_notification__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_notifications_context_notification__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_context_notification__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_context_notification__input-element:focus, .main_ui_notifications_context_notification__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_notifications_context_notification__input-element:focus span, .main_ui_notifications_context_notification__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_notifications_context_notification__input-element:focus input, .main_ui_notifications_context_notification__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_notifications_context_notification__input-element:focus:hover, .main_ui_notifications_context_notification__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_notifications_context_notification__input-element:focus:hover span, .main_ui_notifications_context_notification__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_notifications_context_notification__input-element:focus:hover input, .main_ui_notifications_context_notification__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_notifications_context_notification__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_notifications_context_notification__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_notifications_context_notification__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_notifications_context_notification__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_notifications_context_notification__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_notifications_context_notification__input-element-label:focus-within input, .main_ui_notifications_context_notification__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_notifications_context_notification__disabled-input, .main_ui_notifications_context_notification__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_notifications_context_notification__disabled-input input, .main_ui_notifications_context_notification__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_notifications_context_notification__disabled-input span svg, .main_ui_notifications_context_notification__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_notifications_context_notification__checkbox-icon, .main_ui_notifications_context_notification__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_notifications_context_notification__checkbox-icon svg, .main_ui_notifications_context_notification__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_notifications_context_notification__checkbox-icon:hover, .main_ui_notifications_context_notification__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_notifications_context_notification__checkbox-icon:focus, .main_ui_notifications_context_notification__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_notifications_context_notification__checkbox-icon.checked, .main_ui_notifications_context_notification__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_notifications_context_notification__checkbox-icon.checked svg, .main_ui_notifications_context_notification__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_notifications_context_notification__checkbox-icon.intermediate, .main_ui_notifications_context_notification__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_notifications_context_notification__checkbox-icon.intermediate svg, .main_ui_notifications_context_notification__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_notifications_context_notification__checkbox-icon.unchecked, .main_ui_notifications_context_notification__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_notifications_context_notification__checkbox-icon.unchecked svg, .main_ui_notifications_context_notification__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_notifications_context_notification__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_notifications_context_notification__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_notifications_context_notification__input-checkbox label input {
  margin: 0;
}
.main_ui_notifications_context_notification__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_notifications_context_notification__input-checkbox label:focus span, .main_ui_notifications_context_notification__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_notifications_context_notification__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_notifications_context_notification__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_context_notification__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_context_notification__input-with-label input:focus-within, .main_ui_notifications_context_notification__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_notifications_context_notification__input-with-label input:focus-within input, .main_ui_notifications_context_notification__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_context_notification__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_notifications_context_notification__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_notifications_context_notification__modal-overlay-base {
  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);
}

.main_ui_notifications_context_notification__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_notifications_context_notification__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_notifications_context_notification__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_notifications_context_notification__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_notifications_context_notification__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_notifications_context_notification__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_notifications_context_notification__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_notifications_context_notification__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_notifications_context_notification__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_notifications_context_notification__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_notifications_context_notification__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_notifications_context_notification__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_notifications_context_notification__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_notifications_context_notification__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_notifications_context_notification__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_notifications_context_notification__colorpicker-handler {
  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;
}
.main_ui_notifications_context_notification__colorpicker-handler:hover, .main_ui_notifications_context_notification__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_notifications_context_notification__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_notifications_context_notification__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_notifications_context_notification__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_notifications_context_notification__attr-title button {
  display: none;
}
.main_ui_notifications_context_notification__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_notifications_context_notification__attr-title:hover button {
  display: flex;
}

.main_ui_notifications_context_notification__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_notifications_context_notification__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_notifications_context_notification__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_notifications_context_notification__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_notifications_context_notification__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_notifications_context_notification__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_notifications_context_notification__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_notifications_context_notification__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_notifications_context_notification__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_notifications_context_notification__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_notifications_context_notification__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_notifications_context_notification__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_notifications_context_notification__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_notifications_context_notification__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_notifications_context_notification__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_notifications_context_notification__context-notification {
  --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: 0.5rem;
  background-color: var(--context-notification-bg-color);
}

.main_ui_notifications_context_notification__warning {
  --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);
}

.main_ui_notifications_context_notification__success {
  --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);
}

.main_ui_notifications_context_notification__info {
  --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);
}

.main_ui_notifications_context_notification__default {
  --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);
}

.main_ui_notifications_context_notification__error {
  --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);
}

.main_ui_notifications_context_notification__icon {
  align-self: self-start;
  stroke: var(--context-notification-icon-color);
}

.main_ui_notifications_context_notification__context-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  align-self: center;
  color: var(--context-notification-fg-color);
  margin: auto 0;
}

.main_ui_notifications_context_notification__link,
.main_ui_notifications_context_notification__contain-html .main_ui_notifications_context_notification__context-text a {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  align-self: center;
  display: inline;
  text-align: left;
  height: 1rem;
  margin: 0;
  color: var(--modal-link-foreground-color);
}
@keyframes main_ui_notifications_inline_notification__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_notifications_inline_notification__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_notifications_inline_notification__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_notifications_inline_notification__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_notifications_inline_notification__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_notifications_inline_notification__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_notifications_inline_notification__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_notifications_inline_notification__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_notifications_inline_notification__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_notifications_inline_notification__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_notifications_inline_notification__new-scrollbar ::placeholder,
.main_ui_notifications_inline_notification__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_notifications_inline_notification__button-primary, .main_ui_notifications_inline_notification__modal-danger-btn, .main_ui_notifications_inline_notification__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_notifications_inline_notification__button-primary:focus-visible, .main_ui_notifications_inline_notification__modal-danger-btn:focus-visible, .main_ui_notifications_inline_notification__modal-accept-btn: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);
}
.main_ui_notifications_inline_notification__button-primary:focus-visible svg, .main_ui_notifications_inline_notification__modal-danger-btn:focus-visible svg, .main_ui_notifications_inline_notification__modal-accept-btn:focus-visible svg,
.main_ui_notifications_inline_notification__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_notifications_inline_notification__button-primary svg, .main_ui_notifications_inline_notification__modal-danger-btn svg, .main_ui_notifications_inline_notification__modal-accept-btn svg,
.main_ui_notifications_inline_notification__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_notifications_inline_notification__button-primary:hover, .main_ui_notifications_inline_notification__modal-danger-btn:hover, .main_ui_notifications_inline_notification__modal-accept-btn: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;
}
.main_ui_notifications_inline_notification__button-primary:hover svg, .main_ui_notifications_inline_notification__modal-danger-btn:hover svg, .main_ui_notifications_inline_notification__modal-accept-btn:hover svg,
.main_ui_notifications_inline_notification__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_notifications_inline_notification__button-primary:active, .main_ui_notifications_inline_notification__modal-danger-btn:active, .main_ui_notifications_inline_notification__modal-accept-btn: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;
}
.main_ui_notifications_inline_notification__button-primary:active svg, .main_ui_notifications_inline_notification__modal-danger-btn:active svg, .main_ui_notifications_inline_notification__modal-accept-btn:active svg,
.main_ui_notifications_inline_notification__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_notifications_inline_notification__button-primary.disabled, .main_ui_notifications_inline_notification__modal-danger-btn.disabled, .main_ui_notifications_inline_notification__modal-accept-btn.disabled, .main_ui_notifications_inline_notification__button-primary[disabled], [disabled].main_ui_notifications_inline_notification__modal-danger-btn, [disabled].main_ui_notifications_inline_notification__modal-accept-btn, .main_ui_notifications_inline_notification__button-primary:disabled, .main_ui_notifications_inline_notification__modal-danger-btn:disabled, .main_ui_notifications_inline_notification__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_notifications_inline_notification__button-secondary, .main_ui_notifications_inline_notification__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_notifications_inline_notification__button-secondary:focus-visible, .main_ui_notifications_inline_notification__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_notifications_inline_notification__button-secondary:focus-visible svg, .main_ui_notifications_inline_notification__modal-cancel-btn:focus-visible svg,
.main_ui_notifications_inline_notification__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_notifications_inline_notification__button-secondary svg, .main_ui_notifications_inline_notification__modal-cancel-btn svg,
.main_ui_notifications_inline_notification__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_notifications_inline_notification__button-secondary:hover, .main_ui_notifications_inline_notification__modal-cancel-btn: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;
}
.main_ui_notifications_inline_notification__button-secondary:hover svg, .main_ui_notifications_inline_notification__modal-cancel-btn:hover svg,
.main_ui_notifications_inline_notification__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_notifications_inline_notification__button-secondary:active, .main_ui_notifications_inline_notification__modal-cancel-btn: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);
}
.main_ui_notifications_inline_notification__button-secondary:active svg, .main_ui_notifications_inline_notification__modal-cancel-btn:active svg,
.main_ui_notifications_inline_notification__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_notifications_inline_notification__button-secondary.disabled, .main_ui_notifications_inline_notification__modal-cancel-btn.disabled, .main_ui_notifications_inline_notification__button-secondary[disabled], [disabled].main_ui_notifications_inline_notification__modal-cancel-btn, .main_ui_notifications_inline_notification__button-secondary:disabled, .main_ui_notifications_inline_notification__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_notifications_inline_notification__button-tertiary, .main_ui_notifications_inline_notification__attr-title button, .main_ui_notifications_inline_notification__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_notifications_inline_notification__button-tertiary:focus-visible, .main_ui_notifications_inline_notification__attr-title button:focus-visible, .main_ui_notifications_inline_notification__modal-close-btn-base: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);
}
.main_ui_notifications_inline_notification__button-tertiary:focus-visible svg, .main_ui_notifications_inline_notification__attr-title button:focus-visible svg, .main_ui_notifications_inline_notification__modal-close-btn-base:focus-visible svg,
.main_ui_notifications_inline_notification__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_notifications_inline_notification__button-tertiary svg, .main_ui_notifications_inline_notification__attr-title button svg, .main_ui_notifications_inline_notification__modal-close-btn-base svg,
.main_ui_notifications_inline_notification__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_notifications_inline_notification__button-tertiary:hover, .main_ui_notifications_inline_notification__attr-title button:hover, .main_ui_notifications_inline_notification__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_notifications_inline_notification__button-tertiary:hover svg, .main_ui_notifications_inline_notification__attr-title button:hover svg, .main_ui_notifications_inline_notification__modal-close-btn-base:hover svg,
.main_ui_notifications_inline_notification__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_notifications_inline_notification__button-tertiary:active, .main_ui_notifications_inline_notification__attr-title button:active, .main_ui_notifications_inline_notification__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_notifications_inline_notification__button-tertiary:active svg, .main_ui_notifications_inline_notification__attr-title button:active svg, .main_ui_notifications_inline_notification__modal-close-btn-base:active svg,
.main_ui_notifications_inline_notification__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_notifications_inline_notification__button-tertiary.disabled, .main_ui_notifications_inline_notification__attr-title button.disabled, .main_ui_notifications_inline_notification__modal-close-btn-base.disabled, .main_ui_notifications_inline_notification__button-tertiary[disabled], .main_ui_notifications_inline_notification__attr-title button[disabled], [disabled].main_ui_notifications_inline_notification__modal-close-btn-base, .main_ui_notifications_inline_notification__button-tertiary:disabled, .main_ui_notifications_inline_notification__attr-title button:disabled, .main_ui_notifications_inline_notification__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_notifications_inline_notification__button-tertiary.disabled svg, .main_ui_notifications_inline_notification__attr-title button.disabled svg, .main_ui_notifications_inline_notification__modal-close-btn-base.disabled svg,
.main_ui_notifications_inline_notification__button-tertiary.disabled span svg, .main_ui_notifications_inline_notification__button-tertiary[disabled] svg, .main_ui_notifications_inline_notification__attr-title button[disabled] svg, [disabled].main_ui_notifications_inline_notification__modal-close-btn-base svg,
.main_ui_notifications_inline_notification__button-tertiary[disabled] span svg, .main_ui_notifications_inline_notification__button-tertiary:disabled svg, .main_ui_notifications_inline_notification__attr-title button:disabled svg, .main_ui_notifications_inline_notification__modal-close-btn-base:disabled svg,
.main_ui_notifications_inline_notification__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_notifications_inline_notification__button-icon-selected {
  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);
}
.main_ui_notifications_inline_notification__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_notifications_inline_notification__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_notifications_inline_notification__button-radio: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);
}
.main_ui_notifications_inline_notification__button-radio:focus-visible svg,
.main_ui_notifications_inline_notification__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_notifications_inline_notification__button-radio svg,
.main_ui_notifications_inline_notification__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_notifications_inline_notification__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_notifications_inline_notification__button-radio:hover svg,
.main_ui_notifications_inline_notification__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_notifications_inline_notification__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_notifications_inline_notification__button-radio:active svg,
.main_ui_notifications_inline_notification__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_notifications_inline_notification__button-warning {
  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);
}

.main_ui_notifications_inline_notification__button-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;
}

.main_ui_notifications_inline_notification__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_notifications_inline_notification__button-tag: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);
}
.main_ui_notifications_inline_notification__button-tag:focus-visible svg,
.main_ui_notifications_inline_notification__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_notifications_inline_notification__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_notifications_inline_notification__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_notifications_inline_notification__button-icon, .main_ui_notifications_inline_notification__empty-icon svg, .main_ui_notifications_inline_notification__modal-close-btn-base svg, .main_ui_notifications_inline_notification__button-icon-small, .main_ui_notifications_inline_notification__dropdown-element-base span svg, .main_ui_notifications_inline_notification__attr-title button svg, .main_ui_notifications_inline_notification__checkbox-icon.intermediate svg, .main_ui_notifications_inline_notification__input-checkbox label span.intermediate svg, .main_ui_notifications_inline_notification__checkbox-icon.checked svg, .main_ui_notifications_inline_notification__input-checkbox label span.checked svg, .main_ui_notifications_inline_notification__input-element span svg,
.main_ui_notifications_inline_notification__input-element label svg, .main_ui_notifications_inline_notification__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_notifications_inline_notification__button-icon-small, .main_ui_notifications_inline_notification__dropdown-element-base span svg, .main_ui_notifications_inline_notification__attr-title button svg, .main_ui_notifications_inline_notification__checkbox-icon.intermediate svg, .main_ui_notifications_inline_notification__input-checkbox label span.intermediate svg, .main_ui_notifications_inline_notification__checkbox-icon.checked svg, .main_ui_notifications_inline_notification__input-checkbox label span.checked svg, .main_ui_notifications_inline_notification__input-element span svg,
.main_ui_notifications_inline_notification__input-element label svg, .main_ui_notifications_inline_notification__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_notifications_inline_notification__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_notifications_inline_notification__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_notifications_inline_notification__input-base, .main_ui_notifications_inline_notification__input-with-label input, .main_ui_notifications_inline_notification__input-element-label input, .main_ui_notifications_inline_notification__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_inline_notification__input-base[disabled], .main_ui_notifications_inline_notification__input-with-label input[disabled], .main_ui_notifications_inline_notification__input-element-label input[disabled], .main_ui_notifications_inline_notification__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_notifications_inline_notification__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_notifications_inline_notification__input-label, .main_ui_notifications_inline_notification__input-element span,
.main_ui_notifications_inline_notification__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_notifications_inline_notification__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_notifications_inline_notification__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_notifications_inline_notification__input-element span svg,
.main_ui_notifications_inline_notification__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_notifications_inline_notification__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_notifications_inline_notification__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_notifications_inline_notification__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_notifications_inline_notification__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_notifications_inline_notification__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_notifications_inline_notification__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_notifications_inline_notification__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_inline_notification__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_inline_notification__input-element:focus, .main_ui_notifications_inline_notification__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_notifications_inline_notification__input-element:focus span, .main_ui_notifications_inline_notification__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_notifications_inline_notification__input-element:focus input, .main_ui_notifications_inline_notification__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_notifications_inline_notification__input-element:focus:hover, .main_ui_notifications_inline_notification__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_notifications_inline_notification__input-element:focus:hover span, .main_ui_notifications_inline_notification__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_notifications_inline_notification__input-element:focus:hover input, .main_ui_notifications_inline_notification__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_notifications_inline_notification__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_notifications_inline_notification__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_notifications_inline_notification__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_notifications_inline_notification__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_notifications_inline_notification__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_notifications_inline_notification__input-element-label:focus-within input, .main_ui_notifications_inline_notification__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_notifications_inline_notification__disabled-input, .main_ui_notifications_inline_notification__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_notifications_inline_notification__disabled-input input, .main_ui_notifications_inline_notification__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_notifications_inline_notification__disabled-input span svg, .main_ui_notifications_inline_notification__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_notifications_inline_notification__checkbox-icon, .main_ui_notifications_inline_notification__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_notifications_inline_notification__checkbox-icon svg, .main_ui_notifications_inline_notification__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_notifications_inline_notification__checkbox-icon:hover, .main_ui_notifications_inline_notification__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_notifications_inline_notification__checkbox-icon:focus, .main_ui_notifications_inline_notification__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_notifications_inline_notification__checkbox-icon.checked, .main_ui_notifications_inline_notification__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_notifications_inline_notification__checkbox-icon.checked svg, .main_ui_notifications_inline_notification__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_notifications_inline_notification__checkbox-icon.intermediate, .main_ui_notifications_inline_notification__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_notifications_inline_notification__checkbox-icon.intermediate svg, .main_ui_notifications_inline_notification__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_notifications_inline_notification__checkbox-icon.unchecked, .main_ui_notifications_inline_notification__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_notifications_inline_notification__checkbox-icon.unchecked svg, .main_ui_notifications_inline_notification__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_notifications_inline_notification__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_notifications_inline_notification__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_notifications_inline_notification__input-checkbox label input {
  margin: 0;
}
.main_ui_notifications_inline_notification__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_notifications_inline_notification__input-checkbox label:focus span, .main_ui_notifications_inline_notification__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_notifications_inline_notification__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_notifications_inline_notification__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_inline_notification__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_inline_notification__input-with-label input:focus-within, .main_ui_notifications_inline_notification__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_notifications_inline_notification__input-with-label input:focus-within input, .main_ui_notifications_inline_notification__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_inline_notification__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_notifications_inline_notification__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_notifications_inline_notification__modal-overlay-base {
  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);
}

.main_ui_notifications_inline_notification__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_notifications_inline_notification__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_notifications_inline_notification__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_notifications_inline_notification__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_notifications_inline_notification__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_notifications_inline_notification__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_notifications_inline_notification__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_notifications_inline_notification__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_notifications_inline_notification__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_notifications_inline_notification__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_notifications_inline_notification__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_notifications_inline_notification__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_notifications_inline_notification__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_notifications_inline_notification__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_notifications_inline_notification__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_notifications_inline_notification__colorpicker-handler {
  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;
}
.main_ui_notifications_inline_notification__colorpicker-handler:hover, .main_ui_notifications_inline_notification__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_notifications_inline_notification__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_notifications_inline_notification__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_notifications_inline_notification__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_notifications_inline_notification__attr-title button {
  display: none;
}
.main_ui_notifications_inline_notification__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_notifications_inline_notification__attr-title:hover button {
  display: flex;
}

.main_ui_notifications_inline_notification__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_notifications_inline_notification__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_notifications_inline_notification__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_notifications_inline_notification__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_notifications_inline_notification__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_notifications_inline_notification__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_notifications_inline_notification__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_notifications_inline_notification__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_notifications_inline_notification__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_notifications_inline_notification__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_notifications_inline_notification__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_notifications_inline_notification__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_notifications_inline_notification__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_notifications_inline_notification__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_notifications_inline_notification__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_notifications_inline_notification__new-inline {
  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;
}

.main_ui_notifications_inline_notification__link {
  margin: 0;
}
@keyframes main_ui_inspect_annotation__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_annotation__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_annotation__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_annotation__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_annotation__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_annotation__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_annotation__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_annotation__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_annotation__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_annotation__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_annotation__new-scrollbar ::placeholder,
.main_ui_inspect_annotation__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_annotation__button-primary, .main_ui_inspect_annotation__modal-danger-btn, .main_ui_inspect_annotation__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_annotation__button-primary:focus-visible, .main_ui_inspect_annotation__modal-danger-btn:focus-visible, .main_ui_inspect_annotation__modal-accept-btn: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);
}
.main_ui_inspect_annotation__button-primary:focus-visible svg, .main_ui_inspect_annotation__modal-danger-btn:focus-visible svg, .main_ui_inspect_annotation__modal-accept-btn:focus-visible svg,
.main_ui_inspect_annotation__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_annotation__button-primary svg, .main_ui_inspect_annotation__modal-danger-btn svg, .main_ui_inspect_annotation__modal-accept-btn svg,
.main_ui_inspect_annotation__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_annotation__button-primary:hover, .main_ui_inspect_annotation__modal-danger-btn:hover, .main_ui_inspect_annotation__modal-accept-btn: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;
}
.main_ui_inspect_annotation__button-primary:hover svg, .main_ui_inspect_annotation__modal-danger-btn:hover svg, .main_ui_inspect_annotation__modal-accept-btn:hover svg,
.main_ui_inspect_annotation__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_annotation__button-primary:active, .main_ui_inspect_annotation__modal-danger-btn:active, .main_ui_inspect_annotation__modal-accept-btn: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;
}
.main_ui_inspect_annotation__button-primary:active svg, .main_ui_inspect_annotation__modal-danger-btn:active svg, .main_ui_inspect_annotation__modal-accept-btn:active svg,
.main_ui_inspect_annotation__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_annotation__button-primary.disabled, .main_ui_inspect_annotation__modal-danger-btn.disabled, .main_ui_inspect_annotation__modal-accept-btn.disabled, .main_ui_inspect_annotation__button-primary[disabled], [disabled].main_ui_inspect_annotation__modal-danger-btn, [disabled].main_ui_inspect_annotation__modal-accept-btn, .main_ui_inspect_annotation__button-primary:disabled, .main_ui_inspect_annotation__modal-danger-btn:disabled, .main_ui_inspect_annotation__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_annotation__button-secondary, .main_ui_inspect_annotation__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_annotation__button-secondary:focus-visible, .main_ui_inspect_annotation__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_annotation__button-secondary:focus-visible svg, .main_ui_inspect_annotation__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_annotation__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_annotation__button-secondary svg, .main_ui_inspect_annotation__modal-cancel-btn svg,
.main_ui_inspect_annotation__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_annotation__button-secondary:hover, .main_ui_inspect_annotation__modal-cancel-btn: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;
}
.main_ui_inspect_annotation__button-secondary:hover svg, .main_ui_inspect_annotation__modal-cancel-btn:hover svg,
.main_ui_inspect_annotation__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_annotation__button-secondary:active, .main_ui_inspect_annotation__modal-cancel-btn: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);
}
.main_ui_inspect_annotation__button-secondary:active svg, .main_ui_inspect_annotation__modal-cancel-btn:active svg,
.main_ui_inspect_annotation__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_annotation__button-secondary.disabled, .main_ui_inspect_annotation__modal-cancel-btn.disabled, .main_ui_inspect_annotation__button-secondary[disabled], [disabled].main_ui_inspect_annotation__modal-cancel-btn, .main_ui_inspect_annotation__button-secondary:disabled, .main_ui_inspect_annotation__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_annotation__button-tertiary, .main_ui_inspect_annotation__attr-title button, .main_ui_inspect_annotation__title-spacing-annotation button, .main_ui_inspect_annotation__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_annotation__button-tertiary:focus-visible, .main_ui_inspect_annotation__attr-title button:focus-visible, .main_ui_inspect_annotation__title-spacing-annotation button:focus-visible, .main_ui_inspect_annotation__modal-close-btn-base: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);
}
.main_ui_inspect_annotation__button-tertiary:focus-visible svg, .main_ui_inspect_annotation__attr-title button:focus-visible svg, .main_ui_inspect_annotation__title-spacing-annotation button:focus-visible svg, .main_ui_inspect_annotation__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_annotation__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_annotation__button-tertiary svg, .main_ui_inspect_annotation__attr-title button svg, .main_ui_inspect_annotation__title-spacing-annotation button svg, .main_ui_inspect_annotation__modal-close-btn-base svg,
.main_ui_inspect_annotation__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_annotation__button-tertiary:hover, .main_ui_inspect_annotation__attr-title button:hover, .main_ui_inspect_annotation__title-spacing-annotation button:hover, .main_ui_inspect_annotation__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_annotation__button-tertiary:hover svg, .main_ui_inspect_annotation__attr-title button:hover svg, .main_ui_inspect_annotation__title-spacing-annotation button:hover svg, .main_ui_inspect_annotation__modal-close-btn-base:hover svg,
.main_ui_inspect_annotation__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_annotation__button-tertiary:active, .main_ui_inspect_annotation__attr-title button:active, .main_ui_inspect_annotation__title-spacing-annotation button:active, .main_ui_inspect_annotation__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_annotation__button-tertiary:active svg, .main_ui_inspect_annotation__attr-title button:active svg, .main_ui_inspect_annotation__title-spacing-annotation button:active svg, .main_ui_inspect_annotation__modal-close-btn-base:active svg,
.main_ui_inspect_annotation__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_annotation__button-tertiary.disabled, .main_ui_inspect_annotation__attr-title button.disabled, .main_ui_inspect_annotation__title-spacing-annotation button.disabled, .main_ui_inspect_annotation__modal-close-btn-base.disabled, .main_ui_inspect_annotation__button-tertiary[disabled], .main_ui_inspect_annotation__attr-title button[disabled], .main_ui_inspect_annotation__title-spacing-annotation button[disabled], [disabled].main_ui_inspect_annotation__modal-close-btn-base, .main_ui_inspect_annotation__button-tertiary:disabled, .main_ui_inspect_annotation__attr-title button:disabled, .main_ui_inspect_annotation__title-spacing-annotation button:disabled, .main_ui_inspect_annotation__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_annotation__button-tertiary.disabled svg, .main_ui_inspect_annotation__attr-title button.disabled svg, .main_ui_inspect_annotation__title-spacing-annotation button.disabled svg, .main_ui_inspect_annotation__modal-close-btn-base.disabled svg,
.main_ui_inspect_annotation__button-tertiary.disabled span svg, .main_ui_inspect_annotation__button-tertiary[disabled] svg, .main_ui_inspect_annotation__attr-title button[disabled] svg, .main_ui_inspect_annotation__title-spacing-annotation button[disabled] svg, [disabled].main_ui_inspect_annotation__modal-close-btn-base svg,
.main_ui_inspect_annotation__button-tertiary[disabled] span svg, .main_ui_inspect_annotation__button-tertiary:disabled svg, .main_ui_inspect_annotation__attr-title button:disabled svg, .main_ui_inspect_annotation__title-spacing-annotation button:disabled svg, .main_ui_inspect_annotation__modal-close-btn-base:disabled svg,
.main_ui_inspect_annotation__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_annotation__button-icon-selected {
  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);
}
.main_ui_inspect_annotation__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_annotation__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_annotation__button-radio: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);
}
.main_ui_inspect_annotation__button-radio:focus-visible svg,
.main_ui_inspect_annotation__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_annotation__button-radio svg,
.main_ui_inspect_annotation__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_annotation__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_annotation__button-radio:hover svg,
.main_ui_inspect_annotation__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_annotation__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_annotation__button-radio:active svg,
.main_ui_inspect_annotation__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_annotation__button-warning {
  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);
}

.main_ui_inspect_annotation__button-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;
}

.main_ui_inspect_annotation__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_annotation__button-tag: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);
}
.main_ui_inspect_annotation__button-tag:focus-visible svg,
.main_ui_inspect_annotation__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_annotation__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_annotation__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_annotation__button-icon, .main_ui_inspect_annotation__empty-icon svg, .main_ui_inspect_annotation__modal-close-btn-base svg, .main_ui_inspect_annotation__button-icon-small, .main_ui_inspect_annotation__dropdown-element-base span svg, .main_ui_inspect_annotation__attr-title button svg, .main_ui_inspect_annotation__title-spacing-annotation button svg, .main_ui_inspect_annotation__checkbox-icon.intermediate svg, .main_ui_inspect_annotation__input-checkbox label span.intermediate svg, .main_ui_inspect_annotation__checkbox-icon.checked svg, .main_ui_inspect_annotation__input-checkbox label span.checked svg, .main_ui_inspect_annotation__input-element span svg,
.main_ui_inspect_annotation__input-element label svg, .main_ui_inspect_annotation__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_annotation__button-icon-small, .main_ui_inspect_annotation__dropdown-element-base span svg, .main_ui_inspect_annotation__attr-title button svg, .main_ui_inspect_annotation__title-spacing-annotation button svg, .main_ui_inspect_annotation__checkbox-icon.intermediate svg, .main_ui_inspect_annotation__input-checkbox label span.intermediate svg, .main_ui_inspect_annotation__checkbox-icon.checked svg, .main_ui_inspect_annotation__input-checkbox label span.checked svg, .main_ui_inspect_annotation__input-element span svg,
.main_ui_inspect_annotation__input-element label svg, .main_ui_inspect_annotation__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_annotation__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_annotation__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_annotation__input-base, .main_ui_inspect_annotation__input-with-label input, .main_ui_inspect_annotation__input-element-label input, .main_ui_inspect_annotation__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_annotation__input-base[disabled], .main_ui_inspect_annotation__input-with-label input[disabled], .main_ui_inspect_annotation__input-element-label input[disabled], .main_ui_inspect_annotation__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_annotation__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_annotation__input-label, .main_ui_inspect_annotation__input-element span,
.main_ui_inspect_annotation__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_annotation__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_annotation__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_annotation__input-element span svg,
.main_ui_inspect_annotation__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_annotation__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_annotation__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_annotation__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_annotation__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_annotation__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_annotation__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_annotation__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_annotation__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_annotation__input-element:focus, .main_ui_inspect_annotation__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_annotation__input-element:focus span, .main_ui_inspect_annotation__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_annotation__input-element:focus input, .main_ui_inspect_annotation__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_annotation__input-element:focus:hover, .main_ui_inspect_annotation__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_annotation__input-element:focus:hover span, .main_ui_inspect_annotation__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_annotation__input-element:focus:hover input, .main_ui_inspect_annotation__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_annotation__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_annotation__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_annotation__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_annotation__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_annotation__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_annotation__input-element-label:focus-within input, .main_ui_inspect_annotation__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_annotation__disabled-input, .main_ui_inspect_annotation__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_annotation__disabled-input input, .main_ui_inspect_annotation__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_annotation__disabled-input span svg, .main_ui_inspect_annotation__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_annotation__checkbox-icon, .main_ui_inspect_annotation__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_annotation__checkbox-icon svg, .main_ui_inspect_annotation__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_annotation__checkbox-icon:hover, .main_ui_inspect_annotation__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_annotation__checkbox-icon:focus, .main_ui_inspect_annotation__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_annotation__checkbox-icon.checked, .main_ui_inspect_annotation__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_annotation__checkbox-icon.checked svg, .main_ui_inspect_annotation__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_annotation__checkbox-icon.intermediate, .main_ui_inspect_annotation__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_annotation__checkbox-icon.intermediate svg, .main_ui_inspect_annotation__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_annotation__checkbox-icon.unchecked, .main_ui_inspect_annotation__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_annotation__checkbox-icon.unchecked svg, .main_ui_inspect_annotation__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_annotation__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_annotation__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_annotation__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_annotation__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_annotation__input-checkbox label:focus span, .main_ui_inspect_annotation__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_annotation__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_annotation__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_annotation__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_annotation__input-with-label input:focus-within, .main_ui_inspect_annotation__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_annotation__input-with-label input:focus-within input, .main_ui_inspect_annotation__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_annotation__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_annotation__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_annotation__modal-overlay-base {
  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);
}

.main_ui_inspect_annotation__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_annotation__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_annotation__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_annotation__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_annotation__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_annotation__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_annotation__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_annotation__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_annotation__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_annotation__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_annotation__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_annotation__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_annotation__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_annotation__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_annotation__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_annotation__colorpicker-handler {
  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;
}
.main_ui_inspect_annotation__colorpicker-handler:hover, .main_ui_inspect_annotation__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_annotation__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_annotation__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_annotation__attr-title div, .main_ui_inspect_annotation__title-spacing-annotation div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_annotation__attr-title button, .main_ui_inspect_annotation__title-spacing-annotation button {
  display: none;
}
.main_ui_inspect_annotation__attr-title button svg, .main_ui_inspect_annotation__title-spacing-annotation button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_annotation__attr-title:hover button, .main_ui_inspect_annotation__title-spacing-annotation:hover button {
  display: flex;
}

.main_ui_inspect_annotation__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_annotation__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_annotation__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_annotation__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_annotation__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_annotation__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_annotation__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_annotation__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_annotation__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_annotation__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_annotation__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_annotation__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_annotation__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_annotation__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_annotation__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_annotation__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_inspect_annotation__annotation-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--entry-foreground-color);
}

.main_ui_inspect_annotation__copy-btn-title {
  max-width: 1.75rem;
}
@keyframes main_ui_inspect_attributes__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_attributes__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_attributes__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_attributes__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_attributes__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_attributes__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_attributes__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_attributes__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_attributes__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes__new-scrollbar ::placeholder,
.main_ui_inspect_attributes__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_attributes__button-primary, .main_ui_inspect_attributes__modal-danger-btn, .main_ui_inspect_attributes__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_attributes__button-primary:focus-visible, .main_ui_inspect_attributes__modal-danger-btn:focus-visible, .main_ui_inspect_attributes__modal-accept-btn: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);
}
.main_ui_inspect_attributes__button-primary:focus-visible svg, .main_ui_inspect_attributes__modal-danger-btn:focus-visible svg, .main_ui_inspect_attributes__modal-accept-btn:focus-visible svg,
.main_ui_inspect_attributes__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_attributes__button-primary svg, .main_ui_inspect_attributes__modal-danger-btn svg, .main_ui_inspect_attributes__modal-accept-btn svg,
.main_ui_inspect_attributes__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_attributes__button-primary:hover, .main_ui_inspect_attributes__modal-danger-btn:hover, .main_ui_inspect_attributes__modal-accept-btn: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;
}
.main_ui_inspect_attributes__button-primary:hover svg, .main_ui_inspect_attributes__modal-danger-btn:hover svg, .main_ui_inspect_attributes__modal-accept-btn:hover svg,
.main_ui_inspect_attributes__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_attributes__button-primary:active, .main_ui_inspect_attributes__modal-danger-btn:active, .main_ui_inspect_attributes__modal-accept-btn: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;
}
.main_ui_inspect_attributes__button-primary:active svg, .main_ui_inspect_attributes__modal-danger-btn:active svg, .main_ui_inspect_attributes__modal-accept-btn:active svg,
.main_ui_inspect_attributes__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_attributes__button-primary.disabled, .main_ui_inspect_attributes__modal-danger-btn.disabled, .main_ui_inspect_attributes__modal-accept-btn.disabled, .main_ui_inspect_attributes__button-primary[disabled], [disabled].main_ui_inspect_attributes__modal-danger-btn, [disabled].main_ui_inspect_attributes__modal-accept-btn, .main_ui_inspect_attributes__button-primary:disabled, .main_ui_inspect_attributes__modal-danger-btn:disabled, .main_ui_inspect_attributes__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes__button-secondary, .main_ui_inspect_attributes__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes__button-secondary:focus-visible, .main_ui_inspect_attributes__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes__button-secondary:focus-visible svg, .main_ui_inspect_attributes__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_attributes__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes__button-secondary svg, .main_ui_inspect_attributes__modal-cancel-btn svg,
.main_ui_inspect_attributes__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes__button-secondary:hover, .main_ui_inspect_attributes__modal-cancel-btn: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;
}
.main_ui_inspect_attributes__button-secondary:hover svg, .main_ui_inspect_attributes__modal-cancel-btn:hover svg,
.main_ui_inspect_attributes__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_attributes__button-secondary:active, .main_ui_inspect_attributes__modal-cancel-btn: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);
}
.main_ui_inspect_attributes__button-secondary:active svg, .main_ui_inspect_attributes__modal-cancel-btn:active svg,
.main_ui_inspect_attributes__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_attributes__button-secondary.disabled, .main_ui_inspect_attributes__modal-cancel-btn.disabled, .main_ui_inspect_attributes__button-secondary[disabled], [disabled].main_ui_inspect_attributes__modal-cancel-btn, .main_ui_inspect_attributes__button-secondary:disabled, .main_ui_inspect_attributes__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes__button-tertiary, .main_ui_inspect_attributes__attr-title button, .main_ui_inspect_attributes__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_attributes__button-tertiary:focus-visible, .main_ui_inspect_attributes__attr-title button:focus-visible, .main_ui_inspect_attributes__modal-close-btn-base: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);
}
.main_ui_inspect_attributes__button-tertiary:focus-visible svg, .main_ui_inspect_attributes__attr-title button:focus-visible svg, .main_ui_inspect_attributes__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_attributes__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_attributes__button-tertiary svg, .main_ui_inspect_attributes__attr-title button svg, .main_ui_inspect_attributes__modal-close-btn-base svg,
.main_ui_inspect_attributes__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_attributes__button-tertiary:hover, .main_ui_inspect_attributes__attr-title button:hover, .main_ui_inspect_attributes__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_attributes__button-tertiary:hover svg, .main_ui_inspect_attributes__attr-title button:hover svg, .main_ui_inspect_attributes__modal-close-btn-base:hover svg,
.main_ui_inspect_attributes__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_attributes__button-tertiary:active, .main_ui_inspect_attributes__attr-title button:active, .main_ui_inspect_attributes__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes__button-tertiary:active svg, .main_ui_inspect_attributes__attr-title button:active svg, .main_ui_inspect_attributes__modal-close-btn-base:active svg,
.main_ui_inspect_attributes__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes__button-tertiary.disabled, .main_ui_inspect_attributes__attr-title button.disabled, .main_ui_inspect_attributes__modal-close-btn-base.disabled, .main_ui_inspect_attributes__button-tertiary[disabled], .main_ui_inspect_attributes__attr-title button[disabled], [disabled].main_ui_inspect_attributes__modal-close-btn-base, .main_ui_inspect_attributes__button-tertiary:disabled, .main_ui_inspect_attributes__attr-title button:disabled, .main_ui_inspect_attributes__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_attributes__button-tertiary.disabled svg, .main_ui_inspect_attributes__attr-title button.disabled svg, .main_ui_inspect_attributes__modal-close-btn-base.disabled svg,
.main_ui_inspect_attributes__button-tertiary.disabled span svg, .main_ui_inspect_attributes__button-tertiary[disabled] svg, .main_ui_inspect_attributes__attr-title button[disabled] svg, [disabled].main_ui_inspect_attributes__modal-close-btn-base svg,
.main_ui_inspect_attributes__button-tertiary[disabled] span svg, .main_ui_inspect_attributes__button-tertiary:disabled svg, .main_ui_inspect_attributes__attr-title button:disabled svg, .main_ui_inspect_attributes__modal-close-btn-base:disabled svg,
.main_ui_inspect_attributes__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_attributes__button-icon-selected {
  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);
}
.main_ui_inspect_attributes__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_attributes__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_attributes__button-radio: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);
}
.main_ui_inspect_attributes__button-radio:focus-visible svg,
.main_ui_inspect_attributes__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_attributes__button-radio svg,
.main_ui_inspect_attributes__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_attributes__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_attributes__button-radio:hover svg,
.main_ui_inspect_attributes__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_attributes__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_attributes__button-radio:active svg,
.main_ui_inspect_attributes__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_attributes__button-warning {
  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);
}

.main_ui_inspect_attributes__button-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;
}

.main_ui_inspect_attributes__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_attributes__button-tag: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);
}
.main_ui_inspect_attributes__button-tag:focus-visible svg,
.main_ui_inspect_attributes__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_attributes__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_attributes__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_attributes__button-icon, .main_ui_inspect_attributes__empty-icon svg, .main_ui_inspect_attributes__modal-close-btn-base svg, .main_ui_inspect_attributes__button-icon-small, .main_ui_inspect_attributes__dropdown-element-base span svg, .main_ui_inspect_attributes__attr-title button svg, .main_ui_inspect_attributes__checkbox-icon.intermediate svg, .main_ui_inspect_attributes__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes__checkbox-icon.checked svg, .main_ui_inspect_attributes__input-checkbox label span.checked svg, .main_ui_inspect_attributes__input-element span svg,
.main_ui_inspect_attributes__input-element label svg, .main_ui_inspect_attributes__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_attributes__button-icon-small, .main_ui_inspect_attributes__dropdown-element-base span svg, .main_ui_inspect_attributes__attr-title button svg, .main_ui_inspect_attributes__checkbox-icon.intermediate svg, .main_ui_inspect_attributes__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes__checkbox-icon.checked svg, .main_ui_inspect_attributes__input-checkbox label span.checked svg, .main_ui_inspect_attributes__input-element span svg,
.main_ui_inspect_attributes__input-element label svg, .main_ui_inspect_attributes__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_attributes__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_attributes__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_attributes__input-base, .main_ui_inspect_attributes__input-with-label input, .main_ui_inspect_attributes__input-element-label input, .main_ui_inspect_attributes__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes__input-base[disabled], .main_ui_inspect_attributes__input-with-label input[disabled], .main_ui_inspect_attributes__input-element-label input[disabled], .main_ui_inspect_attributes__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_attributes__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_attributes__input-label, .main_ui_inspect_attributes__input-element span,
.main_ui_inspect_attributes__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_attributes__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_attributes__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes__input-element span svg,
.main_ui_inspect_attributes__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_attributes__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_attributes__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes__input-element:focus, .main_ui_inspect_attributes__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes__input-element:focus span, .main_ui_inspect_attributes__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes__input-element:focus input, .main_ui_inspect_attributes__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes__input-element:focus:hover, .main_ui_inspect_attributes__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes__input-element:focus:hover span, .main_ui_inspect_attributes__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes__input-element:focus:hover input, .main_ui_inspect_attributes__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_attributes__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_attributes__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_attributes__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes__input-element-label:focus-within input, .main_ui_inspect_attributes__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_attributes__disabled-input, .main_ui_inspect_attributes__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes__disabled-input input, .main_ui_inspect_attributes__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes__disabled-input span svg, .main_ui_inspect_attributes__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_attributes__checkbox-icon, .main_ui_inspect_attributes__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_attributes__checkbox-icon svg, .main_ui_inspect_attributes__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_attributes__checkbox-icon:hover, .main_ui_inspect_attributes__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes__checkbox-icon:focus, .main_ui_inspect_attributes__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_attributes__checkbox-icon.checked, .main_ui_inspect_attributes__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_attributes__checkbox-icon.checked svg, .main_ui_inspect_attributes__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_attributes__checkbox-icon.intermediate, .main_ui_inspect_attributes__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_attributes__checkbox-icon.intermediate svg, .main_ui_inspect_attributes__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_attributes__checkbox-icon.unchecked, .main_ui_inspect_attributes__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_attributes__checkbox-icon.unchecked svg, .main_ui_inspect_attributes__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_attributes__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_attributes__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_attributes__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_attributes__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes__input-checkbox label:focus span, .main_ui_inspect_attributes__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_attributes__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_attributes__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes__input-with-label input:focus-within, .main_ui_inspect_attributes__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes__input-with-label input:focus-within input, .main_ui_inspect_attributes__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_attributes__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_attributes__modal-overlay-base {
  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);
}

.main_ui_inspect_attributes__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_attributes__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_attributes__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_attributes__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_attributes__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_attributes__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_attributes__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_attributes__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_attributes__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_attributes__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_attributes__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_attributes__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_attributes__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_attributes__colorpicker-handler {
  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;
}
.main_ui_inspect_attributes__colorpicker-handler:hover, .main_ui_inspect_attributes__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_attributes__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_attributes__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_attributes__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_attributes__attr-title button {
  display: none;
}
.main_ui_inspect_attributes__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes__attr-title:hover button {
  display: flex;
}

.main_ui_inspect_attributes__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_attributes__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_attributes__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_attributes__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_attributes__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_attributes__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_attributes__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_attributes__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_attributes__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_attributes__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_attributes__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_attributes__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_attributes__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_attributes__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_attributes__element-options {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  height: calc(100vh - 8rem);
  padding-top: 0.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

.main_ui_inspect_attributes__workspace-element-options {
  height: calc(100vh - 10.25rem);
}
@keyframes main_ui_inspect_code__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_code__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_code__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_code__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_code__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_code__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_code__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_code__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_code__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_code__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_code__new-scrollbar ::placeholder,
.main_ui_inspect_code__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_code__button-primary, .main_ui_inspect_code__modal-danger-btn, .main_ui_inspect_code__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_code__button-primary:focus-visible, .main_ui_inspect_code__modal-danger-btn:focus-visible, .main_ui_inspect_code__modal-accept-btn: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);
}
.main_ui_inspect_code__button-primary:focus-visible svg, .main_ui_inspect_code__modal-danger-btn:focus-visible svg, .main_ui_inspect_code__modal-accept-btn:focus-visible svg,
.main_ui_inspect_code__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_code__button-primary svg, .main_ui_inspect_code__modal-danger-btn svg, .main_ui_inspect_code__modal-accept-btn svg,
.main_ui_inspect_code__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_code__button-primary:hover, .main_ui_inspect_code__modal-danger-btn:hover, .main_ui_inspect_code__modal-accept-btn: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;
}
.main_ui_inspect_code__button-primary:hover svg, .main_ui_inspect_code__modal-danger-btn:hover svg, .main_ui_inspect_code__modal-accept-btn:hover svg,
.main_ui_inspect_code__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_code__button-primary:active, .main_ui_inspect_code__modal-danger-btn:active, .main_ui_inspect_code__modal-accept-btn: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;
}
.main_ui_inspect_code__button-primary:active svg, .main_ui_inspect_code__modal-danger-btn:active svg, .main_ui_inspect_code__modal-accept-btn:active svg,
.main_ui_inspect_code__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_code__button-primary.disabled, .main_ui_inspect_code__modal-danger-btn.disabled, .main_ui_inspect_code__modal-accept-btn.disabled, .main_ui_inspect_code__button-primary[disabled], [disabled].main_ui_inspect_code__modal-danger-btn, [disabled].main_ui_inspect_code__modal-accept-btn, .main_ui_inspect_code__button-primary:disabled, .main_ui_inspect_code__modal-danger-btn:disabled, .main_ui_inspect_code__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_code__button-secondary, .main_ui_inspect_code__download-button, .main_ui_inspect_code__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_code__button-secondary:focus-visible, .main_ui_inspect_code__download-button:focus-visible, .main_ui_inspect_code__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_code__button-secondary:focus-visible svg, .main_ui_inspect_code__download-button:focus-visible svg, .main_ui_inspect_code__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_code__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_code__button-secondary svg, .main_ui_inspect_code__download-button svg, .main_ui_inspect_code__modal-cancel-btn svg,
.main_ui_inspect_code__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_code__button-secondary:hover, .main_ui_inspect_code__download-button:hover, .main_ui_inspect_code__modal-cancel-btn: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;
}
.main_ui_inspect_code__button-secondary:hover svg, .main_ui_inspect_code__download-button:hover svg, .main_ui_inspect_code__modal-cancel-btn:hover svg,
.main_ui_inspect_code__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_code__button-secondary:active, .main_ui_inspect_code__download-button:active, .main_ui_inspect_code__modal-cancel-btn: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);
}
.main_ui_inspect_code__button-secondary:active svg, .main_ui_inspect_code__download-button:active svg, .main_ui_inspect_code__modal-cancel-btn:active svg,
.main_ui_inspect_code__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_code__button-secondary.disabled, .main_ui_inspect_code__download-button.disabled, .main_ui_inspect_code__modal-cancel-btn.disabled, .main_ui_inspect_code__button-secondary[disabled], [disabled].main_ui_inspect_code__download-button, [disabled].main_ui_inspect_code__modal-cancel-btn, .main_ui_inspect_code__button-secondary:disabled, .main_ui_inspect_code__download-button:disabled, .main_ui_inspect_code__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_code__button-tertiary, .main_ui_inspect_code__expand-button,
.main_ui_inspect_code__css-copy-btn,
.main_ui_inspect_code__html-copy-btn, .main_ui_inspect_code__attr-title button, .main_ui_inspect_code__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_code__button-tertiary:focus-visible, .main_ui_inspect_code__expand-button:focus-visible,
.main_ui_inspect_code__css-copy-btn:focus-visible,
.main_ui_inspect_code__html-copy-btn:focus-visible, .main_ui_inspect_code__attr-title button:focus-visible, .main_ui_inspect_code__modal-close-btn-base: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);
}
.main_ui_inspect_code__button-tertiary:focus-visible svg, .main_ui_inspect_code__expand-button:focus-visible svg,
.main_ui_inspect_code__css-copy-btn:focus-visible svg,
.main_ui_inspect_code__html-copy-btn:focus-visible svg, .main_ui_inspect_code__attr-title button:focus-visible svg, .main_ui_inspect_code__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_code__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_code__button-tertiary svg, .main_ui_inspect_code__expand-button svg,
.main_ui_inspect_code__css-copy-btn svg,
.main_ui_inspect_code__html-copy-btn svg, .main_ui_inspect_code__attr-title button svg, .main_ui_inspect_code__modal-close-btn-base svg,
.main_ui_inspect_code__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_code__button-tertiary:hover, .main_ui_inspect_code__expand-button:hover,
.main_ui_inspect_code__css-copy-btn:hover,
.main_ui_inspect_code__html-copy-btn:hover, .main_ui_inspect_code__attr-title button:hover, .main_ui_inspect_code__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_code__button-tertiary:hover svg, .main_ui_inspect_code__expand-button:hover svg,
.main_ui_inspect_code__css-copy-btn:hover svg,
.main_ui_inspect_code__html-copy-btn:hover svg, .main_ui_inspect_code__attr-title button:hover svg, .main_ui_inspect_code__modal-close-btn-base:hover svg,
.main_ui_inspect_code__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_code__button-tertiary:active, .main_ui_inspect_code__expand-button:active,
.main_ui_inspect_code__css-copy-btn:active,
.main_ui_inspect_code__html-copy-btn:active, .main_ui_inspect_code__attr-title button:active, .main_ui_inspect_code__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_code__button-tertiary:active svg, .main_ui_inspect_code__expand-button:active svg,
.main_ui_inspect_code__css-copy-btn:active svg,
.main_ui_inspect_code__html-copy-btn:active svg, .main_ui_inspect_code__attr-title button:active svg, .main_ui_inspect_code__modal-close-btn-base:active svg,
.main_ui_inspect_code__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_code__button-tertiary.disabled, .main_ui_inspect_code__expand-button.disabled,
.main_ui_inspect_code__css-copy-btn.disabled,
.main_ui_inspect_code__html-copy-btn.disabled, .main_ui_inspect_code__attr-title button.disabled, .main_ui_inspect_code__modal-close-btn-base.disabled, .main_ui_inspect_code__button-tertiary[disabled], [disabled].main_ui_inspect_code__expand-button,
[disabled].main_ui_inspect_code__css-copy-btn,
[disabled].main_ui_inspect_code__html-copy-btn, .main_ui_inspect_code__attr-title button[disabled], [disabled].main_ui_inspect_code__modal-close-btn-base, .main_ui_inspect_code__button-tertiary:disabled, .main_ui_inspect_code__expand-button:disabled,
.main_ui_inspect_code__css-copy-btn:disabled,
.main_ui_inspect_code__html-copy-btn:disabled, .main_ui_inspect_code__attr-title button:disabled, .main_ui_inspect_code__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_code__button-tertiary.disabled svg, .main_ui_inspect_code__expand-button.disabled svg,
.main_ui_inspect_code__css-copy-btn.disabled svg,
.main_ui_inspect_code__html-copy-btn.disabled svg, .main_ui_inspect_code__attr-title button.disabled svg, .main_ui_inspect_code__modal-close-btn-base.disabled svg,
.main_ui_inspect_code__button-tertiary.disabled span svg, .main_ui_inspect_code__button-tertiary[disabled] svg, [disabled].main_ui_inspect_code__expand-button svg,
[disabled].main_ui_inspect_code__css-copy-btn svg,
[disabled].main_ui_inspect_code__html-copy-btn svg, .main_ui_inspect_code__attr-title button[disabled] svg, [disabled].main_ui_inspect_code__modal-close-btn-base svg,
.main_ui_inspect_code__button-tertiary[disabled] span svg, .main_ui_inspect_code__button-tertiary:disabled svg, .main_ui_inspect_code__expand-button:disabled svg,
.main_ui_inspect_code__css-copy-btn:disabled svg,
.main_ui_inspect_code__html-copy-btn:disabled svg, .main_ui_inspect_code__attr-title button:disabled svg, .main_ui_inspect_code__modal-close-btn-base:disabled svg,
.main_ui_inspect_code__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_code__button-icon-selected {
  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);
}
.main_ui_inspect_code__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_code__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_code__button-radio: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);
}
.main_ui_inspect_code__button-radio:focus-visible svg,
.main_ui_inspect_code__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_code__button-radio svg,
.main_ui_inspect_code__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_code__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_code__button-radio:hover svg,
.main_ui_inspect_code__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_code__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_code__button-radio:active svg,
.main_ui_inspect_code__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_code__button-warning {
  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);
}

.main_ui_inspect_code__button-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;
}

.main_ui_inspect_code__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_code__button-tag: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);
}
.main_ui_inspect_code__button-tag:focus-visible svg,
.main_ui_inspect_code__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_code__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_code__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_code__button-icon, .main_ui_inspect_code__expand-button svg,
.main_ui_inspect_code__css-copy-btn svg,
.main_ui_inspect_code__html-copy-btn svg, .main_ui_inspect_code__empty-icon svg, .main_ui_inspect_code__modal-close-btn-base svg, .main_ui_inspect_code__button-icon-small, .main_ui_inspect_code__toggle-btn .main_ui_inspect_code__collapsabled-icon svg, .main_ui_inspect_code__dropdown-element-base span svg, .main_ui_inspect_code__attr-title button svg, .main_ui_inspect_code__checkbox-icon.intermediate svg, .main_ui_inspect_code__input-checkbox label span.intermediate svg, .main_ui_inspect_code__checkbox-icon.checked svg, .main_ui_inspect_code__input-checkbox label span.checked svg, .main_ui_inspect_code__input-element span svg,
.main_ui_inspect_code__input-element label svg, .main_ui_inspect_code__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_code__button-icon-small, .main_ui_inspect_code__toggle-btn .main_ui_inspect_code__collapsabled-icon svg, .main_ui_inspect_code__dropdown-element-base span svg, .main_ui_inspect_code__attr-title button svg, .main_ui_inspect_code__checkbox-icon.intermediate svg, .main_ui_inspect_code__input-checkbox label span.intermediate svg, .main_ui_inspect_code__checkbox-icon.checked svg, .main_ui_inspect_code__input-checkbox label span.checked svg, .main_ui_inspect_code__input-element span svg,
.main_ui_inspect_code__input-element label svg, .main_ui_inspect_code__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_code__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_code__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_code__input-base, .main_ui_inspect_code__input-with-label input, .main_ui_inspect_code__input-element-label input, .main_ui_inspect_code__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_code__input-base[disabled], .main_ui_inspect_code__input-with-label input[disabled], .main_ui_inspect_code__input-element-label input[disabled], .main_ui_inspect_code__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_code__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_code__input-label, .main_ui_inspect_code__input-element span,
.main_ui_inspect_code__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_code__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_code__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_code__input-element span svg,
.main_ui_inspect_code__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_code__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_code__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_code__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_code__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_code__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_code__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_code__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_code__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_code__input-element:focus, .main_ui_inspect_code__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_code__input-element:focus span, .main_ui_inspect_code__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_code__input-element:focus input, .main_ui_inspect_code__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_code__input-element:focus:hover, .main_ui_inspect_code__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_code__input-element:focus:hover span, .main_ui_inspect_code__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_code__input-element:focus:hover input, .main_ui_inspect_code__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_code__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_code__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_code__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_code__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_code__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_code__input-element-label:focus-within input, .main_ui_inspect_code__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_code__disabled-input, .main_ui_inspect_code__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_code__disabled-input input, .main_ui_inspect_code__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_code__disabled-input span svg, .main_ui_inspect_code__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_code__checkbox-icon, .main_ui_inspect_code__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_code__checkbox-icon svg, .main_ui_inspect_code__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_code__checkbox-icon:hover, .main_ui_inspect_code__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_code__checkbox-icon:focus, .main_ui_inspect_code__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_code__checkbox-icon.checked, .main_ui_inspect_code__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_code__checkbox-icon.checked svg, .main_ui_inspect_code__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_code__checkbox-icon.intermediate, .main_ui_inspect_code__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_code__checkbox-icon.intermediate svg, .main_ui_inspect_code__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_code__checkbox-icon.unchecked, .main_ui_inspect_code__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_code__checkbox-icon.unchecked svg, .main_ui_inspect_code__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_code__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_code__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_code__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_code__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_code__input-checkbox label:focus span, .main_ui_inspect_code__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_code__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_code__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_code__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_code__input-with-label input:focus-within, .main_ui_inspect_code__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_code__input-with-label input:focus-within input, .main_ui_inspect_code__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_code__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_code__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_code__modal-overlay-base {
  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);
}

.main_ui_inspect_code__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_code__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_code__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_code__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_code__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_code__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_code__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_code__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_code__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_code__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_code__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_code__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_code__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_code__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_code__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_code__colorpicker-handler {
  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;
}
.main_ui_inspect_code__colorpicker-handler:hover, .main_ui_inspect_code__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_code__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_code__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_code__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_code__attr-title button {
  display: none;
}
.main_ui_inspect_code__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_code__attr-title:hover button {
  display: flex;
}

.main_ui_inspect_code__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_code__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_code__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_code__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_code__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_code__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_code__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_code__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_code__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_code__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_code__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_code__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_code__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_code__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_code__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_code__element-options {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 10rem);
  overflow: hidden;
  padding-bottom: 1rem;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

.main_ui_inspect_code__viewer-code-block {
  height: calc(100vh - 6.75rem);
}

.main_ui_inspect_code__download-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2rem;
  width: 100%;
  margin: 0.5rem 0;
}

.main_ui_inspect_code__code-block {
  font-family: "robotomono", monospace;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 0 0.25rem 0.5rem 0;
}
.main_ui_inspect_code__code-block pre {
  border-radius: 0.5rem;
  padding: 1rem;
  overflow: auto;
  height: 100%;
}
.main_ui_inspect_code__code-block .hljs {
  background: var(--color-background-tertiary);
}
.main_ui_inspect_code__code-block.main_ui_inspect_code__collapsed {
  height: initial;
}

.main_ui_inspect_code__code-row-lang {
  display: grid;
  grid-template-columns: 0.75rem 1fr 3.75rem;
  gap: 0.25rem;
  width: 100%;
}

.main_ui_inspect_code__code-lang {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.main_ui_inspect_code__action-btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem;
}

.main_ui_inspect_code__expand-button,
.main_ui_inspect_code__css-copy-btn,
.main_ui_inspect_code__html-copy-btn {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_code__expand-button svg,
.main_ui_inspect_code__css-copy-btn svg,
.main_ui_inspect_code__html-copy-btn svg {
  stroke: var(--icon-foreground);
}

.main_ui_inspect_code__code-lang-options {
  max-width: 6.75rem;
}

.main_ui_inspect_code__code-lang-select {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  width: 4.5rem;
  border: 1px solid transparent;
  background-color: transparent;
  color: var(--menu-foreground-color-disabled);
}

.main_ui_inspect_code__code-lang-option {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  width: 4.5rem;
  height: 2rem;
  padding: 0.5rem;
  color: var(--menu-foreground-color-disabled);
}

.main_ui_inspect_code__code-row-display {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding-bottom: 0.5rem;
}

.main_ui_inspect_code__toggle-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0;
  color: var(--title-foreground-color);
  stroke: var(--title-foreground-color);
}
.main_ui_inspect_code__toggle-btn .main_ui_inspect_code__collapsabled-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  border-radius: 0.5rem;
}
.main_ui_inspect_code__toggle-btn .main_ui_inspect_code__collapsabled-icon svg {
  transform: rotate(90deg);
  stroke: var(--icon-foreground);
}
.main_ui_inspect_code__toggle-btn .main_ui_inspect_code__collapsabled-icon.main_ui_inspect_code__rotated svg {
  transform: rotate(0deg);
}
.main_ui_inspect_code__toggle-btn:hover {
  color: var(--title-foreground-color-hover);
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_code__toggle-btn:hover .main_ui_inspect_code__title {
  color: var(--title-foreground-color-hover);
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_code__toggle-btn:hover .main_ui_inspect_code__collapsabled-icon svg {
  stroke: var(--title-foreground-color-hover);
}
@keyframes main_ui_inspect_exports__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_exports__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_exports__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_exports__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_exports__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_exports__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_exports__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_exports__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_exports__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_exports__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_exports__new-scrollbar ::placeholder,
.main_ui_inspect_exports__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_exports__button-primary, .main_ui_inspect_exports__modal-danger-btn, .main_ui_inspect_exports__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_exports__button-primary:focus-visible, .main_ui_inspect_exports__modal-danger-btn:focus-visible, .main_ui_inspect_exports__modal-accept-btn: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);
}
.main_ui_inspect_exports__button-primary:focus-visible svg, .main_ui_inspect_exports__modal-danger-btn:focus-visible svg, .main_ui_inspect_exports__modal-accept-btn:focus-visible svg,
.main_ui_inspect_exports__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_exports__button-primary svg, .main_ui_inspect_exports__modal-danger-btn svg, .main_ui_inspect_exports__modal-accept-btn svg,
.main_ui_inspect_exports__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_exports__button-primary:hover, .main_ui_inspect_exports__modal-danger-btn:hover, .main_ui_inspect_exports__modal-accept-btn: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;
}
.main_ui_inspect_exports__button-primary:hover svg, .main_ui_inspect_exports__modal-danger-btn:hover svg, .main_ui_inspect_exports__modal-accept-btn:hover svg,
.main_ui_inspect_exports__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_exports__button-primary:active, .main_ui_inspect_exports__modal-danger-btn:active, .main_ui_inspect_exports__modal-accept-btn: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;
}
.main_ui_inspect_exports__button-primary:active svg, .main_ui_inspect_exports__modal-danger-btn:active svg, .main_ui_inspect_exports__modal-accept-btn:active svg,
.main_ui_inspect_exports__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_exports__button-primary.disabled, .main_ui_inspect_exports__modal-danger-btn.disabled, .main_ui_inspect_exports__modal-accept-btn.disabled, .main_ui_inspect_exports__button-primary[disabled], [disabled].main_ui_inspect_exports__modal-danger-btn, [disabled].main_ui_inspect_exports__modal-accept-btn, .main_ui_inspect_exports__button-primary:disabled, .main_ui_inspect_exports__modal-danger-btn:disabled, .main_ui_inspect_exports__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_exports__button-secondary, .main_ui_inspect_exports__export-btn, .main_ui_inspect_exports__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_exports__button-secondary:focus-visible, .main_ui_inspect_exports__export-btn:focus-visible, .main_ui_inspect_exports__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_exports__button-secondary:focus-visible svg, .main_ui_inspect_exports__export-btn:focus-visible svg, .main_ui_inspect_exports__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_exports__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_exports__button-secondary svg, .main_ui_inspect_exports__export-btn svg, .main_ui_inspect_exports__modal-cancel-btn svg,
.main_ui_inspect_exports__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_exports__button-secondary:hover, .main_ui_inspect_exports__export-btn:hover, .main_ui_inspect_exports__modal-cancel-btn: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;
}
.main_ui_inspect_exports__button-secondary:hover svg, .main_ui_inspect_exports__export-btn:hover svg, .main_ui_inspect_exports__modal-cancel-btn:hover svg,
.main_ui_inspect_exports__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_exports__button-secondary:active, .main_ui_inspect_exports__export-btn:active, .main_ui_inspect_exports__modal-cancel-btn: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);
}
.main_ui_inspect_exports__button-secondary:active svg, .main_ui_inspect_exports__export-btn:active svg, .main_ui_inspect_exports__modal-cancel-btn:active svg,
.main_ui_inspect_exports__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_exports__button-secondary.disabled, .main_ui_inspect_exports__export-btn.disabled, .main_ui_inspect_exports__modal-cancel-btn.disabled, .main_ui_inspect_exports__button-secondary[disabled], [disabled].main_ui_inspect_exports__export-btn, [disabled].main_ui_inspect_exports__modal-cancel-btn, .main_ui_inspect_exports__button-secondary:disabled, .main_ui_inspect_exports__export-btn:disabled, .main_ui_inspect_exports__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_exports__button-tertiary, .main_ui_inspect_exports__element-group .main_ui_inspect_exports__action-btn, .main_ui_inspect_exports__add-export, .main_ui_inspect_exports__attr-title button, .main_ui_inspect_exports__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_exports__button-tertiary:focus-visible, .main_ui_inspect_exports__element-group .main_ui_inspect_exports__action-btn:focus-visible, .main_ui_inspect_exports__add-export:focus-visible, .main_ui_inspect_exports__attr-title button:focus-visible, .main_ui_inspect_exports__modal-close-btn-base: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);
}
.main_ui_inspect_exports__button-tertiary:focus-visible svg, .main_ui_inspect_exports__element-group .main_ui_inspect_exports__action-btn:focus-visible svg, .main_ui_inspect_exports__add-export:focus-visible svg, .main_ui_inspect_exports__attr-title button:focus-visible svg, .main_ui_inspect_exports__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_exports__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_exports__button-tertiary svg, .main_ui_inspect_exports__element-group .main_ui_inspect_exports__action-btn svg, .main_ui_inspect_exports__add-export svg, .main_ui_inspect_exports__attr-title button svg, .main_ui_inspect_exports__modal-close-btn-base svg,
.main_ui_inspect_exports__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_exports__button-tertiary:hover, .main_ui_inspect_exports__element-group .main_ui_inspect_exports__action-btn:hover, .main_ui_inspect_exports__add-export:hover, .main_ui_inspect_exports__attr-title button:hover, .main_ui_inspect_exports__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_exports__button-tertiary:hover svg, .main_ui_inspect_exports__element-group .main_ui_inspect_exports__action-btn:hover svg, .main_ui_inspect_exports__add-export:hover svg, .main_ui_inspect_exports__attr-title button:hover svg, .main_ui_inspect_exports__modal-close-btn-base:hover svg,
.main_ui_inspect_exports__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_exports__button-tertiary:active, .main_ui_inspect_exports__element-group .main_ui_inspect_exports__action-btn:active, .main_ui_inspect_exports__add-export:active, .main_ui_inspect_exports__attr-title button:active, .main_ui_inspect_exports__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_exports__button-tertiary:active svg, .main_ui_inspect_exports__element-group .main_ui_inspect_exports__action-btn:active svg, .main_ui_inspect_exports__add-export:active svg, .main_ui_inspect_exports__attr-title button:active svg, .main_ui_inspect_exports__modal-close-btn-base:active svg,
.main_ui_inspect_exports__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_exports__button-tertiary.disabled, .main_ui_inspect_exports__element-group .main_ui_inspect_exports__action-btn.disabled, .main_ui_inspect_exports__add-export.disabled, .main_ui_inspect_exports__attr-title button.disabled, .main_ui_inspect_exports__modal-close-btn-base.disabled, .main_ui_inspect_exports__button-tertiary[disabled], .main_ui_inspect_exports__element-group [disabled].main_ui_inspect_exports__action-btn, [disabled].main_ui_inspect_exports__add-export, .main_ui_inspect_exports__attr-title button[disabled], [disabled].main_ui_inspect_exports__modal-close-btn-base, .main_ui_inspect_exports__button-tertiary:disabled, .main_ui_inspect_exports__element-group .main_ui_inspect_exports__action-btn:disabled, .main_ui_inspect_exports__add-export:disabled, .main_ui_inspect_exports__attr-title button:disabled, .main_ui_inspect_exports__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_exports__button-tertiary.disabled svg, .main_ui_inspect_exports__element-group .main_ui_inspect_exports__action-btn.disabled svg, .main_ui_inspect_exports__add-export.disabled svg, .main_ui_inspect_exports__attr-title button.disabled svg, .main_ui_inspect_exports__modal-close-btn-base.disabled svg,
.main_ui_inspect_exports__button-tertiary.disabled span svg, .main_ui_inspect_exports__button-tertiary[disabled] svg, .main_ui_inspect_exports__element-group [disabled].main_ui_inspect_exports__action-btn svg, [disabled].main_ui_inspect_exports__add-export svg, .main_ui_inspect_exports__attr-title button[disabled] svg, [disabled].main_ui_inspect_exports__modal-close-btn-base svg,
.main_ui_inspect_exports__button-tertiary[disabled] span svg, .main_ui_inspect_exports__button-tertiary:disabled svg, .main_ui_inspect_exports__element-group .main_ui_inspect_exports__action-btn:disabled svg, .main_ui_inspect_exports__add-export:disabled svg, .main_ui_inspect_exports__attr-title button:disabled svg, .main_ui_inspect_exports__modal-close-btn-base:disabled svg,
.main_ui_inspect_exports__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_exports__button-icon-selected {
  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);
}
.main_ui_inspect_exports__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_exports__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_exports__button-radio: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);
}
.main_ui_inspect_exports__button-radio:focus-visible svg,
.main_ui_inspect_exports__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_exports__button-radio svg,
.main_ui_inspect_exports__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_exports__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_exports__button-radio:hover svg,
.main_ui_inspect_exports__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_exports__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_exports__button-radio:active svg,
.main_ui_inspect_exports__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_exports__button-warning {
  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);
}

.main_ui_inspect_exports__button-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;
}

.main_ui_inspect_exports__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_exports__button-tag: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);
}
.main_ui_inspect_exports__button-tag:focus-visible svg,
.main_ui_inspect_exports__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_exports__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_exports__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_exports__button-icon, .main_ui_inspect_exports__element-group .main_ui_inspect_exports__action-btn svg, .main_ui_inspect_exports__add-export svg, .main_ui_inspect_exports__empty-icon svg, .main_ui_inspect_exports__modal-close-btn-base svg, .main_ui_inspect_exports__button-icon-small, .main_ui_inspect_exports__dropdown-element-base span svg, .main_ui_inspect_exports__attr-title button svg, .main_ui_inspect_exports__checkbox-icon.intermediate svg, .main_ui_inspect_exports__input-checkbox label span.intermediate svg, .main_ui_inspect_exports__checkbox-icon.checked svg, .main_ui_inspect_exports__input-checkbox label span.checked svg, .main_ui_inspect_exports__input-element span svg, .main_ui_inspect_exports__suffix-input span svg,
.main_ui_inspect_exports__input-element label svg,
.main_ui_inspect_exports__suffix-input label svg, .main_ui_inspect_exports__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_exports__button-icon-small, .main_ui_inspect_exports__dropdown-element-base span svg, .main_ui_inspect_exports__attr-title button svg, .main_ui_inspect_exports__checkbox-icon.intermediate svg, .main_ui_inspect_exports__input-checkbox label span.intermediate svg, .main_ui_inspect_exports__checkbox-icon.checked svg, .main_ui_inspect_exports__input-checkbox label span.checked svg, .main_ui_inspect_exports__input-element span svg, .main_ui_inspect_exports__suffix-input span svg,
.main_ui_inspect_exports__input-element label svg,
.main_ui_inspect_exports__suffix-input label svg, .main_ui_inspect_exports__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_exports__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_exports__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_exports__input-base, .main_ui_inspect_exports__input-with-label input, .main_ui_inspect_exports__input-element-label input, .main_ui_inspect_exports__input-element input, .main_ui_inspect_exports__suffix-input input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_exports__input-base[disabled], .main_ui_inspect_exports__input-with-label input[disabled], .main_ui_inspect_exports__input-element-label input[disabled], .main_ui_inspect_exports__input-element input[disabled], .main_ui_inspect_exports__suffix-input input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_exports__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_exports__input-label, .main_ui_inspect_exports__input-element span, .main_ui_inspect_exports__suffix-input span,
.main_ui_inspect_exports__input-element label,
.main_ui_inspect_exports__suffix-input label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_exports__input-element, .main_ui_inspect_exports__suffix-input {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_exports__input-element:focus-within, .main_ui_inspect_exports__suffix-input:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_exports__input-element span svg, .main_ui_inspect_exports__suffix-input span svg,
.main_ui_inspect_exports__input-element label svg,
.main_ui_inspect_exports__suffix-input label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_exports__input-element ::-moz-placeholder, .main_ui_inspect_exports__suffix-input ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_exports__input-element ::placeholder, .main_ui_inspect_exports__suffix-input ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_exports__input-element:hover, .main_ui_inspect_exports__suffix-input:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_exports__input-element:hover span, .main_ui_inspect_exports__suffix-input:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_exports__input-element:hover input, .main_ui_inspect_exports__suffix-input:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_exports__input-element:active, .main_ui_inspect_exports__suffix-input:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_exports__input-element:active span, .main_ui_inspect_exports__suffix-input:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_exports__input-element:active input, .main_ui_inspect_exports__suffix-input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_exports__input-element:focus, .main_ui_inspect_exports__suffix-input:focus, .main_ui_inspect_exports__input-element:focus-within, .main_ui_inspect_exports__suffix-input:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_exports__input-element:focus span, .main_ui_inspect_exports__suffix-input:focus span, .main_ui_inspect_exports__input-element:focus-within span, .main_ui_inspect_exports__suffix-input:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_exports__input-element:focus input, .main_ui_inspect_exports__suffix-input:focus input, .main_ui_inspect_exports__input-element:focus-within input, .main_ui_inspect_exports__suffix-input:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_exports__input-element:focus:hover, .main_ui_inspect_exports__suffix-input:focus:hover, .main_ui_inspect_exports__input-element:focus-within:hover, .main_ui_inspect_exports__suffix-input:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_exports__input-element:focus:hover span, .main_ui_inspect_exports__suffix-input:focus:hover span, .main_ui_inspect_exports__input-element:focus-within:hover span, .main_ui_inspect_exports__suffix-input:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_exports__input-element:focus:hover input, .main_ui_inspect_exports__suffix-input:focus:hover input, .main_ui_inspect_exports__input-element:focus-within:hover input, .main_ui_inspect_exports__suffix-input:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_exports__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_exports__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_exports__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_exports__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_exports__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_exports__input-element-label:focus-within input, .main_ui_inspect_exports__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_exports__disabled-input, .main_ui_inspect_exports__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_exports__disabled-input input, .main_ui_inspect_exports__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_exports__disabled-input span svg, .main_ui_inspect_exports__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_exports__checkbox-icon, .main_ui_inspect_exports__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_exports__checkbox-icon svg, .main_ui_inspect_exports__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_exports__checkbox-icon:hover, .main_ui_inspect_exports__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_exports__checkbox-icon:focus, .main_ui_inspect_exports__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_exports__checkbox-icon.checked, .main_ui_inspect_exports__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_exports__checkbox-icon.checked svg, .main_ui_inspect_exports__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_exports__checkbox-icon.intermediate, .main_ui_inspect_exports__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_exports__checkbox-icon.intermediate svg, .main_ui_inspect_exports__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_exports__checkbox-icon.unchecked, .main_ui_inspect_exports__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_exports__checkbox-icon.unchecked svg, .main_ui_inspect_exports__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_exports__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_exports__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_exports__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_exports__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_exports__input-checkbox label:focus span, .main_ui_inspect_exports__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_exports__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_exports__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_exports__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_exports__input-with-label input:focus-within, .main_ui_inspect_exports__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_exports__input-with-label input:focus-within input, .main_ui_inspect_exports__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_exports__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_exports__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_exports__modal-overlay-base {
  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);
}

.main_ui_inspect_exports__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_exports__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_exports__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_exports__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_exports__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_exports__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_exports__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_exports__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_exports__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_exports__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_exports__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_exports__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_exports__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_exports__mixed-bar, .main_ui_inspect_exports__label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_exports__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_exports__colorpicker-handler {
  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;
}
.main_ui_inspect_exports__colorpicker-handler:hover, .main_ui_inspect_exports__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_exports__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_exports__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_exports__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_exports__attr-title button {
  display: none;
}
.main_ui_inspect_exports__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_exports__attr-title:hover button {
  display: flex;
}

.main_ui_inspect_exports__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_exports__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_exports__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_exports__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_exports__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_exports__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_exports__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_exports__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_exports__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_exports__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_exports__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_exports__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_exports__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_exports__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_exports__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_exports__element-set {
  padding-bottom: 1rem;
  margin: 0;
}

.main_ui_inspect_exports__element-title {
  margin: 0;
}

.main_ui_inspect_exports__title-spacing-export-viewer {
  margin: 0;
  color: var(--entry-foreground-color-hover);
  margin-inline-start: calc(-1 * 0.5rem);
  width: calc(100% + 0.5rem);
}

.main_ui_inspect_exports__add-export {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_exports__add-export svg {
  stroke: var(--icon-foreground);
}

.main_ui_inspect_exports__element-set-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}

.main_ui_inspect_exports__multiple-exports {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_inspect_exports__actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_inspect_exports__element-group {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.main_ui_inspect_exports__element-group .main_ui_inspect_exports__action-btn {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_exports__input-wrapper {
  grid-column: span 8;
  display: grid;
  grid-template-columns: subgrid;
}

.main_ui_inspect_exports__format-select {
  grid-column: span 3;
  padding: 0;
}
.main_ui_inspect_exports__format-select .main_ui_inspect_exports__dropdown-upwards {
  bottom: 2.25rem;
  width: 5rem;
  top: unset;
}

.main_ui_inspect_exports__size-select {
  grid-column: span 2;
  padding: 0;
}
.main_ui_inspect_exports__size-select .main_ui_inspect_exports__dropdown-upwards {
  bottom: 2.25rem;
  top: unset;
  width: 5rem;
}

.main_ui_inspect_exports__suffix-input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  grid-column: span 3;
}

.main_ui_inspect_exports__export-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2rem;
  width: 15.75rem;
}
@keyframes main_ui_inspect_left_sidebar__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_left_sidebar__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_left_sidebar__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_left_sidebar__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_left_sidebar__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_left_sidebar__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_left_sidebar__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_left_sidebar__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_left_sidebar__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_left_sidebar__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_left_sidebar__new-scrollbar ::placeholder,
.main_ui_inspect_left_sidebar__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_left_sidebar__button-primary, .main_ui_inspect_left_sidebar__modal-danger-btn, .main_ui_inspect_left_sidebar__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_left_sidebar__button-primary:focus-visible, .main_ui_inspect_left_sidebar__modal-danger-btn:focus-visible, .main_ui_inspect_left_sidebar__modal-accept-btn: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);
}
.main_ui_inspect_left_sidebar__button-primary:focus-visible svg, .main_ui_inspect_left_sidebar__modal-danger-btn:focus-visible svg, .main_ui_inspect_left_sidebar__modal-accept-btn:focus-visible svg,
.main_ui_inspect_left_sidebar__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_left_sidebar__button-primary svg, .main_ui_inspect_left_sidebar__modal-danger-btn svg, .main_ui_inspect_left_sidebar__modal-accept-btn svg,
.main_ui_inspect_left_sidebar__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_left_sidebar__button-primary:hover, .main_ui_inspect_left_sidebar__modal-danger-btn:hover, .main_ui_inspect_left_sidebar__modal-accept-btn: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;
}
.main_ui_inspect_left_sidebar__button-primary:hover svg, .main_ui_inspect_left_sidebar__modal-danger-btn:hover svg, .main_ui_inspect_left_sidebar__modal-accept-btn:hover svg,
.main_ui_inspect_left_sidebar__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_left_sidebar__button-primary:active, .main_ui_inspect_left_sidebar__modal-danger-btn:active, .main_ui_inspect_left_sidebar__modal-accept-btn: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;
}
.main_ui_inspect_left_sidebar__button-primary:active svg, .main_ui_inspect_left_sidebar__modal-danger-btn:active svg, .main_ui_inspect_left_sidebar__modal-accept-btn:active svg,
.main_ui_inspect_left_sidebar__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_left_sidebar__button-primary.disabled, .main_ui_inspect_left_sidebar__modal-danger-btn.disabled, .main_ui_inspect_left_sidebar__modal-accept-btn.disabled, .main_ui_inspect_left_sidebar__button-primary[disabled], [disabled].main_ui_inspect_left_sidebar__modal-danger-btn, [disabled].main_ui_inspect_left_sidebar__modal-accept-btn, .main_ui_inspect_left_sidebar__button-primary:disabled, .main_ui_inspect_left_sidebar__modal-danger-btn:disabled, .main_ui_inspect_left_sidebar__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_left_sidebar__button-secondary, .main_ui_inspect_left_sidebar__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_left_sidebar__button-secondary:focus-visible, .main_ui_inspect_left_sidebar__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_left_sidebar__button-secondary:focus-visible svg, .main_ui_inspect_left_sidebar__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_left_sidebar__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_left_sidebar__button-secondary svg, .main_ui_inspect_left_sidebar__modal-cancel-btn svg,
.main_ui_inspect_left_sidebar__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_left_sidebar__button-secondary:hover, .main_ui_inspect_left_sidebar__modal-cancel-btn: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;
}
.main_ui_inspect_left_sidebar__button-secondary:hover svg, .main_ui_inspect_left_sidebar__modal-cancel-btn:hover svg,
.main_ui_inspect_left_sidebar__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_left_sidebar__button-secondary:active, .main_ui_inspect_left_sidebar__modal-cancel-btn: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);
}
.main_ui_inspect_left_sidebar__button-secondary:active svg, .main_ui_inspect_left_sidebar__modal-cancel-btn:active svg,
.main_ui_inspect_left_sidebar__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_left_sidebar__button-secondary.disabled, .main_ui_inspect_left_sidebar__modal-cancel-btn.disabled, .main_ui_inspect_left_sidebar__button-secondary[disabled], [disabled].main_ui_inspect_left_sidebar__modal-cancel-btn, .main_ui_inspect_left_sidebar__button-secondary:disabled, .main_ui_inspect_left_sidebar__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_left_sidebar__button-tertiary, .main_ui_inspect_left_sidebar__attr-title button, .main_ui_inspect_left_sidebar__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_left_sidebar__button-tertiary:focus-visible, .main_ui_inspect_left_sidebar__attr-title button:focus-visible, .main_ui_inspect_left_sidebar__modal-close-btn-base: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);
}
.main_ui_inspect_left_sidebar__button-tertiary:focus-visible svg, .main_ui_inspect_left_sidebar__attr-title button:focus-visible svg, .main_ui_inspect_left_sidebar__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_left_sidebar__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_left_sidebar__button-tertiary svg, .main_ui_inspect_left_sidebar__attr-title button svg, .main_ui_inspect_left_sidebar__modal-close-btn-base svg,
.main_ui_inspect_left_sidebar__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_left_sidebar__button-tertiary:hover, .main_ui_inspect_left_sidebar__attr-title button:hover, .main_ui_inspect_left_sidebar__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_left_sidebar__button-tertiary:hover svg, .main_ui_inspect_left_sidebar__attr-title button:hover svg, .main_ui_inspect_left_sidebar__modal-close-btn-base:hover svg,
.main_ui_inspect_left_sidebar__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_left_sidebar__button-tertiary:active, .main_ui_inspect_left_sidebar__attr-title button:active, .main_ui_inspect_left_sidebar__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_left_sidebar__button-tertiary:active svg, .main_ui_inspect_left_sidebar__attr-title button:active svg, .main_ui_inspect_left_sidebar__modal-close-btn-base:active svg,
.main_ui_inspect_left_sidebar__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_left_sidebar__button-tertiary.disabled, .main_ui_inspect_left_sidebar__attr-title button.disabled, .main_ui_inspect_left_sidebar__modal-close-btn-base.disabled, .main_ui_inspect_left_sidebar__button-tertiary[disabled], .main_ui_inspect_left_sidebar__attr-title button[disabled], [disabled].main_ui_inspect_left_sidebar__modal-close-btn-base, .main_ui_inspect_left_sidebar__button-tertiary:disabled, .main_ui_inspect_left_sidebar__attr-title button:disabled, .main_ui_inspect_left_sidebar__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_left_sidebar__button-tertiary.disabled svg, .main_ui_inspect_left_sidebar__attr-title button.disabled svg, .main_ui_inspect_left_sidebar__modal-close-btn-base.disabled svg,
.main_ui_inspect_left_sidebar__button-tertiary.disabled span svg, .main_ui_inspect_left_sidebar__button-tertiary[disabled] svg, .main_ui_inspect_left_sidebar__attr-title button[disabled] svg, [disabled].main_ui_inspect_left_sidebar__modal-close-btn-base svg,
.main_ui_inspect_left_sidebar__button-tertiary[disabled] span svg, .main_ui_inspect_left_sidebar__button-tertiary:disabled svg, .main_ui_inspect_left_sidebar__attr-title button:disabled svg, .main_ui_inspect_left_sidebar__modal-close-btn-base:disabled svg,
.main_ui_inspect_left_sidebar__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_left_sidebar__button-icon-selected {
  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);
}
.main_ui_inspect_left_sidebar__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_left_sidebar__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_left_sidebar__button-radio: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);
}
.main_ui_inspect_left_sidebar__button-radio:focus-visible svg,
.main_ui_inspect_left_sidebar__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_left_sidebar__button-radio svg,
.main_ui_inspect_left_sidebar__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_left_sidebar__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_left_sidebar__button-radio:hover svg,
.main_ui_inspect_left_sidebar__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_left_sidebar__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_left_sidebar__button-radio:active svg,
.main_ui_inspect_left_sidebar__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_left_sidebar__button-warning {
  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);
}

.main_ui_inspect_left_sidebar__button-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;
}

.main_ui_inspect_left_sidebar__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_left_sidebar__button-tag: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);
}
.main_ui_inspect_left_sidebar__button-tag:focus-visible svg,
.main_ui_inspect_left_sidebar__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_left_sidebar__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_left_sidebar__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_left_sidebar__button-icon, .main_ui_inspect_left_sidebar__empty-icon svg, .main_ui_inspect_left_sidebar__modal-close-btn-base svg, .main_ui_inspect_left_sidebar__button-icon-small, .main_ui_inspect_left_sidebar__dropdown-element-base span svg, .main_ui_inspect_left_sidebar__attr-title button svg, .main_ui_inspect_left_sidebar__checkbox-icon.intermediate svg, .main_ui_inspect_left_sidebar__input-checkbox label span.intermediate svg, .main_ui_inspect_left_sidebar__checkbox-icon.checked svg, .main_ui_inspect_left_sidebar__input-checkbox label span.checked svg, .main_ui_inspect_left_sidebar__input-element span svg,
.main_ui_inspect_left_sidebar__input-element label svg, .main_ui_inspect_left_sidebar__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_left_sidebar__button-icon-small, .main_ui_inspect_left_sidebar__dropdown-element-base span svg, .main_ui_inspect_left_sidebar__attr-title button svg, .main_ui_inspect_left_sidebar__checkbox-icon.intermediate svg, .main_ui_inspect_left_sidebar__input-checkbox label span.intermediate svg, .main_ui_inspect_left_sidebar__checkbox-icon.checked svg, .main_ui_inspect_left_sidebar__input-checkbox label span.checked svg, .main_ui_inspect_left_sidebar__input-element span svg,
.main_ui_inspect_left_sidebar__input-element label svg, .main_ui_inspect_left_sidebar__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_left_sidebar__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_left_sidebar__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_left_sidebar__input-base, .main_ui_inspect_left_sidebar__input-with-label input, .main_ui_inspect_left_sidebar__input-element-label input, .main_ui_inspect_left_sidebar__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_left_sidebar__input-base[disabled], .main_ui_inspect_left_sidebar__input-with-label input[disabled], .main_ui_inspect_left_sidebar__input-element-label input[disabled], .main_ui_inspect_left_sidebar__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_left_sidebar__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_left_sidebar__input-label, .main_ui_inspect_left_sidebar__input-element span,
.main_ui_inspect_left_sidebar__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_left_sidebar__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_left_sidebar__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_left_sidebar__input-element span svg,
.main_ui_inspect_left_sidebar__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_left_sidebar__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_left_sidebar__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_left_sidebar__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_left_sidebar__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_left_sidebar__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_left_sidebar__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_left_sidebar__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_left_sidebar__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_left_sidebar__input-element:focus, .main_ui_inspect_left_sidebar__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_left_sidebar__input-element:focus span, .main_ui_inspect_left_sidebar__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_left_sidebar__input-element:focus input, .main_ui_inspect_left_sidebar__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_left_sidebar__input-element:focus:hover, .main_ui_inspect_left_sidebar__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_left_sidebar__input-element:focus:hover span, .main_ui_inspect_left_sidebar__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_left_sidebar__input-element:focus:hover input, .main_ui_inspect_left_sidebar__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_left_sidebar__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_left_sidebar__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_left_sidebar__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_left_sidebar__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_left_sidebar__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_left_sidebar__input-element-label:focus-within input, .main_ui_inspect_left_sidebar__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_left_sidebar__disabled-input, .main_ui_inspect_left_sidebar__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_left_sidebar__disabled-input input, .main_ui_inspect_left_sidebar__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_left_sidebar__disabled-input span svg, .main_ui_inspect_left_sidebar__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_left_sidebar__checkbox-icon, .main_ui_inspect_left_sidebar__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_left_sidebar__checkbox-icon svg, .main_ui_inspect_left_sidebar__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_left_sidebar__checkbox-icon:hover, .main_ui_inspect_left_sidebar__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_left_sidebar__checkbox-icon:focus, .main_ui_inspect_left_sidebar__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_left_sidebar__checkbox-icon.checked, .main_ui_inspect_left_sidebar__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_left_sidebar__checkbox-icon.checked svg, .main_ui_inspect_left_sidebar__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_left_sidebar__checkbox-icon.intermediate, .main_ui_inspect_left_sidebar__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_left_sidebar__checkbox-icon.intermediate svg, .main_ui_inspect_left_sidebar__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_left_sidebar__checkbox-icon.unchecked, .main_ui_inspect_left_sidebar__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_left_sidebar__checkbox-icon.unchecked svg, .main_ui_inspect_left_sidebar__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_left_sidebar__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_left_sidebar__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_left_sidebar__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_left_sidebar__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_left_sidebar__input-checkbox label:focus span, .main_ui_inspect_left_sidebar__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_left_sidebar__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_left_sidebar__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_left_sidebar__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_left_sidebar__input-with-label input:focus-within, .main_ui_inspect_left_sidebar__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_left_sidebar__input-with-label input:focus-within input, .main_ui_inspect_left_sidebar__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_left_sidebar__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_left_sidebar__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_left_sidebar__modal-overlay-base {
  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);
}

.main_ui_inspect_left_sidebar__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_left_sidebar__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_left_sidebar__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_left_sidebar__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_left_sidebar__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_left_sidebar__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_left_sidebar__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_left_sidebar__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_left_sidebar__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_left_sidebar__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_left_sidebar__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_left_sidebar__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_left_sidebar__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_left_sidebar__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_left_sidebar__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_left_sidebar__colorpicker-handler {
  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;
}
.main_ui_inspect_left_sidebar__colorpicker-handler:hover, .main_ui_inspect_left_sidebar__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_left_sidebar__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_left_sidebar__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_left_sidebar__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_left_sidebar__attr-title button {
  display: none;
}
.main_ui_inspect_left_sidebar__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_left_sidebar__attr-title:hover button {
  display: flex;
}

.main_ui_inspect_left_sidebar__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_left_sidebar__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_left_sidebar__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_left_sidebar__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_left_sidebar__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_left_sidebar__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_left_sidebar__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_left_sidebar__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_left_sidebar__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_left_sidebar__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_left_sidebar__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_left_sidebar__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_left_sidebar__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_left_sidebar__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_left_sidebar__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_left_sidebar__settings-bar-left {
  background-color: var(--panel-background-color);
  height: 100%;
  width: 16rem;
}

.main_ui_inspect_left_sidebar__settings-bar-inside {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  height: calc(100% - 0.125rem);
  overflow-y: auto;
  padding-top: 0.5rem;
}
@keyframes main_ui_inspect_right_sidebar__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_right_sidebar__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_right_sidebar__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_right_sidebar__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_right_sidebar__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_right_sidebar__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_right_sidebar__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_right_sidebar__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_right_sidebar__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_right_sidebar__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_right_sidebar__new-scrollbar ::placeholder,
.main_ui_inspect_right_sidebar__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_right_sidebar__button-primary, .main_ui_inspect_right_sidebar__modal-danger-btn, .main_ui_inspect_right_sidebar__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_right_sidebar__button-primary:focus-visible, .main_ui_inspect_right_sidebar__modal-danger-btn:focus-visible, .main_ui_inspect_right_sidebar__modal-accept-btn: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);
}
.main_ui_inspect_right_sidebar__button-primary:focus-visible svg, .main_ui_inspect_right_sidebar__modal-danger-btn:focus-visible svg, .main_ui_inspect_right_sidebar__modal-accept-btn:focus-visible svg,
.main_ui_inspect_right_sidebar__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_right_sidebar__button-primary svg, .main_ui_inspect_right_sidebar__modal-danger-btn svg, .main_ui_inspect_right_sidebar__modal-accept-btn svg,
.main_ui_inspect_right_sidebar__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_right_sidebar__button-primary:hover, .main_ui_inspect_right_sidebar__modal-danger-btn:hover, .main_ui_inspect_right_sidebar__modal-accept-btn: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;
}
.main_ui_inspect_right_sidebar__button-primary:hover svg, .main_ui_inspect_right_sidebar__modal-danger-btn:hover svg, .main_ui_inspect_right_sidebar__modal-accept-btn:hover svg,
.main_ui_inspect_right_sidebar__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_right_sidebar__button-primary:active, .main_ui_inspect_right_sidebar__modal-danger-btn:active, .main_ui_inspect_right_sidebar__modal-accept-btn: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;
}
.main_ui_inspect_right_sidebar__button-primary:active svg, .main_ui_inspect_right_sidebar__modal-danger-btn:active svg, .main_ui_inspect_right_sidebar__modal-accept-btn:active svg,
.main_ui_inspect_right_sidebar__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_right_sidebar__button-primary.disabled, .main_ui_inspect_right_sidebar__modal-danger-btn.disabled, .main_ui_inspect_right_sidebar__modal-accept-btn.disabled, .main_ui_inspect_right_sidebar__button-primary[disabled], [disabled].main_ui_inspect_right_sidebar__modal-danger-btn, [disabled].main_ui_inspect_right_sidebar__modal-accept-btn, .main_ui_inspect_right_sidebar__button-primary:disabled, .main_ui_inspect_right_sidebar__modal-danger-btn:disabled, .main_ui_inspect_right_sidebar__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_right_sidebar__button-secondary, .main_ui_inspect_right_sidebar__more-info-btn, .main_ui_inspect_right_sidebar__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_right_sidebar__button-secondary:focus-visible, .main_ui_inspect_right_sidebar__more-info-btn:focus-visible, .main_ui_inspect_right_sidebar__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_right_sidebar__button-secondary:focus-visible svg, .main_ui_inspect_right_sidebar__more-info-btn:focus-visible svg, .main_ui_inspect_right_sidebar__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_right_sidebar__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_right_sidebar__button-secondary svg, .main_ui_inspect_right_sidebar__more-info-btn svg, .main_ui_inspect_right_sidebar__modal-cancel-btn svg,
.main_ui_inspect_right_sidebar__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_right_sidebar__button-secondary:hover, .main_ui_inspect_right_sidebar__more-info-btn:hover, .main_ui_inspect_right_sidebar__modal-cancel-btn: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;
}
.main_ui_inspect_right_sidebar__button-secondary:hover svg, .main_ui_inspect_right_sidebar__more-info-btn:hover svg, .main_ui_inspect_right_sidebar__modal-cancel-btn:hover svg,
.main_ui_inspect_right_sidebar__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_right_sidebar__button-secondary:active, .main_ui_inspect_right_sidebar__more-info-btn:active, .main_ui_inspect_right_sidebar__modal-cancel-btn: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);
}
.main_ui_inspect_right_sidebar__button-secondary:active svg, .main_ui_inspect_right_sidebar__more-info-btn:active svg, .main_ui_inspect_right_sidebar__modal-cancel-btn:active svg,
.main_ui_inspect_right_sidebar__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_right_sidebar__button-secondary.disabled, .main_ui_inspect_right_sidebar__more-info-btn.disabled, .main_ui_inspect_right_sidebar__modal-cancel-btn.disabled, .main_ui_inspect_right_sidebar__button-secondary[disabled], [disabled].main_ui_inspect_right_sidebar__more-info-btn, [disabled].main_ui_inspect_right_sidebar__modal-cancel-btn, .main_ui_inspect_right_sidebar__button-secondary:disabled, .main_ui_inspect_right_sidebar__more-info-btn:disabled, .main_ui_inspect_right_sidebar__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_right_sidebar__button-tertiary, .main_ui_inspect_right_sidebar__attr-title button, .main_ui_inspect_right_sidebar__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_right_sidebar__button-tertiary:focus-visible, .main_ui_inspect_right_sidebar__attr-title button:focus-visible, .main_ui_inspect_right_sidebar__modal-close-btn-base: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);
}
.main_ui_inspect_right_sidebar__button-tertiary:focus-visible svg, .main_ui_inspect_right_sidebar__attr-title button:focus-visible svg, .main_ui_inspect_right_sidebar__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_right_sidebar__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_right_sidebar__button-tertiary svg, .main_ui_inspect_right_sidebar__attr-title button svg, .main_ui_inspect_right_sidebar__modal-close-btn-base svg,
.main_ui_inspect_right_sidebar__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_right_sidebar__button-tertiary:hover, .main_ui_inspect_right_sidebar__attr-title button:hover, .main_ui_inspect_right_sidebar__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_right_sidebar__button-tertiary:hover svg, .main_ui_inspect_right_sidebar__attr-title button:hover svg, .main_ui_inspect_right_sidebar__modal-close-btn-base:hover svg,
.main_ui_inspect_right_sidebar__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_right_sidebar__button-tertiary:active, .main_ui_inspect_right_sidebar__attr-title button:active, .main_ui_inspect_right_sidebar__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_right_sidebar__button-tertiary:active svg, .main_ui_inspect_right_sidebar__attr-title button:active svg, .main_ui_inspect_right_sidebar__modal-close-btn-base:active svg,
.main_ui_inspect_right_sidebar__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_right_sidebar__button-tertiary.disabled, .main_ui_inspect_right_sidebar__attr-title button.disabled, .main_ui_inspect_right_sidebar__modal-close-btn-base.disabled, .main_ui_inspect_right_sidebar__button-tertiary[disabled], .main_ui_inspect_right_sidebar__attr-title button[disabled], [disabled].main_ui_inspect_right_sidebar__modal-close-btn-base, .main_ui_inspect_right_sidebar__button-tertiary:disabled, .main_ui_inspect_right_sidebar__attr-title button:disabled, .main_ui_inspect_right_sidebar__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_right_sidebar__button-tertiary.disabled svg, .main_ui_inspect_right_sidebar__attr-title button.disabled svg, .main_ui_inspect_right_sidebar__modal-close-btn-base.disabled svg,
.main_ui_inspect_right_sidebar__button-tertiary.disabled span svg, .main_ui_inspect_right_sidebar__button-tertiary[disabled] svg, .main_ui_inspect_right_sidebar__attr-title button[disabled] svg, [disabled].main_ui_inspect_right_sidebar__modal-close-btn-base svg,
.main_ui_inspect_right_sidebar__button-tertiary[disabled] span svg, .main_ui_inspect_right_sidebar__button-tertiary:disabled svg, .main_ui_inspect_right_sidebar__attr-title button:disabled svg, .main_ui_inspect_right_sidebar__modal-close-btn-base:disabled svg,
.main_ui_inspect_right_sidebar__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_right_sidebar__button-icon-selected {
  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);
}
.main_ui_inspect_right_sidebar__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_right_sidebar__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_right_sidebar__button-radio: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);
}
.main_ui_inspect_right_sidebar__button-radio:focus-visible svg,
.main_ui_inspect_right_sidebar__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_right_sidebar__button-radio svg,
.main_ui_inspect_right_sidebar__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_right_sidebar__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_right_sidebar__button-radio:hover svg,
.main_ui_inspect_right_sidebar__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_right_sidebar__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_right_sidebar__button-radio:active svg,
.main_ui_inspect_right_sidebar__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_right_sidebar__button-warning {
  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);
}

.main_ui_inspect_right_sidebar__button-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;
}

.main_ui_inspect_right_sidebar__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_right_sidebar__button-tag: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);
}
.main_ui_inspect_right_sidebar__button-tag:focus-visible svg,
.main_ui_inspect_right_sidebar__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_right_sidebar__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_right_sidebar__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_right_sidebar__button-icon, .main_ui_inspect_right_sidebar__empty-icon svg, .main_ui_inspect_right_sidebar__placeholder-icon svg, .main_ui_inspect_right_sidebar__modal-close-btn-base svg, .main_ui_inspect_right_sidebar__button-icon-small, .main_ui_inspect_right_sidebar__layers-icon svg,
.main_ui_inspect_right_sidebar__shape-icon svg, .main_ui_inspect_right_sidebar__dropdown-element-base span svg, .main_ui_inspect_right_sidebar__attr-title button svg, .main_ui_inspect_right_sidebar__checkbox-icon.intermediate svg, .main_ui_inspect_right_sidebar__input-checkbox label span.intermediate svg, .main_ui_inspect_right_sidebar__checkbox-icon.checked svg, .main_ui_inspect_right_sidebar__input-checkbox label span.checked svg, .main_ui_inspect_right_sidebar__input-element span svg,
.main_ui_inspect_right_sidebar__input-element label svg, .main_ui_inspect_right_sidebar__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_right_sidebar__button-icon-small, .main_ui_inspect_right_sidebar__layers-icon svg,
.main_ui_inspect_right_sidebar__shape-icon svg, .main_ui_inspect_right_sidebar__dropdown-element-base span svg, .main_ui_inspect_right_sidebar__attr-title button svg, .main_ui_inspect_right_sidebar__checkbox-icon.intermediate svg, .main_ui_inspect_right_sidebar__input-checkbox label span.intermediate svg, .main_ui_inspect_right_sidebar__checkbox-icon.checked svg, .main_ui_inspect_right_sidebar__input-checkbox label span.checked svg, .main_ui_inspect_right_sidebar__input-element span svg,
.main_ui_inspect_right_sidebar__input-element label svg, .main_ui_inspect_right_sidebar__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_right_sidebar__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_right_sidebar__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_right_sidebar__input-base, .main_ui_inspect_right_sidebar__input-with-label input, .main_ui_inspect_right_sidebar__input-element-label input, .main_ui_inspect_right_sidebar__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_right_sidebar__input-base[disabled], .main_ui_inspect_right_sidebar__input-with-label input[disabled], .main_ui_inspect_right_sidebar__input-element-label input[disabled], .main_ui_inspect_right_sidebar__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_right_sidebar__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_right_sidebar__input-label, .main_ui_inspect_right_sidebar__input-element span,
.main_ui_inspect_right_sidebar__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_right_sidebar__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_right_sidebar__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_right_sidebar__input-element span svg,
.main_ui_inspect_right_sidebar__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_right_sidebar__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_right_sidebar__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_right_sidebar__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_right_sidebar__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_right_sidebar__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_right_sidebar__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_right_sidebar__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_right_sidebar__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_right_sidebar__input-element:focus, .main_ui_inspect_right_sidebar__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_right_sidebar__input-element:focus span, .main_ui_inspect_right_sidebar__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_right_sidebar__input-element:focus input, .main_ui_inspect_right_sidebar__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_right_sidebar__input-element:focus:hover, .main_ui_inspect_right_sidebar__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_right_sidebar__input-element:focus:hover span, .main_ui_inspect_right_sidebar__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_right_sidebar__input-element:focus:hover input, .main_ui_inspect_right_sidebar__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_right_sidebar__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_right_sidebar__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_right_sidebar__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_right_sidebar__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_right_sidebar__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_right_sidebar__input-element-label:focus-within input, .main_ui_inspect_right_sidebar__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_right_sidebar__disabled-input, .main_ui_inspect_right_sidebar__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_right_sidebar__disabled-input input, .main_ui_inspect_right_sidebar__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_right_sidebar__disabled-input span svg, .main_ui_inspect_right_sidebar__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_right_sidebar__checkbox-icon, .main_ui_inspect_right_sidebar__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_right_sidebar__checkbox-icon svg, .main_ui_inspect_right_sidebar__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_right_sidebar__checkbox-icon:hover, .main_ui_inspect_right_sidebar__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_right_sidebar__checkbox-icon:focus, .main_ui_inspect_right_sidebar__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_right_sidebar__checkbox-icon.checked, .main_ui_inspect_right_sidebar__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_right_sidebar__checkbox-icon.checked svg, .main_ui_inspect_right_sidebar__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_right_sidebar__checkbox-icon.intermediate, .main_ui_inspect_right_sidebar__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_right_sidebar__checkbox-icon.intermediate svg, .main_ui_inspect_right_sidebar__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_right_sidebar__checkbox-icon.unchecked, .main_ui_inspect_right_sidebar__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_right_sidebar__checkbox-icon.unchecked svg, .main_ui_inspect_right_sidebar__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_right_sidebar__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_right_sidebar__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_right_sidebar__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_right_sidebar__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_right_sidebar__input-checkbox label:focus span, .main_ui_inspect_right_sidebar__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_right_sidebar__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_right_sidebar__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_right_sidebar__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_right_sidebar__input-with-label input:focus-within, .main_ui_inspect_right_sidebar__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_right_sidebar__input-with-label input:focus-within input, .main_ui_inspect_right_sidebar__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_right_sidebar__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_right_sidebar__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_right_sidebar__modal-overlay-base {
  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);
}

.main_ui_inspect_right_sidebar__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_right_sidebar__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_right_sidebar__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_right_sidebar__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_right_sidebar__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_right_sidebar__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_right_sidebar__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_right_sidebar__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_right_sidebar__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_right_sidebar__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_right_sidebar__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_right_sidebar__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_right_sidebar__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_right_sidebar__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_right_sidebar__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_right_sidebar__colorpicker-handler {
  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;
}
.main_ui_inspect_right_sidebar__colorpicker-handler:hover, .main_ui_inspect_right_sidebar__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_right_sidebar__empty-icon, .main_ui_inspect_right_sidebar__placeholder-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_right_sidebar__empty-icon svg, .main_ui_inspect_right_sidebar__placeholder-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_right_sidebar__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_right_sidebar__attr-title button {
  display: none;
}
.main_ui_inspect_right_sidebar__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_right_sidebar__attr-title:hover button {
  display: flex;
}

.main_ui_inspect_right_sidebar__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_right_sidebar__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_right_sidebar__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_right_sidebar__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_right_sidebar__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_right_sidebar__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_right_sidebar__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_right_sidebar__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_right_sidebar__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_right_sidebar__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_right_sidebar__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_right_sidebar__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_right_sidebar__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_right_sidebar__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_right_sidebar__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_right_sidebar__settings-bar-right {
  min-width: 15.75rem;
  width: 100%;
  height: 100vh;
  position: relative;
  left: unset;
  right: unset;
  grid-area: right-sidebar;
  overflow: hidden;
}
.main_ui_inspect_right_sidebar__settings-bar-right.main_ui_inspect_right_sidebar__viewer-code {
  height: calc(100vh - 3rem);
}

.main_ui_inspect_right_sidebar__viewer-code {
  padding-inline-start: 0.5rem;
}

.main_ui_inspect_right_sidebar__tool-windows {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: var(--sp-m);
}

.main_ui_inspect_right_sidebar__shape-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
  align-items: center;
  height: 2rem;
}

.main_ui_inspect_right_sidebar__shape-row-subtitle {
  height: -moz-fit-content;
  height: fit-content;
  align-items: flex-start;
}

.main_ui_inspect_right_sidebar__layers-icon,
.main_ui_inspect_right_sidebar__shape-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
}
.main_ui_inspect_right_sidebar__layers-icon svg,
.main_ui_inspect_right_sidebar__shape-icon svg {
  stroke: var(--icon-foreground);
}

.main_ui_inspect_right_sidebar__layer-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 2rem;
  padding: 0.5rem 0;
  color: var(--color-foreground-primary);
}

.main_ui_inspect_right_sidebar__layer-title-with-subtitle {
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 0;
}

.main_ui_inspect_right_sidebar__layer-subtitle {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_right_sidebar__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  padding-top: 1.5rem;
}

.main_ui_inspect_right_sidebar__code-info,
.main_ui_inspect_right_sidebar__help-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  margin-right: 0.5rem;
}

.main_ui_inspect_right_sidebar__placeholder-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  width: 12.5rem;
  color: var(--empty-message-foreground-color);
}

.main_ui_inspect_right_sidebar__more-info-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2rem;
  padding: 0.5rem 1.5rem;
}

.main_ui_inspect_right_sidebar__inspect-content {
  flex: 1;
  overflow: hidden;
}

.main_ui_inspect_right_sidebar__viewer-tab-switcher {
  --tabs-nav-padding-inline-start: 0;
  --tabs-nav-padding-inline-end: var(--sp-m);
}
@keyframes main_ui_inspect_attributes_blur__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_attributes_blur__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_attributes_blur__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_attributes_blur__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_attributes_blur__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_attributes_blur__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_attributes_blur__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_attributes_blur__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_attributes_blur__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_blur__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_blur__new-scrollbar ::placeholder,
.main_ui_inspect_attributes_blur__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_attributes_blur__button-primary, .main_ui_inspect_attributes_blur__modal-danger-btn, .main_ui_inspect_attributes_blur__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_attributes_blur__button-primary:focus-visible, .main_ui_inspect_attributes_blur__modal-danger-btn:focus-visible, .main_ui_inspect_attributes_blur__modal-accept-btn: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);
}
.main_ui_inspect_attributes_blur__button-primary:focus-visible svg, .main_ui_inspect_attributes_blur__modal-danger-btn:focus-visible svg, .main_ui_inspect_attributes_blur__modal-accept-btn:focus-visible svg,
.main_ui_inspect_attributes_blur__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_attributes_blur__button-primary svg, .main_ui_inspect_attributes_blur__modal-danger-btn svg, .main_ui_inspect_attributes_blur__modal-accept-btn svg,
.main_ui_inspect_attributes_blur__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_attributes_blur__button-primary:hover, .main_ui_inspect_attributes_blur__modal-danger-btn:hover, .main_ui_inspect_attributes_blur__modal-accept-btn: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;
}
.main_ui_inspect_attributes_blur__button-primary:hover svg, .main_ui_inspect_attributes_blur__modal-danger-btn:hover svg, .main_ui_inspect_attributes_blur__modal-accept-btn:hover svg,
.main_ui_inspect_attributes_blur__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_attributes_blur__button-primary:active, .main_ui_inspect_attributes_blur__modal-danger-btn:active, .main_ui_inspect_attributes_blur__modal-accept-btn: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;
}
.main_ui_inspect_attributes_blur__button-primary:active svg, .main_ui_inspect_attributes_blur__modal-danger-btn:active svg, .main_ui_inspect_attributes_blur__modal-accept-btn:active svg,
.main_ui_inspect_attributes_blur__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_attributes_blur__button-primary.disabled, .main_ui_inspect_attributes_blur__modal-danger-btn.disabled, .main_ui_inspect_attributes_blur__modal-accept-btn.disabled, .main_ui_inspect_attributes_blur__button-primary[disabled], [disabled].main_ui_inspect_attributes_blur__modal-danger-btn, [disabled].main_ui_inspect_attributes_blur__modal-accept-btn, .main_ui_inspect_attributes_blur__button-primary:disabled, .main_ui_inspect_attributes_blur__modal-danger-btn:disabled, .main_ui_inspect_attributes_blur__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_blur__button-secondary, .main_ui_inspect_attributes_blur__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_blur__button-secondary:focus-visible, .main_ui_inspect_attributes_blur__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_blur__button-secondary:focus-visible svg, .main_ui_inspect_attributes_blur__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_attributes_blur__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_blur__button-secondary svg, .main_ui_inspect_attributes_blur__modal-cancel-btn svg,
.main_ui_inspect_attributes_blur__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_blur__button-secondary:hover, .main_ui_inspect_attributes_blur__modal-cancel-btn: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;
}
.main_ui_inspect_attributes_blur__button-secondary:hover svg, .main_ui_inspect_attributes_blur__modal-cancel-btn:hover svg,
.main_ui_inspect_attributes_blur__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_attributes_blur__button-secondary:active, .main_ui_inspect_attributes_blur__modal-cancel-btn: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);
}
.main_ui_inspect_attributes_blur__button-secondary:active svg, .main_ui_inspect_attributes_blur__modal-cancel-btn:active svg,
.main_ui_inspect_attributes_blur__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_attributes_blur__button-secondary.disabled, .main_ui_inspect_attributes_blur__modal-cancel-btn.disabled, .main_ui_inspect_attributes_blur__button-secondary[disabled], [disabled].main_ui_inspect_attributes_blur__modal-cancel-btn, .main_ui_inspect_attributes_blur__button-secondary:disabled, .main_ui_inspect_attributes_blur__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_blur__button-tertiary, .main_ui_inspect_attributes_blur__attr-title button, .main_ui_inspect_attributes_blur__title-spacing-blur button, .main_ui_inspect_attributes_blur__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_attributes_blur__button-tertiary:focus-visible, .main_ui_inspect_attributes_blur__attr-title button:focus-visible, .main_ui_inspect_attributes_blur__title-spacing-blur button:focus-visible, .main_ui_inspect_attributes_blur__modal-close-btn-base: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);
}
.main_ui_inspect_attributes_blur__button-tertiary:focus-visible svg, .main_ui_inspect_attributes_blur__attr-title button:focus-visible svg, .main_ui_inspect_attributes_blur__title-spacing-blur button:focus-visible svg, .main_ui_inspect_attributes_blur__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_attributes_blur__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_attributes_blur__button-tertiary svg, .main_ui_inspect_attributes_blur__attr-title button svg, .main_ui_inspect_attributes_blur__title-spacing-blur button svg, .main_ui_inspect_attributes_blur__modal-close-btn-base svg,
.main_ui_inspect_attributes_blur__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_attributes_blur__button-tertiary:hover, .main_ui_inspect_attributes_blur__attr-title button:hover, .main_ui_inspect_attributes_blur__title-spacing-blur button:hover, .main_ui_inspect_attributes_blur__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_attributes_blur__button-tertiary:hover svg, .main_ui_inspect_attributes_blur__attr-title button:hover svg, .main_ui_inspect_attributes_blur__title-spacing-blur button:hover svg, .main_ui_inspect_attributes_blur__modal-close-btn-base:hover svg,
.main_ui_inspect_attributes_blur__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_attributes_blur__button-tertiary:active, .main_ui_inspect_attributes_blur__attr-title button:active, .main_ui_inspect_attributes_blur__title-spacing-blur button:active, .main_ui_inspect_attributes_blur__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_blur__button-tertiary:active svg, .main_ui_inspect_attributes_blur__attr-title button:active svg, .main_ui_inspect_attributes_blur__title-spacing-blur button:active svg, .main_ui_inspect_attributes_blur__modal-close-btn-base:active svg,
.main_ui_inspect_attributes_blur__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_blur__button-tertiary.disabled, .main_ui_inspect_attributes_blur__attr-title button.disabled, .main_ui_inspect_attributes_blur__title-spacing-blur button.disabled, .main_ui_inspect_attributes_blur__modal-close-btn-base.disabled, .main_ui_inspect_attributes_blur__button-tertiary[disabled], .main_ui_inspect_attributes_blur__attr-title button[disabled], .main_ui_inspect_attributes_blur__title-spacing-blur button[disabled], [disabled].main_ui_inspect_attributes_blur__modal-close-btn-base, .main_ui_inspect_attributes_blur__button-tertiary:disabled, .main_ui_inspect_attributes_blur__attr-title button:disabled, .main_ui_inspect_attributes_blur__title-spacing-blur button:disabled, .main_ui_inspect_attributes_blur__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_attributes_blur__button-tertiary.disabled svg, .main_ui_inspect_attributes_blur__attr-title button.disabled svg, .main_ui_inspect_attributes_blur__title-spacing-blur button.disabled svg, .main_ui_inspect_attributes_blur__modal-close-btn-base.disabled svg,
.main_ui_inspect_attributes_blur__button-tertiary.disabled span svg, .main_ui_inspect_attributes_blur__button-tertiary[disabled] svg, .main_ui_inspect_attributes_blur__attr-title button[disabled] svg, .main_ui_inspect_attributes_blur__title-spacing-blur button[disabled] svg, [disabled].main_ui_inspect_attributes_blur__modal-close-btn-base svg,
.main_ui_inspect_attributes_blur__button-tertiary[disabled] span svg, .main_ui_inspect_attributes_blur__button-tertiary:disabled svg, .main_ui_inspect_attributes_blur__attr-title button:disabled svg, .main_ui_inspect_attributes_blur__title-spacing-blur button:disabled svg, .main_ui_inspect_attributes_blur__modal-close-btn-base:disabled svg,
.main_ui_inspect_attributes_blur__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_attributes_blur__button-icon-selected {
  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);
}
.main_ui_inspect_attributes_blur__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_attributes_blur__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_attributes_blur__button-radio: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);
}
.main_ui_inspect_attributes_blur__button-radio:focus-visible svg,
.main_ui_inspect_attributes_blur__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_attributes_blur__button-radio svg,
.main_ui_inspect_attributes_blur__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_attributes_blur__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_attributes_blur__button-radio:hover svg,
.main_ui_inspect_attributes_blur__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_attributes_blur__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_attributes_blur__button-radio:active svg,
.main_ui_inspect_attributes_blur__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_attributes_blur__button-warning {
  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);
}

.main_ui_inspect_attributes_blur__button-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;
}

.main_ui_inspect_attributes_blur__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_attributes_blur__button-tag: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);
}
.main_ui_inspect_attributes_blur__button-tag:focus-visible svg,
.main_ui_inspect_attributes_blur__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_attributes_blur__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_attributes_blur__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_attributes_blur__button-icon, .main_ui_inspect_attributes_blur__empty-icon svg, .main_ui_inspect_attributes_blur__modal-close-btn-base svg, .main_ui_inspect_attributes_blur__button-icon-small, .main_ui_inspect_attributes_blur__dropdown-element-base span svg, .main_ui_inspect_attributes_blur__attr-title button svg, .main_ui_inspect_attributes_blur__title-spacing-blur button svg, .main_ui_inspect_attributes_blur__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_blur__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_blur__checkbox-icon.checked svg, .main_ui_inspect_attributes_blur__input-checkbox label span.checked svg, .main_ui_inspect_attributes_blur__input-element span svg,
.main_ui_inspect_attributes_blur__input-element label svg, .main_ui_inspect_attributes_blur__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_attributes_blur__button-icon-small, .main_ui_inspect_attributes_blur__dropdown-element-base span svg, .main_ui_inspect_attributes_blur__attr-title button svg, .main_ui_inspect_attributes_blur__title-spacing-blur button svg, .main_ui_inspect_attributes_blur__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_blur__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_blur__checkbox-icon.checked svg, .main_ui_inspect_attributes_blur__input-checkbox label span.checked svg, .main_ui_inspect_attributes_blur__input-element span svg,
.main_ui_inspect_attributes_blur__input-element label svg, .main_ui_inspect_attributes_blur__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_attributes_blur__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_attributes_blur__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_attributes_blur__input-base, .main_ui_inspect_attributes_blur__input-with-label input, .main_ui_inspect_attributes_blur__input-element-label input, .main_ui_inspect_attributes_blur__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_blur__input-base[disabled], .main_ui_inspect_attributes_blur__input-with-label input[disabled], .main_ui_inspect_attributes_blur__input-element-label input[disabled], .main_ui_inspect_attributes_blur__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_attributes_blur__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_attributes_blur__input-label, .main_ui_inspect_attributes_blur__input-element span,
.main_ui_inspect_attributes_blur__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_attributes_blur__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_attributes_blur__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_blur__input-element span svg,
.main_ui_inspect_attributes_blur__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_attributes_blur__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_blur__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_blur__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_blur__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_blur__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_blur__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_attributes_blur__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_blur__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_blur__input-element:focus, .main_ui_inspect_attributes_blur__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_blur__input-element:focus span, .main_ui_inspect_attributes_blur__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_blur__input-element:focus input, .main_ui_inspect_attributes_blur__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_blur__input-element:focus:hover, .main_ui_inspect_attributes_blur__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_blur__input-element:focus:hover span, .main_ui_inspect_attributes_blur__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_blur__input-element:focus:hover input, .main_ui_inspect_attributes_blur__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_attributes_blur__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_attributes_blur__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_attributes_blur__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_blur__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_blur__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_blur__input-element-label:focus-within input, .main_ui_inspect_attributes_blur__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_attributes_blur__disabled-input, .main_ui_inspect_attributes_blur__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_blur__disabled-input input, .main_ui_inspect_attributes_blur__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_blur__disabled-input span svg, .main_ui_inspect_attributes_blur__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_attributes_blur__checkbox-icon, .main_ui_inspect_attributes_blur__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_attributes_blur__checkbox-icon svg, .main_ui_inspect_attributes_blur__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_attributes_blur__checkbox-icon:hover, .main_ui_inspect_attributes_blur__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_blur__checkbox-icon:focus, .main_ui_inspect_attributes_blur__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_attributes_blur__checkbox-icon.checked, .main_ui_inspect_attributes_blur__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_attributes_blur__checkbox-icon.checked svg, .main_ui_inspect_attributes_blur__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_attributes_blur__checkbox-icon.intermediate, .main_ui_inspect_attributes_blur__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_attributes_blur__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_blur__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_attributes_blur__checkbox-icon.unchecked, .main_ui_inspect_attributes_blur__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_attributes_blur__checkbox-icon.unchecked svg, .main_ui_inspect_attributes_blur__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_attributes_blur__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_attributes_blur__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_attributes_blur__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_attributes_blur__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_blur__input-checkbox label:focus span, .main_ui_inspect_attributes_blur__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_attributes_blur__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_attributes_blur__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_blur__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_blur__input-with-label input:focus-within, .main_ui_inspect_attributes_blur__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_blur__input-with-label input:focus-within input, .main_ui_inspect_attributes_blur__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_blur__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_attributes_blur__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_attributes_blur__modal-overlay-base {
  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);
}

.main_ui_inspect_attributes_blur__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_attributes_blur__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_attributes_blur__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_attributes_blur__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_attributes_blur__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_blur__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_blur__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_attributes_blur__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_attributes_blur__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_attributes_blur__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_attributes_blur__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_attributes_blur__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_attributes_blur__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_attributes_blur__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_attributes_blur__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_attributes_blur__colorpicker-handler {
  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;
}
.main_ui_inspect_attributes_blur__colorpicker-handler:hover, .main_ui_inspect_attributes_blur__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_attributes_blur__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_attributes_blur__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_attributes_blur__attr-title div, .main_ui_inspect_attributes_blur__title-spacing-blur div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_attributes_blur__attr-title button, .main_ui_inspect_attributes_blur__title-spacing-blur button {
  display: none;
}
.main_ui_inspect_attributes_blur__attr-title button svg, .main_ui_inspect_attributes_blur__title-spacing-blur button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_blur__attr-title:hover button, .main_ui_inspect_attributes_blur__title-spacing-blur:hover button {
  display: flex;
}

.main_ui_inspect_attributes_blur__attr-row, .main_ui_inspect_attributes_blur__blur-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_attributes_blur__attr-row .attr-label, .main_ui_inspect_attributes_blur__blur-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_attributes_blur__attr-row .attr-value, .main_ui_inspect_attributes_blur__blur-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_attributes_blur__copy-button-children, .main_ui_inspect_attributes_blur__button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_attributes_blur__copy-button-children:hover div, .main_ui_inspect_attributes_blur__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_attributes_blur__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_attributes_blur__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_attributes_blur__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_attributes_blur__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_attributes_blur__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_attributes_blur__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_blur__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_attributes_blur__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_attributes_blur__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_attributes_blur__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_attributes_blur__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_inspect_attributes_blur__copy-btn-title {
  max-width: 1.75rem;
}
@keyframes main_ui_inspect_attributes_common__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_attributes_common__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_attributes_common__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_attributes_common__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_attributes_common__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_attributes_common__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_attributes_common__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_attributes_common__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_attributes_common__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_common__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_common__new-scrollbar ::placeholder,
.main_ui_inspect_attributes_common__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_attributes_common__button-primary, .main_ui_inspect_attributes_common__modal-danger-btn, .main_ui_inspect_attributes_common__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_attributes_common__button-primary:focus-visible, .main_ui_inspect_attributes_common__modal-danger-btn:focus-visible, .main_ui_inspect_attributes_common__modal-accept-btn: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);
}
.main_ui_inspect_attributes_common__button-primary:focus-visible svg, .main_ui_inspect_attributes_common__modal-danger-btn:focus-visible svg, .main_ui_inspect_attributes_common__modal-accept-btn:focus-visible svg,
.main_ui_inspect_attributes_common__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_attributes_common__button-primary svg, .main_ui_inspect_attributes_common__modal-danger-btn svg, .main_ui_inspect_attributes_common__modal-accept-btn svg,
.main_ui_inspect_attributes_common__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_attributes_common__button-primary:hover, .main_ui_inspect_attributes_common__modal-danger-btn:hover, .main_ui_inspect_attributes_common__modal-accept-btn: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;
}
.main_ui_inspect_attributes_common__button-primary:hover svg, .main_ui_inspect_attributes_common__modal-danger-btn:hover svg, .main_ui_inspect_attributes_common__modal-accept-btn:hover svg,
.main_ui_inspect_attributes_common__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_attributes_common__button-primary:active, .main_ui_inspect_attributes_common__modal-danger-btn:active, .main_ui_inspect_attributes_common__modal-accept-btn: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;
}
.main_ui_inspect_attributes_common__button-primary:active svg, .main_ui_inspect_attributes_common__modal-danger-btn:active svg, .main_ui_inspect_attributes_common__modal-accept-btn:active svg,
.main_ui_inspect_attributes_common__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_attributes_common__button-primary.disabled, .main_ui_inspect_attributes_common__modal-danger-btn.disabled, .main_ui_inspect_attributes_common__modal-accept-btn.disabled, .main_ui_inspect_attributes_common__button-primary[disabled], [disabled].main_ui_inspect_attributes_common__modal-danger-btn, [disabled].main_ui_inspect_attributes_common__modal-accept-btn, .main_ui_inspect_attributes_common__button-primary:disabled, .main_ui_inspect_attributes_common__modal-danger-btn:disabled, .main_ui_inspect_attributes_common__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_common__button-secondary, .main_ui_inspect_attributes_common__download-button, .main_ui_inspect_attributes_common__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_common__button-secondary:focus-visible, .main_ui_inspect_attributes_common__download-button:focus-visible, .main_ui_inspect_attributes_common__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_common__button-secondary:focus-visible svg, .main_ui_inspect_attributes_common__download-button:focus-visible svg, .main_ui_inspect_attributes_common__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_attributes_common__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_common__button-secondary svg, .main_ui_inspect_attributes_common__download-button svg, .main_ui_inspect_attributes_common__modal-cancel-btn svg,
.main_ui_inspect_attributes_common__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_common__button-secondary:hover, .main_ui_inspect_attributes_common__download-button:hover, .main_ui_inspect_attributes_common__modal-cancel-btn: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;
}
.main_ui_inspect_attributes_common__button-secondary:hover svg, .main_ui_inspect_attributes_common__download-button:hover svg, .main_ui_inspect_attributes_common__modal-cancel-btn:hover svg,
.main_ui_inspect_attributes_common__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_attributes_common__button-secondary:active, .main_ui_inspect_attributes_common__download-button:active, .main_ui_inspect_attributes_common__modal-cancel-btn: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);
}
.main_ui_inspect_attributes_common__button-secondary:active svg, .main_ui_inspect_attributes_common__download-button:active svg, .main_ui_inspect_attributes_common__modal-cancel-btn:active svg,
.main_ui_inspect_attributes_common__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_attributes_common__button-secondary.disabled, .main_ui_inspect_attributes_common__download-button.disabled, .main_ui_inspect_attributes_common__modal-cancel-btn.disabled, .main_ui_inspect_attributes_common__button-secondary[disabled], [disabled].main_ui_inspect_attributes_common__download-button, [disabled].main_ui_inspect_attributes_common__modal-cancel-btn, .main_ui_inspect_attributes_common__button-secondary:disabled, .main_ui_inspect_attributes_common__download-button:disabled, .main_ui_inspect_attributes_common__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_common__button-tertiary, .main_ui_inspect_attributes_common__attr-title button, .main_ui_inspect_attributes_common__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_attributes_common__button-tertiary:focus-visible, .main_ui_inspect_attributes_common__attr-title button:focus-visible, .main_ui_inspect_attributes_common__modal-close-btn-base: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);
}
.main_ui_inspect_attributes_common__button-tertiary:focus-visible svg, .main_ui_inspect_attributes_common__attr-title button:focus-visible svg, .main_ui_inspect_attributes_common__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_attributes_common__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_attributes_common__button-tertiary svg, .main_ui_inspect_attributes_common__attr-title button svg, .main_ui_inspect_attributes_common__modal-close-btn-base svg,
.main_ui_inspect_attributes_common__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_attributes_common__button-tertiary:hover, .main_ui_inspect_attributes_common__attr-title button:hover, .main_ui_inspect_attributes_common__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_attributes_common__button-tertiary:hover svg, .main_ui_inspect_attributes_common__attr-title button:hover svg, .main_ui_inspect_attributes_common__modal-close-btn-base:hover svg,
.main_ui_inspect_attributes_common__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_attributes_common__button-tertiary:active, .main_ui_inspect_attributes_common__attr-title button:active, .main_ui_inspect_attributes_common__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_common__button-tertiary:active svg, .main_ui_inspect_attributes_common__attr-title button:active svg, .main_ui_inspect_attributes_common__modal-close-btn-base:active svg,
.main_ui_inspect_attributes_common__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_common__button-tertiary.disabled, .main_ui_inspect_attributes_common__attr-title button.disabled, .main_ui_inspect_attributes_common__modal-close-btn-base.disabled, .main_ui_inspect_attributes_common__button-tertiary[disabled], .main_ui_inspect_attributes_common__attr-title button[disabled], [disabled].main_ui_inspect_attributes_common__modal-close-btn-base, .main_ui_inspect_attributes_common__button-tertiary:disabled, .main_ui_inspect_attributes_common__attr-title button:disabled, .main_ui_inspect_attributes_common__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_attributes_common__button-tertiary.disabled svg, .main_ui_inspect_attributes_common__attr-title button.disabled svg, .main_ui_inspect_attributes_common__modal-close-btn-base.disabled svg,
.main_ui_inspect_attributes_common__button-tertiary.disabled span svg, .main_ui_inspect_attributes_common__button-tertiary[disabled] svg, .main_ui_inspect_attributes_common__attr-title button[disabled] svg, [disabled].main_ui_inspect_attributes_common__modal-close-btn-base svg,
.main_ui_inspect_attributes_common__button-tertiary[disabled] span svg, .main_ui_inspect_attributes_common__button-tertiary:disabled svg, .main_ui_inspect_attributes_common__attr-title button:disabled svg, .main_ui_inspect_attributes_common__modal-close-btn-base:disabled svg,
.main_ui_inspect_attributes_common__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_attributes_common__button-icon-selected {
  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);
}
.main_ui_inspect_attributes_common__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_attributes_common__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_attributes_common__button-radio: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);
}
.main_ui_inspect_attributes_common__button-radio:focus-visible svg,
.main_ui_inspect_attributes_common__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_attributes_common__button-radio svg,
.main_ui_inspect_attributes_common__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_attributes_common__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_attributes_common__button-radio:hover svg,
.main_ui_inspect_attributes_common__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_attributes_common__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_attributes_common__button-radio:active svg,
.main_ui_inspect_attributes_common__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_attributes_common__button-warning {
  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);
}

.main_ui_inspect_attributes_common__button-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;
}

.main_ui_inspect_attributes_common__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_attributes_common__button-tag: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);
}
.main_ui_inspect_attributes_common__button-tag:focus-visible svg,
.main_ui_inspect_attributes_common__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_attributes_common__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_attributes_common__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_attributes_common__button-icon, .main_ui_inspect_attributes_common__empty-icon svg, .main_ui_inspect_attributes_common__modal-close-btn-base svg, .main_ui_inspect_attributes_common__button-icon-small, .main_ui_inspect_attributes_common__dropdown-element-base span svg, .main_ui_inspect_attributes_common__attr-title button svg, .main_ui_inspect_attributes_common__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_common__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_common__checkbox-icon.checked svg, .main_ui_inspect_attributes_common__input-checkbox label span.checked svg, .main_ui_inspect_attributes_common__input-element span svg,
.main_ui_inspect_attributes_common__input-element label svg, .main_ui_inspect_attributes_common__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_attributes_common__button-icon-small, .main_ui_inspect_attributes_common__dropdown-element-base span svg, .main_ui_inspect_attributes_common__attr-title button svg, .main_ui_inspect_attributes_common__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_common__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_common__checkbox-icon.checked svg, .main_ui_inspect_attributes_common__input-checkbox label span.checked svg, .main_ui_inspect_attributes_common__input-element span svg,
.main_ui_inspect_attributes_common__input-element label svg, .main_ui_inspect_attributes_common__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_attributes_common__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_attributes_common__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_attributes_common__input-base, .main_ui_inspect_attributes_common__input-with-label input, .main_ui_inspect_attributes_common__input-element-label input, .main_ui_inspect_attributes_common__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_common__input-base[disabled], .main_ui_inspect_attributes_common__input-with-label input[disabled], .main_ui_inspect_attributes_common__input-element-label input[disabled], .main_ui_inspect_attributes_common__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_attributes_common__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_attributes_common__input-label, .main_ui_inspect_attributes_common__input-element span,
.main_ui_inspect_attributes_common__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_attributes_common__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_attributes_common__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_common__input-element span svg,
.main_ui_inspect_attributes_common__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_attributes_common__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_common__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_common__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_common__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_common__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_common__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_attributes_common__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_common__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_common__input-element:focus, .main_ui_inspect_attributes_common__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_common__input-element:focus span, .main_ui_inspect_attributes_common__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_common__input-element:focus input, .main_ui_inspect_attributes_common__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_common__input-element:focus:hover, .main_ui_inspect_attributes_common__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_common__input-element:focus:hover span, .main_ui_inspect_attributes_common__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_common__input-element:focus:hover input, .main_ui_inspect_attributes_common__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_attributes_common__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_attributes_common__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_attributes_common__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_common__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_common__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_common__input-element-label:focus-within input, .main_ui_inspect_attributes_common__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_attributes_common__disabled-input, .main_ui_inspect_attributes_common__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_common__disabled-input input, .main_ui_inspect_attributes_common__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_common__disabled-input span svg, .main_ui_inspect_attributes_common__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_attributes_common__checkbox-icon, .main_ui_inspect_attributes_common__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_attributes_common__checkbox-icon svg, .main_ui_inspect_attributes_common__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_attributes_common__checkbox-icon:hover, .main_ui_inspect_attributes_common__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_common__checkbox-icon:focus, .main_ui_inspect_attributes_common__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_attributes_common__checkbox-icon.checked, .main_ui_inspect_attributes_common__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_attributes_common__checkbox-icon.checked svg, .main_ui_inspect_attributes_common__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_attributes_common__checkbox-icon.intermediate, .main_ui_inspect_attributes_common__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_attributes_common__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_common__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_attributes_common__checkbox-icon.unchecked, .main_ui_inspect_attributes_common__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_attributes_common__checkbox-icon.unchecked svg, .main_ui_inspect_attributes_common__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_attributes_common__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_attributes_common__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_attributes_common__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_attributes_common__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_common__input-checkbox label:focus span, .main_ui_inspect_attributes_common__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_attributes_common__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_attributes_common__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_common__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_common__input-with-label input:focus-within, .main_ui_inspect_attributes_common__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_common__input-with-label input:focus-within input, .main_ui_inspect_attributes_common__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_common__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_attributes_common__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_attributes_common__modal-overlay-base {
  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);
}

.main_ui_inspect_attributes_common__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_attributes_common__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_attributes_common__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_attributes_common__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_attributes_common__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_common__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_common__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_attributes_common__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_attributes_common__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_attributes_common__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_attributes_common__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_attributes_common__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_attributes_common__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_attributes_common__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_attributes_common__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_attributes_common__colorpicker-handler {
  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;
}
.main_ui_inspect_attributes_common__colorpicker-handler:hover, .main_ui_inspect_attributes_common__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_attributes_common__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_attributes_common__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_attributes_common__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_attributes_common__attr-title button {
  display: none;
}
.main_ui_inspect_attributes_common__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_common__attr-title:hover button {
  display: flex;
}

.main_ui_inspect_attributes_common__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_attributes_common__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_attributes_common__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_attributes_common__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_attributes_common__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_attributes_common__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_attributes_common__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_attributes_common__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_attributes_common__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_attributes_common__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_attributes_common__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_common__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_attributes_common__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_attributes_common__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_attributes_common__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_attributes_common__attributes-image-as-color-row {
  max-width: 15rem;
}

.main_ui_inspect_attributes_common__attributes-color-row {
  display: grid;
  grid-template-columns: 1rem 4.5rem 9rem;
  gap: 0.25rem;
}

.main_ui_inspect_attributes_common__bullet-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
}

.main_ui_inspect_attributes_common__format-wrapper {
  width: 4.5rem;
  height: 2rem;
}

.main_ui_inspect_attributes_common__image-format {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2rem;
  padding: 0.5rem 0;
  color: var(--menu-foreground-color-rest);
}

.main_ui_inspect_attributes_common__select-format-wrapper {
  width: 100%;
  padding: 0.5rem 0.125rem;
  background-color: transparent;
  border-color: transparent;
  color: var(--menu-foreground-color-rest);
}

.main_ui_inspect_attributes_common__format-info {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 0.125rem;
  font-size: 0.75rem;
  color: var(--menu-foreground-color-rest);
}

.main_ui_inspect_attributes_common__color-row-copy-btn {
  max-width: 9rem;
}

.main_ui_inspect_attributes_common__color-info {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  flex-grow: 1;
  max-width: 9rem;
}
.main_ui_inspect_attributes_common__color-info button {
  visibility: hidden;
  min-width: 1.75rem;
}
.main_ui_inspect_attributes_common__color-info:hover button {
  visibility: visible;
}

.main_ui_inspect_attributes_common__one-line {
  max-height: 2rem;
}

.main_ui_inspect_attributes_common__two-line {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0.25rem;
}

.main_ui_inspect_attributes_common__color-name-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem 0.25rem 0.5rem 0.5rem;
  height: 2rem;
  max-width: 5rem;
}

.main_ui_inspect_attributes_common__opacity-info {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--menu-foreground-color);
  padding: 0.5rem 0;
}

.main_ui_inspect_attributes_common__first-row {
  display: grid;
  grid-template-columns: 1fr 1.75rem;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  padding: 0;
  margin: 0;
}

.main_ui_inspect_attributes_common__name-opacity {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  line-height: 1rem;
  display: grid;
  grid-template-columns: 1fr auto;
}

.main_ui_inspect_attributes_common__color-value-wrapper {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
  text-transform: uppercase;
}
.main_ui_inspect_attributes_common__color-value-wrapper.main_ui_inspect_attributes_common__gradient-name {
  text-transform: none;
}

.main_ui_inspect_attributes_common__opacity-info {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
  text-transform: uppercase;
  width: 100%;
}

.main_ui_inspect_attributes_common__second-row {
  min-height: 1rem;
  padding-right: 0.5rem;
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 0;
}

.main_ui_inspect_attributes_common__color-name-library {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
  color: var(--menu-foreground-color-rest);
  word-break: break-word;
}

.main_ui_inspect_attributes_common__image-download {
  grid-column: 1/4;
}

.main_ui_inspect_attributes_common__download-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2rem;
  width: 100%;
  margin-top: 0.25rem;
}

.main_ui_inspect_attributes_common__image-wrapper {
  background-color: var(--menu-background-color);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15rem;
  height: 10rem;
  max-height: 10rem;
  max-width: 15.5rem;
  margin: 0.5rem 0;
  border-radius: 0.5rem;
}
.main_ui_inspect_attributes_common__image-wrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@keyframes main_ui_inspect_attributes_fill__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_attributes_fill__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_attributes_fill__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_attributes_fill__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_attributes_fill__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_attributes_fill__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_attributes_fill__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_attributes_fill__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_attributes_fill__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_fill__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_fill__new-scrollbar ::placeholder,
.main_ui_inspect_attributes_fill__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_attributes_fill__button-primary, .main_ui_inspect_attributes_fill__modal-danger-btn, .main_ui_inspect_attributes_fill__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_attributes_fill__button-primary:focus-visible, .main_ui_inspect_attributes_fill__modal-danger-btn:focus-visible, .main_ui_inspect_attributes_fill__modal-accept-btn: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);
}
.main_ui_inspect_attributes_fill__button-primary:focus-visible svg, .main_ui_inspect_attributes_fill__modal-danger-btn:focus-visible svg, .main_ui_inspect_attributes_fill__modal-accept-btn:focus-visible svg,
.main_ui_inspect_attributes_fill__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_attributes_fill__button-primary svg, .main_ui_inspect_attributes_fill__modal-danger-btn svg, .main_ui_inspect_attributes_fill__modal-accept-btn svg,
.main_ui_inspect_attributes_fill__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_attributes_fill__button-primary:hover, .main_ui_inspect_attributes_fill__modal-danger-btn:hover, .main_ui_inspect_attributes_fill__modal-accept-btn: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;
}
.main_ui_inspect_attributes_fill__button-primary:hover svg, .main_ui_inspect_attributes_fill__modal-danger-btn:hover svg, .main_ui_inspect_attributes_fill__modal-accept-btn:hover svg,
.main_ui_inspect_attributes_fill__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_attributes_fill__button-primary:active, .main_ui_inspect_attributes_fill__modal-danger-btn:active, .main_ui_inspect_attributes_fill__modal-accept-btn: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;
}
.main_ui_inspect_attributes_fill__button-primary:active svg, .main_ui_inspect_attributes_fill__modal-danger-btn:active svg, .main_ui_inspect_attributes_fill__modal-accept-btn:active svg,
.main_ui_inspect_attributes_fill__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_attributes_fill__button-primary.disabled, .main_ui_inspect_attributes_fill__modal-danger-btn.disabled, .main_ui_inspect_attributes_fill__modal-accept-btn.disabled, .main_ui_inspect_attributes_fill__button-primary[disabled], [disabled].main_ui_inspect_attributes_fill__modal-danger-btn, [disabled].main_ui_inspect_attributes_fill__modal-accept-btn, .main_ui_inspect_attributes_fill__button-primary:disabled, .main_ui_inspect_attributes_fill__modal-danger-btn:disabled, .main_ui_inspect_attributes_fill__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_fill__button-secondary, .main_ui_inspect_attributes_fill__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_fill__button-secondary:focus-visible, .main_ui_inspect_attributes_fill__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_fill__button-secondary:focus-visible svg, .main_ui_inspect_attributes_fill__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_attributes_fill__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_fill__button-secondary svg, .main_ui_inspect_attributes_fill__modal-cancel-btn svg,
.main_ui_inspect_attributes_fill__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_fill__button-secondary:hover, .main_ui_inspect_attributes_fill__modal-cancel-btn: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;
}
.main_ui_inspect_attributes_fill__button-secondary:hover svg, .main_ui_inspect_attributes_fill__modal-cancel-btn:hover svg,
.main_ui_inspect_attributes_fill__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_attributes_fill__button-secondary:active, .main_ui_inspect_attributes_fill__modal-cancel-btn: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);
}
.main_ui_inspect_attributes_fill__button-secondary:active svg, .main_ui_inspect_attributes_fill__modal-cancel-btn:active svg,
.main_ui_inspect_attributes_fill__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_attributes_fill__button-secondary.disabled, .main_ui_inspect_attributes_fill__modal-cancel-btn.disabled, .main_ui_inspect_attributes_fill__button-secondary[disabled], [disabled].main_ui_inspect_attributes_fill__modal-cancel-btn, .main_ui_inspect_attributes_fill__button-secondary:disabled, .main_ui_inspect_attributes_fill__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_fill__button-tertiary, .main_ui_inspect_attributes_fill__attr-title button, .main_ui_inspect_attributes_fill__title-spacing-fill button, .main_ui_inspect_attributes_fill__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_attributes_fill__button-tertiary:focus-visible, .main_ui_inspect_attributes_fill__attr-title button:focus-visible, .main_ui_inspect_attributes_fill__title-spacing-fill button:focus-visible, .main_ui_inspect_attributes_fill__modal-close-btn-base: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);
}
.main_ui_inspect_attributes_fill__button-tertiary:focus-visible svg, .main_ui_inspect_attributes_fill__attr-title button:focus-visible svg, .main_ui_inspect_attributes_fill__title-spacing-fill button:focus-visible svg, .main_ui_inspect_attributes_fill__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_attributes_fill__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_attributes_fill__button-tertiary svg, .main_ui_inspect_attributes_fill__attr-title button svg, .main_ui_inspect_attributes_fill__title-spacing-fill button svg, .main_ui_inspect_attributes_fill__modal-close-btn-base svg,
.main_ui_inspect_attributes_fill__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_attributes_fill__button-tertiary:hover, .main_ui_inspect_attributes_fill__attr-title button:hover, .main_ui_inspect_attributes_fill__title-spacing-fill button:hover, .main_ui_inspect_attributes_fill__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_attributes_fill__button-tertiary:hover svg, .main_ui_inspect_attributes_fill__attr-title button:hover svg, .main_ui_inspect_attributes_fill__title-spacing-fill button:hover svg, .main_ui_inspect_attributes_fill__modal-close-btn-base:hover svg,
.main_ui_inspect_attributes_fill__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_attributes_fill__button-tertiary:active, .main_ui_inspect_attributes_fill__attr-title button:active, .main_ui_inspect_attributes_fill__title-spacing-fill button:active, .main_ui_inspect_attributes_fill__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_fill__button-tertiary:active svg, .main_ui_inspect_attributes_fill__attr-title button:active svg, .main_ui_inspect_attributes_fill__title-spacing-fill button:active svg, .main_ui_inspect_attributes_fill__modal-close-btn-base:active svg,
.main_ui_inspect_attributes_fill__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_fill__button-tertiary.disabled, .main_ui_inspect_attributes_fill__attr-title button.disabled, .main_ui_inspect_attributes_fill__title-spacing-fill button.disabled, .main_ui_inspect_attributes_fill__modal-close-btn-base.disabled, .main_ui_inspect_attributes_fill__button-tertiary[disabled], .main_ui_inspect_attributes_fill__attr-title button[disabled], .main_ui_inspect_attributes_fill__title-spacing-fill button[disabled], [disabled].main_ui_inspect_attributes_fill__modal-close-btn-base, .main_ui_inspect_attributes_fill__button-tertiary:disabled, .main_ui_inspect_attributes_fill__attr-title button:disabled, .main_ui_inspect_attributes_fill__title-spacing-fill button:disabled, .main_ui_inspect_attributes_fill__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_attributes_fill__button-tertiary.disabled svg, .main_ui_inspect_attributes_fill__attr-title button.disabled svg, .main_ui_inspect_attributes_fill__title-spacing-fill button.disabled svg, .main_ui_inspect_attributes_fill__modal-close-btn-base.disabled svg,
.main_ui_inspect_attributes_fill__button-tertiary.disabled span svg, .main_ui_inspect_attributes_fill__button-tertiary[disabled] svg, .main_ui_inspect_attributes_fill__attr-title button[disabled] svg, .main_ui_inspect_attributes_fill__title-spacing-fill button[disabled] svg, [disabled].main_ui_inspect_attributes_fill__modal-close-btn-base svg,
.main_ui_inspect_attributes_fill__button-tertiary[disabled] span svg, .main_ui_inspect_attributes_fill__button-tertiary:disabled svg, .main_ui_inspect_attributes_fill__attr-title button:disabled svg, .main_ui_inspect_attributes_fill__title-spacing-fill button:disabled svg, .main_ui_inspect_attributes_fill__modal-close-btn-base:disabled svg,
.main_ui_inspect_attributes_fill__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_attributes_fill__button-icon-selected {
  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);
}
.main_ui_inspect_attributes_fill__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_attributes_fill__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_attributes_fill__button-radio: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);
}
.main_ui_inspect_attributes_fill__button-radio:focus-visible svg,
.main_ui_inspect_attributes_fill__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_attributes_fill__button-radio svg,
.main_ui_inspect_attributes_fill__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_attributes_fill__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_attributes_fill__button-radio:hover svg,
.main_ui_inspect_attributes_fill__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_attributes_fill__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_attributes_fill__button-radio:active svg,
.main_ui_inspect_attributes_fill__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_attributes_fill__button-warning {
  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);
}

.main_ui_inspect_attributes_fill__button-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;
}

.main_ui_inspect_attributes_fill__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_attributes_fill__button-tag: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);
}
.main_ui_inspect_attributes_fill__button-tag:focus-visible svg,
.main_ui_inspect_attributes_fill__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_attributes_fill__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_attributes_fill__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_attributes_fill__button-icon, .main_ui_inspect_attributes_fill__empty-icon svg, .main_ui_inspect_attributes_fill__modal-close-btn-base svg, .main_ui_inspect_attributes_fill__button-icon-small, .main_ui_inspect_attributes_fill__dropdown-element-base span svg, .main_ui_inspect_attributes_fill__attr-title button svg, .main_ui_inspect_attributes_fill__title-spacing-fill button svg, .main_ui_inspect_attributes_fill__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_fill__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_fill__checkbox-icon.checked svg, .main_ui_inspect_attributes_fill__input-checkbox label span.checked svg, .main_ui_inspect_attributes_fill__input-element span svg,
.main_ui_inspect_attributes_fill__input-element label svg, .main_ui_inspect_attributes_fill__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_attributes_fill__button-icon-small, .main_ui_inspect_attributes_fill__dropdown-element-base span svg, .main_ui_inspect_attributes_fill__attr-title button svg, .main_ui_inspect_attributes_fill__title-spacing-fill button svg, .main_ui_inspect_attributes_fill__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_fill__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_fill__checkbox-icon.checked svg, .main_ui_inspect_attributes_fill__input-checkbox label span.checked svg, .main_ui_inspect_attributes_fill__input-element span svg,
.main_ui_inspect_attributes_fill__input-element label svg, .main_ui_inspect_attributes_fill__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_attributes_fill__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_attributes_fill__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_attributes_fill__input-base, .main_ui_inspect_attributes_fill__input-with-label input, .main_ui_inspect_attributes_fill__input-element-label input, .main_ui_inspect_attributes_fill__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_fill__input-base[disabled], .main_ui_inspect_attributes_fill__input-with-label input[disabled], .main_ui_inspect_attributes_fill__input-element-label input[disabled], .main_ui_inspect_attributes_fill__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_attributes_fill__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_attributes_fill__input-label, .main_ui_inspect_attributes_fill__input-element span,
.main_ui_inspect_attributes_fill__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_attributes_fill__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_attributes_fill__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_fill__input-element span svg,
.main_ui_inspect_attributes_fill__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_attributes_fill__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_fill__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_fill__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_fill__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_fill__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_fill__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_attributes_fill__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_fill__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_fill__input-element:focus, .main_ui_inspect_attributes_fill__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_fill__input-element:focus span, .main_ui_inspect_attributes_fill__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_fill__input-element:focus input, .main_ui_inspect_attributes_fill__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_fill__input-element:focus:hover, .main_ui_inspect_attributes_fill__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_fill__input-element:focus:hover span, .main_ui_inspect_attributes_fill__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_fill__input-element:focus:hover input, .main_ui_inspect_attributes_fill__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_attributes_fill__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_attributes_fill__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_attributes_fill__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_fill__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_fill__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_fill__input-element-label:focus-within input, .main_ui_inspect_attributes_fill__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_attributes_fill__disabled-input, .main_ui_inspect_attributes_fill__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_fill__disabled-input input, .main_ui_inspect_attributes_fill__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_fill__disabled-input span svg, .main_ui_inspect_attributes_fill__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_attributes_fill__checkbox-icon, .main_ui_inspect_attributes_fill__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_attributes_fill__checkbox-icon svg, .main_ui_inspect_attributes_fill__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_attributes_fill__checkbox-icon:hover, .main_ui_inspect_attributes_fill__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_fill__checkbox-icon:focus, .main_ui_inspect_attributes_fill__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_attributes_fill__checkbox-icon.checked, .main_ui_inspect_attributes_fill__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_attributes_fill__checkbox-icon.checked svg, .main_ui_inspect_attributes_fill__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_attributes_fill__checkbox-icon.intermediate, .main_ui_inspect_attributes_fill__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_attributes_fill__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_fill__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_attributes_fill__checkbox-icon.unchecked, .main_ui_inspect_attributes_fill__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_attributes_fill__checkbox-icon.unchecked svg, .main_ui_inspect_attributes_fill__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_attributes_fill__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_attributes_fill__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_attributes_fill__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_attributes_fill__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_fill__input-checkbox label:focus span, .main_ui_inspect_attributes_fill__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_attributes_fill__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_attributes_fill__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_fill__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_fill__input-with-label input:focus-within, .main_ui_inspect_attributes_fill__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_fill__input-with-label input:focus-within input, .main_ui_inspect_attributes_fill__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_fill__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_attributes_fill__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_attributes_fill__modal-overlay-base {
  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);
}

.main_ui_inspect_attributes_fill__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_attributes_fill__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_attributes_fill__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_attributes_fill__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_attributes_fill__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_fill__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_fill__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_attributes_fill__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_attributes_fill__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_attributes_fill__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_attributes_fill__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_attributes_fill__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_attributes_fill__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_attributes_fill__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_attributes_fill__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_attributes_fill__colorpicker-handler {
  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;
}
.main_ui_inspect_attributes_fill__colorpicker-handler:hover, .main_ui_inspect_attributes_fill__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_attributes_fill__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_attributes_fill__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_attributes_fill__attr-title div, .main_ui_inspect_attributes_fill__title-spacing-fill div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_attributes_fill__attr-title button, .main_ui_inspect_attributes_fill__title-spacing-fill button {
  display: none;
}
.main_ui_inspect_attributes_fill__attr-title button svg, .main_ui_inspect_attributes_fill__title-spacing-fill button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_fill__attr-title:hover button, .main_ui_inspect_attributes_fill__title-spacing-fill:hover button {
  display: flex;
}

.main_ui_inspect_attributes_fill__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_attributes_fill__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_attributes_fill__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_attributes_fill__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_attributes_fill__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_attributes_fill__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_attributes_fill__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_attributes_fill__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_attributes_fill__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_attributes_fill__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_attributes_fill__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_fill__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_attributes_fill__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_attributes_fill__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_attributes_fill__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_attributes_fill__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_inspect_attributes_fill__attributes-content {
  display: grid;
  gap: 0.25rem;
}
@keyframes main_ui_inspect_attributes_geometry__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_attributes_geometry__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_attributes_geometry__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_attributes_geometry__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_attributes_geometry__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_attributes_geometry__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_attributes_geometry__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_attributes_geometry__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_attributes_geometry__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_geometry__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_geometry__new-scrollbar ::placeholder,
.main_ui_inspect_attributes_geometry__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_attributes_geometry__button-primary, .main_ui_inspect_attributes_geometry__modal-danger-btn, .main_ui_inspect_attributes_geometry__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_attributes_geometry__button-primary:focus-visible, .main_ui_inspect_attributes_geometry__modal-danger-btn:focus-visible, .main_ui_inspect_attributes_geometry__modal-accept-btn: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);
}
.main_ui_inspect_attributes_geometry__button-primary:focus-visible svg, .main_ui_inspect_attributes_geometry__modal-danger-btn:focus-visible svg, .main_ui_inspect_attributes_geometry__modal-accept-btn:focus-visible svg,
.main_ui_inspect_attributes_geometry__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_attributes_geometry__button-primary svg, .main_ui_inspect_attributes_geometry__modal-danger-btn svg, .main_ui_inspect_attributes_geometry__modal-accept-btn svg,
.main_ui_inspect_attributes_geometry__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_attributes_geometry__button-primary:hover, .main_ui_inspect_attributes_geometry__modal-danger-btn:hover, .main_ui_inspect_attributes_geometry__modal-accept-btn: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;
}
.main_ui_inspect_attributes_geometry__button-primary:hover svg, .main_ui_inspect_attributes_geometry__modal-danger-btn:hover svg, .main_ui_inspect_attributes_geometry__modal-accept-btn:hover svg,
.main_ui_inspect_attributes_geometry__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_attributes_geometry__button-primary:active, .main_ui_inspect_attributes_geometry__modal-danger-btn:active, .main_ui_inspect_attributes_geometry__modal-accept-btn: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;
}
.main_ui_inspect_attributes_geometry__button-primary:active svg, .main_ui_inspect_attributes_geometry__modal-danger-btn:active svg, .main_ui_inspect_attributes_geometry__modal-accept-btn:active svg,
.main_ui_inspect_attributes_geometry__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_attributes_geometry__button-primary.disabled, .main_ui_inspect_attributes_geometry__modal-danger-btn.disabled, .main_ui_inspect_attributes_geometry__modal-accept-btn.disabled, .main_ui_inspect_attributes_geometry__button-primary[disabled], [disabled].main_ui_inspect_attributes_geometry__modal-danger-btn, [disabled].main_ui_inspect_attributes_geometry__modal-accept-btn, .main_ui_inspect_attributes_geometry__button-primary:disabled, .main_ui_inspect_attributes_geometry__modal-danger-btn:disabled, .main_ui_inspect_attributes_geometry__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_geometry__button-secondary, .main_ui_inspect_attributes_geometry__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_geometry__button-secondary:focus-visible, .main_ui_inspect_attributes_geometry__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_geometry__button-secondary:focus-visible svg, .main_ui_inspect_attributes_geometry__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_attributes_geometry__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_geometry__button-secondary svg, .main_ui_inspect_attributes_geometry__modal-cancel-btn svg,
.main_ui_inspect_attributes_geometry__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_geometry__button-secondary:hover, .main_ui_inspect_attributes_geometry__modal-cancel-btn: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;
}
.main_ui_inspect_attributes_geometry__button-secondary:hover svg, .main_ui_inspect_attributes_geometry__modal-cancel-btn:hover svg,
.main_ui_inspect_attributes_geometry__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_attributes_geometry__button-secondary:active, .main_ui_inspect_attributes_geometry__modal-cancel-btn: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);
}
.main_ui_inspect_attributes_geometry__button-secondary:active svg, .main_ui_inspect_attributes_geometry__modal-cancel-btn:active svg,
.main_ui_inspect_attributes_geometry__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_attributes_geometry__button-secondary.disabled, .main_ui_inspect_attributes_geometry__modal-cancel-btn.disabled, .main_ui_inspect_attributes_geometry__button-secondary[disabled], [disabled].main_ui_inspect_attributes_geometry__modal-cancel-btn, .main_ui_inspect_attributes_geometry__button-secondary:disabled, .main_ui_inspect_attributes_geometry__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_geometry__button-tertiary, .main_ui_inspect_attributes_geometry__attr-title button, .main_ui_inspect_attributes_geometry__title-spacing-geometry button, .main_ui_inspect_attributes_geometry__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_attributes_geometry__button-tertiary:focus-visible, .main_ui_inspect_attributes_geometry__attr-title button:focus-visible, .main_ui_inspect_attributes_geometry__title-spacing-geometry button:focus-visible, .main_ui_inspect_attributes_geometry__modal-close-btn-base: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);
}
.main_ui_inspect_attributes_geometry__button-tertiary:focus-visible svg, .main_ui_inspect_attributes_geometry__attr-title button:focus-visible svg, .main_ui_inspect_attributes_geometry__title-spacing-geometry button:focus-visible svg, .main_ui_inspect_attributes_geometry__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_attributes_geometry__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_attributes_geometry__button-tertiary svg, .main_ui_inspect_attributes_geometry__attr-title button svg, .main_ui_inspect_attributes_geometry__title-spacing-geometry button svg, .main_ui_inspect_attributes_geometry__modal-close-btn-base svg,
.main_ui_inspect_attributes_geometry__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_attributes_geometry__button-tertiary:hover, .main_ui_inspect_attributes_geometry__attr-title button:hover, .main_ui_inspect_attributes_geometry__title-spacing-geometry button:hover, .main_ui_inspect_attributes_geometry__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_attributes_geometry__button-tertiary:hover svg, .main_ui_inspect_attributes_geometry__attr-title button:hover svg, .main_ui_inspect_attributes_geometry__title-spacing-geometry button:hover svg, .main_ui_inspect_attributes_geometry__modal-close-btn-base:hover svg,
.main_ui_inspect_attributes_geometry__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_attributes_geometry__button-tertiary:active, .main_ui_inspect_attributes_geometry__attr-title button:active, .main_ui_inspect_attributes_geometry__title-spacing-geometry button:active, .main_ui_inspect_attributes_geometry__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_geometry__button-tertiary:active svg, .main_ui_inspect_attributes_geometry__attr-title button:active svg, .main_ui_inspect_attributes_geometry__title-spacing-geometry button:active svg, .main_ui_inspect_attributes_geometry__modal-close-btn-base:active svg,
.main_ui_inspect_attributes_geometry__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_geometry__button-tertiary.disabled, .main_ui_inspect_attributes_geometry__attr-title button.disabled, .main_ui_inspect_attributes_geometry__title-spacing-geometry button.disabled, .main_ui_inspect_attributes_geometry__modal-close-btn-base.disabled, .main_ui_inspect_attributes_geometry__button-tertiary[disabled], .main_ui_inspect_attributes_geometry__attr-title button[disabled], .main_ui_inspect_attributes_geometry__title-spacing-geometry button[disabled], [disabled].main_ui_inspect_attributes_geometry__modal-close-btn-base, .main_ui_inspect_attributes_geometry__button-tertiary:disabled, .main_ui_inspect_attributes_geometry__attr-title button:disabled, .main_ui_inspect_attributes_geometry__title-spacing-geometry button:disabled, .main_ui_inspect_attributes_geometry__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_attributes_geometry__button-tertiary.disabled svg, .main_ui_inspect_attributes_geometry__attr-title button.disabled svg, .main_ui_inspect_attributes_geometry__title-spacing-geometry button.disabled svg, .main_ui_inspect_attributes_geometry__modal-close-btn-base.disabled svg,
.main_ui_inspect_attributes_geometry__button-tertiary.disabled span svg, .main_ui_inspect_attributes_geometry__button-tertiary[disabled] svg, .main_ui_inspect_attributes_geometry__attr-title button[disabled] svg, .main_ui_inspect_attributes_geometry__title-spacing-geometry button[disabled] svg, [disabled].main_ui_inspect_attributes_geometry__modal-close-btn-base svg,
.main_ui_inspect_attributes_geometry__button-tertiary[disabled] span svg, .main_ui_inspect_attributes_geometry__button-tertiary:disabled svg, .main_ui_inspect_attributes_geometry__attr-title button:disabled svg, .main_ui_inspect_attributes_geometry__title-spacing-geometry button:disabled svg, .main_ui_inspect_attributes_geometry__modal-close-btn-base:disabled svg,
.main_ui_inspect_attributes_geometry__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_attributes_geometry__button-icon-selected {
  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);
}
.main_ui_inspect_attributes_geometry__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_attributes_geometry__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_attributes_geometry__button-radio: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);
}
.main_ui_inspect_attributes_geometry__button-radio:focus-visible svg,
.main_ui_inspect_attributes_geometry__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_attributes_geometry__button-radio svg,
.main_ui_inspect_attributes_geometry__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_attributes_geometry__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_attributes_geometry__button-radio:hover svg,
.main_ui_inspect_attributes_geometry__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_attributes_geometry__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_attributes_geometry__button-radio:active svg,
.main_ui_inspect_attributes_geometry__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_attributes_geometry__button-warning {
  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);
}

.main_ui_inspect_attributes_geometry__button-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;
}

.main_ui_inspect_attributes_geometry__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_attributes_geometry__button-tag: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);
}
.main_ui_inspect_attributes_geometry__button-tag:focus-visible svg,
.main_ui_inspect_attributes_geometry__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_attributes_geometry__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_attributes_geometry__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_attributes_geometry__button-icon, .main_ui_inspect_attributes_geometry__empty-icon svg, .main_ui_inspect_attributes_geometry__modal-close-btn-base svg, .main_ui_inspect_attributes_geometry__button-icon-small, .main_ui_inspect_attributes_geometry__dropdown-element-base span svg, .main_ui_inspect_attributes_geometry__attr-title button svg, .main_ui_inspect_attributes_geometry__title-spacing-geometry button svg, .main_ui_inspect_attributes_geometry__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_geometry__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_geometry__checkbox-icon.checked svg, .main_ui_inspect_attributes_geometry__input-checkbox label span.checked svg, .main_ui_inspect_attributes_geometry__input-element span svg,
.main_ui_inspect_attributes_geometry__input-element label svg, .main_ui_inspect_attributes_geometry__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_attributes_geometry__button-icon-small, .main_ui_inspect_attributes_geometry__dropdown-element-base span svg, .main_ui_inspect_attributes_geometry__attr-title button svg, .main_ui_inspect_attributes_geometry__title-spacing-geometry button svg, .main_ui_inspect_attributes_geometry__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_geometry__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_geometry__checkbox-icon.checked svg, .main_ui_inspect_attributes_geometry__input-checkbox label span.checked svg, .main_ui_inspect_attributes_geometry__input-element span svg,
.main_ui_inspect_attributes_geometry__input-element label svg, .main_ui_inspect_attributes_geometry__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_attributes_geometry__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_attributes_geometry__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_attributes_geometry__input-base, .main_ui_inspect_attributes_geometry__input-with-label input, .main_ui_inspect_attributes_geometry__input-element-label input, .main_ui_inspect_attributes_geometry__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_geometry__input-base[disabled], .main_ui_inspect_attributes_geometry__input-with-label input[disabled], .main_ui_inspect_attributes_geometry__input-element-label input[disabled], .main_ui_inspect_attributes_geometry__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_attributes_geometry__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_attributes_geometry__input-label, .main_ui_inspect_attributes_geometry__input-element span,
.main_ui_inspect_attributes_geometry__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_attributes_geometry__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_attributes_geometry__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_geometry__input-element span svg,
.main_ui_inspect_attributes_geometry__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_attributes_geometry__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_geometry__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_geometry__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_geometry__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_geometry__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_geometry__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_attributes_geometry__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_geometry__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_geometry__input-element:focus, .main_ui_inspect_attributes_geometry__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_geometry__input-element:focus span, .main_ui_inspect_attributes_geometry__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_geometry__input-element:focus input, .main_ui_inspect_attributes_geometry__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_geometry__input-element:focus:hover, .main_ui_inspect_attributes_geometry__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_geometry__input-element:focus:hover span, .main_ui_inspect_attributes_geometry__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_geometry__input-element:focus:hover input, .main_ui_inspect_attributes_geometry__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_attributes_geometry__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_attributes_geometry__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_attributes_geometry__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_geometry__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_geometry__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_geometry__input-element-label:focus-within input, .main_ui_inspect_attributes_geometry__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_attributes_geometry__disabled-input, .main_ui_inspect_attributes_geometry__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_geometry__disabled-input input, .main_ui_inspect_attributes_geometry__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_geometry__disabled-input span svg, .main_ui_inspect_attributes_geometry__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_attributes_geometry__checkbox-icon, .main_ui_inspect_attributes_geometry__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_attributes_geometry__checkbox-icon svg, .main_ui_inspect_attributes_geometry__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_attributes_geometry__checkbox-icon:hover, .main_ui_inspect_attributes_geometry__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_geometry__checkbox-icon:focus, .main_ui_inspect_attributes_geometry__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_attributes_geometry__checkbox-icon.checked, .main_ui_inspect_attributes_geometry__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_attributes_geometry__checkbox-icon.checked svg, .main_ui_inspect_attributes_geometry__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_attributes_geometry__checkbox-icon.intermediate, .main_ui_inspect_attributes_geometry__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_attributes_geometry__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_geometry__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_attributes_geometry__checkbox-icon.unchecked, .main_ui_inspect_attributes_geometry__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_attributes_geometry__checkbox-icon.unchecked svg, .main_ui_inspect_attributes_geometry__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_attributes_geometry__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_attributes_geometry__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_attributes_geometry__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_attributes_geometry__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_geometry__input-checkbox label:focus span, .main_ui_inspect_attributes_geometry__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_attributes_geometry__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_attributes_geometry__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_geometry__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_geometry__input-with-label input:focus-within, .main_ui_inspect_attributes_geometry__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_geometry__input-with-label input:focus-within input, .main_ui_inspect_attributes_geometry__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_geometry__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_attributes_geometry__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_attributes_geometry__modal-overlay-base {
  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);
}

.main_ui_inspect_attributes_geometry__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_attributes_geometry__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_attributes_geometry__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_attributes_geometry__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_attributes_geometry__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_geometry__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_geometry__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_attributes_geometry__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_attributes_geometry__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_attributes_geometry__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_attributes_geometry__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_attributes_geometry__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_attributes_geometry__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_attributes_geometry__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_attributes_geometry__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_attributes_geometry__colorpicker-handler {
  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;
}
.main_ui_inspect_attributes_geometry__colorpicker-handler:hover, .main_ui_inspect_attributes_geometry__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_attributes_geometry__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_attributes_geometry__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_attributes_geometry__attr-title div, .main_ui_inspect_attributes_geometry__title-spacing-geometry div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_attributes_geometry__attr-title button, .main_ui_inspect_attributes_geometry__title-spacing-geometry button {
  display: none;
}
.main_ui_inspect_attributes_geometry__attr-title button svg, .main_ui_inspect_attributes_geometry__title-spacing-geometry button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_geometry__attr-title:hover button, .main_ui_inspect_attributes_geometry__title-spacing-geometry:hover button {
  display: flex;
}

.main_ui_inspect_attributes_geometry__attr-row, .main_ui_inspect_attributes_geometry__geometry-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_attributes_geometry__attr-row .attr-label, .main_ui_inspect_attributes_geometry__geometry-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_attributes_geometry__attr-row .attr-value, .main_ui_inspect_attributes_geometry__geometry-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_attributes_geometry__copy-button-children, .main_ui_inspect_attributes_geometry__button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_attributes_geometry__copy-button-children:hover div, .main_ui_inspect_attributes_geometry__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_attributes_geometry__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_attributes_geometry__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_attributes_geometry__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_attributes_geometry__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_attributes_geometry__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_attributes_geometry__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_geometry__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_attributes_geometry__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_attributes_geometry__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_attributes_geometry__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_attributes_geometry__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_inspect_attributes_geometry__copy-btn-title {
  max-width: 1.75rem;
}
@keyframes main_ui_inspect_attributes_image__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_attributes_image__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_attributes_image__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_attributes_image__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_attributes_image__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_attributes_image__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_attributes_image__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_attributes_image__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_attributes_image__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_image__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_image__new-scrollbar ::placeholder,
.main_ui_inspect_attributes_image__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_attributes_image__button-primary, .main_ui_inspect_attributes_image__modal-danger-btn, .main_ui_inspect_attributes_image__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_attributes_image__button-primary:focus-visible, .main_ui_inspect_attributes_image__modal-danger-btn:focus-visible, .main_ui_inspect_attributes_image__modal-accept-btn: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);
}
.main_ui_inspect_attributes_image__button-primary:focus-visible svg, .main_ui_inspect_attributes_image__modal-danger-btn:focus-visible svg, .main_ui_inspect_attributes_image__modal-accept-btn:focus-visible svg,
.main_ui_inspect_attributes_image__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_attributes_image__button-primary svg, .main_ui_inspect_attributes_image__modal-danger-btn svg, .main_ui_inspect_attributes_image__modal-accept-btn svg,
.main_ui_inspect_attributes_image__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_attributes_image__button-primary:hover, .main_ui_inspect_attributes_image__modal-danger-btn:hover, .main_ui_inspect_attributes_image__modal-accept-btn: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;
}
.main_ui_inspect_attributes_image__button-primary:hover svg, .main_ui_inspect_attributes_image__modal-danger-btn:hover svg, .main_ui_inspect_attributes_image__modal-accept-btn:hover svg,
.main_ui_inspect_attributes_image__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_attributes_image__button-primary:active, .main_ui_inspect_attributes_image__modal-danger-btn:active, .main_ui_inspect_attributes_image__modal-accept-btn: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;
}
.main_ui_inspect_attributes_image__button-primary:active svg, .main_ui_inspect_attributes_image__modal-danger-btn:active svg, .main_ui_inspect_attributes_image__modal-accept-btn:active svg,
.main_ui_inspect_attributes_image__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_attributes_image__button-primary.disabled, .main_ui_inspect_attributes_image__modal-danger-btn.disabled, .main_ui_inspect_attributes_image__modal-accept-btn.disabled, .main_ui_inspect_attributes_image__button-primary[disabled], [disabled].main_ui_inspect_attributes_image__modal-danger-btn, [disabled].main_ui_inspect_attributes_image__modal-accept-btn, .main_ui_inspect_attributes_image__button-primary:disabled, .main_ui_inspect_attributes_image__modal-danger-btn:disabled, .main_ui_inspect_attributes_image__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_image__button-secondary, .main_ui_inspect_attributes_image__download-button, .main_ui_inspect_attributes_image__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_image__button-secondary:focus-visible, .main_ui_inspect_attributes_image__download-button:focus-visible, .main_ui_inspect_attributes_image__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_image__button-secondary:focus-visible svg, .main_ui_inspect_attributes_image__download-button:focus-visible svg, .main_ui_inspect_attributes_image__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_attributes_image__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_image__button-secondary svg, .main_ui_inspect_attributes_image__download-button svg, .main_ui_inspect_attributes_image__modal-cancel-btn svg,
.main_ui_inspect_attributes_image__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_image__button-secondary:hover, .main_ui_inspect_attributes_image__download-button:hover, .main_ui_inspect_attributes_image__modal-cancel-btn: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;
}
.main_ui_inspect_attributes_image__button-secondary:hover svg, .main_ui_inspect_attributes_image__download-button:hover svg, .main_ui_inspect_attributes_image__modal-cancel-btn:hover svg,
.main_ui_inspect_attributes_image__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_attributes_image__button-secondary:active, .main_ui_inspect_attributes_image__download-button:active, .main_ui_inspect_attributes_image__modal-cancel-btn: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);
}
.main_ui_inspect_attributes_image__button-secondary:active svg, .main_ui_inspect_attributes_image__download-button:active svg, .main_ui_inspect_attributes_image__modal-cancel-btn:active svg,
.main_ui_inspect_attributes_image__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_attributes_image__button-secondary.disabled, .main_ui_inspect_attributes_image__download-button.disabled, .main_ui_inspect_attributes_image__modal-cancel-btn.disabled, .main_ui_inspect_attributes_image__button-secondary[disabled], [disabled].main_ui_inspect_attributes_image__download-button, [disabled].main_ui_inspect_attributes_image__modal-cancel-btn, .main_ui_inspect_attributes_image__button-secondary:disabled, .main_ui_inspect_attributes_image__download-button:disabled, .main_ui_inspect_attributes_image__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_image__button-tertiary, .main_ui_inspect_attributes_image__attr-title button, .main_ui_inspect_attributes_image__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_attributes_image__button-tertiary:focus-visible, .main_ui_inspect_attributes_image__attr-title button:focus-visible, .main_ui_inspect_attributes_image__modal-close-btn-base: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);
}
.main_ui_inspect_attributes_image__button-tertiary:focus-visible svg, .main_ui_inspect_attributes_image__attr-title button:focus-visible svg, .main_ui_inspect_attributes_image__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_attributes_image__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_attributes_image__button-tertiary svg, .main_ui_inspect_attributes_image__attr-title button svg, .main_ui_inspect_attributes_image__modal-close-btn-base svg,
.main_ui_inspect_attributes_image__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_attributes_image__button-tertiary:hover, .main_ui_inspect_attributes_image__attr-title button:hover, .main_ui_inspect_attributes_image__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_attributes_image__button-tertiary:hover svg, .main_ui_inspect_attributes_image__attr-title button:hover svg, .main_ui_inspect_attributes_image__modal-close-btn-base:hover svg,
.main_ui_inspect_attributes_image__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_attributes_image__button-tertiary:active, .main_ui_inspect_attributes_image__attr-title button:active, .main_ui_inspect_attributes_image__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_image__button-tertiary:active svg, .main_ui_inspect_attributes_image__attr-title button:active svg, .main_ui_inspect_attributes_image__modal-close-btn-base:active svg,
.main_ui_inspect_attributes_image__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_image__button-tertiary.disabled, .main_ui_inspect_attributes_image__attr-title button.disabled, .main_ui_inspect_attributes_image__modal-close-btn-base.disabled, .main_ui_inspect_attributes_image__button-tertiary[disabled], .main_ui_inspect_attributes_image__attr-title button[disabled], [disabled].main_ui_inspect_attributes_image__modal-close-btn-base, .main_ui_inspect_attributes_image__button-tertiary:disabled, .main_ui_inspect_attributes_image__attr-title button:disabled, .main_ui_inspect_attributes_image__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_attributes_image__button-tertiary.disabled svg, .main_ui_inspect_attributes_image__attr-title button.disabled svg, .main_ui_inspect_attributes_image__modal-close-btn-base.disabled svg,
.main_ui_inspect_attributes_image__button-tertiary.disabled span svg, .main_ui_inspect_attributes_image__button-tertiary[disabled] svg, .main_ui_inspect_attributes_image__attr-title button[disabled] svg, [disabled].main_ui_inspect_attributes_image__modal-close-btn-base svg,
.main_ui_inspect_attributes_image__button-tertiary[disabled] span svg, .main_ui_inspect_attributes_image__button-tertiary:disabled svg, .main_ui_inspect_attributes_image__attr-title button:disabled svg, .main_ui_inspect_attributes_image__modal-close-btn-base:disabled svg,
.main_ui_inspect_attributes_image__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_attributes_image__button-icon-selected {
  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);
}
.main_ui_inspect_attributes_image__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_attributes_image__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_attributes_image__button-radio: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);
}
.main_ui_inspect_attributes_image__button-radio:focus-visible svg,
.main_ui_inspect_attributes_image__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_attributes_image__button-radio svg,
.main_ui_inspect_attributes_image__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_attributes_image__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_attributes_image__button-radio:hover svg,
.main_ui_inspect_attributes_image__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_attributes_image__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_attributes_image__button-radio:active svg,
.main_ui_inspect_attributes_image__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_attributes_image__button-warning {
  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);
}

.main_ui_inspect_attributes_image__button-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;
}

.main_ui_inspect_attributes_image__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_attributes_image__button-tag: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);
}
.main_ui_inspect_attributes_image__button-tag:focus-visible svg,
.main_ui_inspect_attributes_image__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_attributes_image__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_attributes_image__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_attributes_image__button-icon, .main_ui_inspect_attributes_image__empty-icon svg, .main_ui_inspect_attributes_image__modal-close-btn-base svg, .main_ui_inspect_attributes_image__button-icon-small, .main_ui_inspect_attributes_image__dropdown-element-base span svg, .main_ui_inspect_attributes_image__attr-title button svg, .main_ui_inspect_attributes_image__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_image__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_image__checkbox-icon.checked svg, .main_ui_inspect_attributes_image__input-checkbox label span.checked svg, .main_ui_inspect_attributes_image__input-element span svg,
.main_ui_inspect_attributes_image__input-element label svg, .main_ui_inspect_attributes_image__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_attributes_image__button-icon-small, .main_ui_inspect_attributes_image__dropdown-element-base span svg, .main_ui_inspect_attributes_image__attr-title button svg, .main_ui_inspect_attributes_image__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_image__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_image__checkbox-icon.checked svg, .main_ui_inspect_attributes_image__input-checkbox label span.checked svg, .main_ui_inspect_attributes_image__input-element span svg,
.main_ui_inspect_attributes_image__input-element label svg, .main_ui_inspect_attributes_image__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_attributes_image__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_attributes_image__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_attributes_image__input-base, .main_ui_inspect_attributes_image__input-with-label input, .main_ui_inspect_attributes_image__input-element-label input, .main_ui_inspect_attributes_image__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_image__input-base[disabled], .main_ui_inspect_attributes_image__input-with-label input[disabled], .main_ui_inspect_attributes_image__input-element-label input[disabled], .main_ui_inspect_attributes_image__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_attributes_image__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_attributes_image__input-label, .main_ui_inspect_attributes_image__input-element span,
.main_ui_inspect_attributes_image__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_attributes_image__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_attributes_image__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_image__input-element span svg,
.main_ui_inspect_attributes_image__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_attributes_image__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_image__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_image__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_image__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_image__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_image__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_attributes_image__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_image__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_image__input-element:focus, .main_ui_inspect_attributes_image__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_image__input-element:focus span, .main_ui_inspect_attributes_image__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_image__input-element:focus input, .main_ui_inspect_attributes_image__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_image__input-element:focus:hover, .main_ui_inspect_attributes_image__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_image__input-element:focus:hover span, .main_ui_inspect_attributes_image__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_image__input-element:focus:hover input, .main_ui_inspect_attributes_image__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_attributes_image__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_attributes_image__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_attributes_image__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_image__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_image__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_image__input-element-label:focus-within input, .main_ui_inspect_attributes_image__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_attributes_image__disabled-input, .main_ui_inspect_attributes_image__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_image__disabled-input input, .main_ui_inspect_attributes_image__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_image__disabled-input span svg, .main_ui_inspect_attributes_image__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_attributes_image__checkbox-icon, .main_ui_inspect_attributes_image__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_attributes_image__checkbox-icon svg, .main_ui_inspect_attributes_image__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_attributes_image__checkbox-icon:hover, .main_ui_inspect_attributes_image__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_image__checkbox-icon:focus, .main_ui_inspect_attributes_image__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_attributes_image__checkbox-icon.checked, .main_ui_inspect_attributes_image__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_attributes_image__checkbox-icon.checked svg, .main_ui_inspect_attributes_image__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_attributes_image__checkbox-icon.intermediate, .main_ui_inspect_attributes_image__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_attributes_image__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_image__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_attributes_image__checkbox-icon.unchecked, .main_ui_inspect_attributes_image__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_attributes_image__checkbox-icon.unchecked svg, .main_ui_inspect_attributes_image__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_attributes_image__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_attributes_image__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_attributes_image__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_attributes_image__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_image__input-checkbox label:focus span, .main_ui_inspect_attributes_image__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_attributes_image__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_attributes_image__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_image__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_image__input-with-label input:focus-within, .main_ui_inspect_attributes_image__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_image__input-with-label input:focus-within input, .main_ui_inspect_attributes_image__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_image__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_attributes_image__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_attributes_image__modal-overlay-base {
  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);
}

.main_ui_inspect_attributes_image__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_attributes_image__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_attributes_image__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_attributes_image__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_attributes_image__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_image__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_image__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_attributes_image__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_attributes_image__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_attributes_image__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_attributes_image__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_attributes_image__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_attributes_image__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_attributes_image__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_attributes_image__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_attributes_image__colorpicker-handler {
  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;
}
.main_ui_inspect_attributes_image__colorpicker-handler:hover, .main_ui_inspect_attributes_image__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_attributes_image__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_attributes_image__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_attributes_image__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_attributes_image__attr-title button {
  display: none;
}
.main_ui_inspect_attributes_image__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_image__attr-title:hover button {
  display: flex;
}

.main_ui_inspect_attributes_image__attr-row, .main_ui_inspect_attributes_image__image-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_attributes_image__attr-row .attr-label, .main_ui_inspect_attributes_image__image-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_attributes_image__attr-row .attr-value, .main_ui_inspect_attributes_image__image-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_attributes_image__copy-button-children, .main_ui_inspect_attributes_image__button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_attributes_image__copy-button-children:hover div, .main_ui_inspect_attributes_image__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_attributes_image__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_attributes_image__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_attributes_image__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_attributes_image__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_attributes_image__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_attributes_image__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_image__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_attributes_image__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_attributes_image__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_attributes_image__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_attributes_image__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
}

.main_ui_inspect_attributes_image__image-wrapper {
  background-color: var(--menu-background-color);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15.5rem;
  height: 10rem;
  max-height: 10rem;
  max-width: 15.5rem;
  margin: 0.5rem 0;
  border-radius: 0.5rem;
}
.main_ui_inspect_attributes_image__image-wrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.main_ui_inspect_attributes_image__download-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2rem;
  margin-top: 0.25rem;
}
@keyframes main_ui_inspect_attributes_layout__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_attributes_layout__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_attributes_layout__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_attributes_layout__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_attributes_layout__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_attributes_layout__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_attributes_layout__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_attributes_layout__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_attributes_layout__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_layout__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_layout__new-scrollbar ::placeholder,
.main_ui_inspect_attributes_layout__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_attributes_layout__button-primary, .main_ui_inspect_attributes_layout__modal-danger-btn, .main_ui_inspect_attributes_layout__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_attributes_layout__button-primary:focus-visible, .main_ui_inspect_attributes_layout__modal-danger-btn:focus-visible, .main_ui_inspect_attributes_layout__modal-accept-btn: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);
}
.main_ui_inspect_attributes_layout__button-primary:focus-visible svg, .main_ui_inspect_attributes_layout__modal-danger-btn:focus-visible svg, .main_ui_inspect_attributes_layout__modal-accept-btn:focus-visible svg,
.main_ui_inspect_attributes_layout__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_attributes_layout__button-primary svg, .main_ui_inspect_attributes_layout__modal-danger-btn svg, .main_ui_inspect_attributes_layout__modal-accept-btn svg,
.main_ui_inspect_attributes_layout__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_attributes_layout__button-primary:hover, .main_ui_inspect_attributes_layout__modal-danger-btn:hover, .main_ui_inspect_attributes_layout__modal-accept-btn: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;
}
.main_ui_inspect_attributes_layout__button-primary:hover svg, .main_ui_inspect_attributes_layout__modal-danger-btn:hover svg, .main_ui_inspect_attributes_layout__modal-accept-btn:hover svg,
.main_ui_inspect_attributes_layout__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_attributes_layout__button-primary:active, .main_ui_inspect_attributes_layout__modal-danger-btn:active, .main_ui_inspect_attributes_layout__modal-accept-btn: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;
}
.main_ui_inspect_attributes_layout__button-primary:active svg, .main_ui_inspect_attributes_layout__modal-danger-btn:active svg, .main_ui_inspect_attributes_layout__modal-accept-btn:active svg,
.main_ui_inspect_attributes_layout__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_attributes_layout__button-primary.disabled, .main_ui_inspect_attributes_layout__modal-danger-btn.disabled, .main_ui_inspect_attributes_layout__modal-accept-btn.disabled, .main_ui_inspect_attributes_layout__button-primary[disabled], [disabled].main_ui_inspect_attributes_layout__modal-danger-btn, [disabled].main_ui_inspect_attributes_layout__modal-accept-btn, .main_ui_inspect_attributes_layout__button-primary:disabled, .main_ui_inspect_attributes_layout__modal-danger-btn:disabled, .main_ui_inspect_attributes_layout__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_layout__button-secondary, .main_ui_inspect_attributes_layout__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_layout__button-secondary:focus-visible, .main_ui_inspect_attributes_layout__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_layout__button-secondary:focus-visible svg, .main_ui_inspect_attributes_layout__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_attributes_layout__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_layout__button-secondary svg, .main_ui_inspect_attributes_layout__modal-cancel-btn svg,
.main_ui_inspect_attributes_layout__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_layout__button-secondary:hover, .main_ui_inspect_attributes_layout__modal-cancel-btn: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;
}
.main_ui_inspect_attributes_layout__button-secondary:hover svg, .main_ui_inspect_attributes_layout__modal-cancel-btn:hover svg,
.main_ui_inspect_attributes_layout__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_attributes_layout__button-secondary:active, .main_ui_inspect_attributes_layout__modal-cancel-btn: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);
}
.main_ui_inspect_attributes_layout__button-secondary:active svg, .main_ui_inspect_attributes_layout__modal-cancel-btn:active svg,
.main_ui_inspect_attributes_layout__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_attributes_layout__button-secondary.disabled, .main_ui_inspect_attributes_layout__modal-cancel-btn.disabled, .main_ui_inspect_attributes_layout__button-secondary[disabled], [disabled].main_ui_inspect_attributes_layout__modal-cancel-btn, .main_ui_inspect_attributes_layout__button-secondary:disabled, .main_ui_inspect_attributes_layout__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_layout__button-tertiary, .main_ui_inspect_attributes_layout__attr-title button, .main_ui_inspect_attributes_layout__title-spacing-layout button, .main_ui_inspect_attributes_layout__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_attributes_layout__button-tertiary:focus-visible, .main_ui_inspect_attributes_layout__attr-title button:focus-visible, .main_ui_inspect_attributes_layout__title-spacing-layout button:focus-visible, .main_ui_inspect_attributes_layout__modal-close-btn-base: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);
}
.main_ui_inspect_attributes_layout__button-tertiary:focus-visible svg, .main_ui_inspect_attributes_layout__attr-title button:focus-visible svg, .main_ui_inspect_attributes_layout__title-spacing-layout button:focus-visible svg, .main_ui_inspect_attributes_layout__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_attributes_layout__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_attributes_layout__button-tertiary svg, .main_ui_inspect_attributes_layout__attr-title button svg, .main_ui_inspect_attributes_layout__title-spacing-layout button svg, .main_ui_inspect_attributes_layout__modal-close-btn-base svg,
.main_ui_inspect_attributes_layout__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_attributes_layout__button-tertiary:hover, .main_ui_inspect_attributes_layout__attr-title button:hover, .main_ui_inspect_attributes_layout__title-spacing-layout button:hover, .main_ui_inspect_attributes_layout__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_attributes_layout__button-tertiary:hover svg, .main_ui_inspect_attributes_layout__attr-title button:hover svg, .main_ui_inspect_attributes_layout__title-spacing-layout button:hover svg, .main_ui_inspect_attributes_layout__modal-close-btn-base:hover svg,
.main_ui_inspect_attributes_layout__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_attributes_layout__button-tertiary:active, .main_ui_inspect_attributes_layout__attr-title button:active, .main_ui_inspect_attributes_layout__title-spacing-layout button:active, .main_ui_inspect_attributes_layout__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_layout__button-tertiary:active svg, .main_ui_inspect_attributes_layout__attr-title button:active svg, .main_ui_inspect_attributes_layout__title-spacing-layout button:active svg, .main_ui_inspect_attributes_layout__modal-close-btn-base:active svg,
.main_ui_inspect_attributes_layout__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_layout__button-tertiary.disabled, .main_ui_inspect_attributes_layout__attr-title button.disabled, .main_ui_inspect_attributes_layout__title-spacing-layout button.disabled, .main_ui_inspect_attributes_layout__modal-close-btn-base.disabled, .main_ui_inspect_attributes_layout__button-tertiary[disabled], .main_ui_inspect_attributes_layout__attr-title button[disabled], .main_ui_inspect_attributes_layout__title-spacing-layout button[disabled], [disabled].main_ui_inspect_attributes_layout__modal-close-btn-base, .main_ui_inspect_attributes_layout__button-tertiary:disabled, .main_ui_inspect_attributes_layout__attr-title button:disabled, .main_ui_inspect_attributes_layout__title-spacing-layout button:disabled, .main_ui_inspect_attributes_layout__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_attributes_layout__button-tertiary.disabled svg, .main_ui_inspect_attributes_layout__attr-title button.disabled svg, .main_ui_inspect_attributes_layout__title-spacing-layout button.disabled svg, .main_ui_inspect_attributes_layout__modal-close-btn-base.disabled svg,
.main_ui_inspect_attributes_layout__button-tertiary.disabled span svg, .main_ui_inspect_attributes_layout__button-tertiary[disabled] svg, .main_ui_inspect_attributes_layout__attr-title button[disabled] svg, .main_ui_inspect_attributes_layout__title-spacing-layout button[disabled] svg, [disabled].main_ui_inspect_attributes_layout__modal-close-btn-base svg,
.main_ui_inspect_attributes_layout__button-tertiary[disabled] span svg, .main_ui_inspect_attributes_layout__button-tertiary:disabled svg, .main_ui_inspect_attributes_layout__attr-title button:disabled svg, .main_ui_inspect_attributes_layout__title-spacing-layout button:disabled svg, .main_ui_inspect_attributes_layout__modal-close-btn-base:disabled svg,
.main_ui_inspect_attributes_layout__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_attributes_layout__button-icon-selected {
  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);
}
.main_ui_inspect_attributes_layout__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_attributes_layout__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_attributes_layout__button-radio: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);
}
.main_ui_inspect_attributes_layout__button-radio:focus-visible svg,
.main_ui_inspect_attributes_layout__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_attributes_layout__button-radio svg,
.main_ui_inspect_attributes_layout__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_attributes_layout__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_attributes_layout__button-radio:hover svg,
.main_ui_inspect_attributes_layout__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_attributes_layout__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_attributes_layout__button-radio:active svg,
.main_ui_inspect_attributes_layout__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_attributes_layout__button-warning {
  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);
}

.main_ui_inspect_attributes_layout__button-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;
}

.main_ui_inspect_attributes_layout__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_attributes_layout__button-tag: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);
}
.main_ui_inspect_attributes_layout__button-tag:focus-visible svg,
.main_ui_inspect_attributes_layout__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_attributes_layout__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_attributes_layout__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_attributes_layout__button-icon, .main_ui_inspect_attributes_layout__empty-icon svg, .main_ui_inspect_attributes_layout__modal-close-btn-base svg, .main_ui_inspect_attributes_layout__button-icon-small, .main_ui_inspect_attributes_layout__dropdown-element-base span svg, .main_ui_inspect_attributes_layout__attr-title button svg, .main_ui_inspect_attributes_layout__title-spacing-layout button svg, .main_ui_inspect_attributes_layout__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_layout__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_layout__checkbox-icon.checked svg, .main_ui_inspect_attributes_layout__input-checkbox label span.checked svg, .main_ui_inspect_attributes_layout__input-element span svg,
.main_ui_inspect_attributes_layout__input-element label svg, .main_ui_inspect_attributes_layout__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_attributes_layout__button-icon-small, .main_ui_inspect_attributes_layout__dropdown-element-base span svg, .main_ui_inspect_attributes_layout__attr-title button svg, .main_ui_inspect_attributes_layout__title-spacing-layout button svg, .main_ui_inspect_attributes_layout__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_layout__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_layout__checkbox-icon.checked svg, .main_ui_inspect_attributes_layout__input-checkbox label span.checked svg, .main_ui_inspect_attributes_layout__input-element span svg,
.main_ui_inspect_attributes_layout__input-element label svg, .main_ui_inspect_attributes_layout__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_attributes_layout__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_attributes_layout__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_attributes_layout__input-base, .main_ui_inspect_attributes_layout__input-with-label input, .main_ui_inspect_attributes_layout__input-element-label input, .main_ui_inspect_attributes_layout__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_layout__input-base[disabled], .main_ui_inspect_attributes_layout__input-with-label input[disabled], .main_ui_inspect_attributes_layout__input-element-label input[disabled], .main_ui_inspect_attributes_layout__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_attributes_layout__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_attributes_layout__input-label, .main_ui_inspect_attributes_layout__input-element span,
.main_ui_inspect_attributes_layout__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_attributes_layout__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_attributes_layout__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_layout__input-element span svg,
.main_ui_inspect_attributes_layout__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_attributes_layout__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_layout__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_layout__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_layout__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_layout__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_layout__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_attributes_layout__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_layout__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_layout__input-element:focus, .main_ui_inspect_attributes_layout__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_layout__input-element:focus span, .main_ui_inspect_attributes_layout__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_layout__input-element:focus input, .main_ui_inspect_attributes_layout__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_layout__input-element:focus:hover, .main_ui_inspect_attributes_layout__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_layout__input-element:focus:hover span, .main_ui_inspect_attributes_layout__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_layout__input-element:focus:hover input, .main_ui_inspect_attributes_layout__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_attributes_layout__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_attributes_layout__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_attributes_layout__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_layout__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_layout__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_layout__input-element-label:focus-within input, .main_ui_inspect_attributes_layout__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_attributes_layout__disabled-input, .main_ui_inspect_attributes_layout__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_layout__disabled-input input, .main_ui_inspect_attributes_layout__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_layout__disabled-input span svg, .main_ui_inspect_attributes_layout__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_attributes_layout__checkbox-icon, .main_ui_inspect_attributes_layout__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_attributes_layout__checkbox-icon svg, .main_ui_inspect_attributes_layout__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_attributes_layout__checkbox-icon:hover, .main_ui_inspect_attributes_layout__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_layout__checkbox-icon:focus, .main_ui_inspect_attributes_layout__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_attributes_layout__checkbox-icon.checked, .main_ui_inspect_attributes_layout__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_attributes_layout__checkbox-icon.checked svg, .main_ui_inspect_attributes_layout__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_attributes_layout__checkbox-icon.intermediate, .main_ui_inspect_attributes_layout__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_attributes_layout__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_layout__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_attributes_layout__checkbox-icon.unchecked, .main_ui_inspect_attributes_layout__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_attributes_layout__checkbox-icon.unchecked svg, .main_ui_inspect_attributes_layout__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_attributes_layout__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_attributes_layout__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_attributes_layout__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_attributes_layout__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_layout__input-checkbox label:focus span, .main_ui_inspect_attributes_layout__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_attributes_layout__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_attributes_layout__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_layout__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_layout__input-with-label input:focus-within, .main_ui_inspect_attributes_layout__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_layout__input-with-label input:focus-within input, .main_ui_inspect_attributes_layout__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_layout__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_attributes_layout__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_attributes_layout__modal-overlay-base {
  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);
}

.main_ui_inspect_attributes_layout__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_attributes_layout__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_attributes_layout__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_attributes_layout__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_attributes_layout__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_layout__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_layout__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_attributes_layout__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_attributes_layout__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_attributes_layout__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_attributes_layout__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_attributes_layout__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_attributes_layout__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_attributes_layout__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_attributes_layout__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_attributes_layout__colorpicker-handler {
  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;
}
.main_ui_inspect_attributes_layout__colorpicker-handler:hover, .main_ui_inspect_attributes_layout__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_attributes_layout__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_attributes_layout__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_attributes_layout__attr-title div, .main_ui_inspect_attributes_layout__title-spacing-layout div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_attributes_layout__attr-title button, .main_ui_inspect_attributes_layout__title-spacing-layout button {
  display: none;
}
.main_ui_inspect_attributes_layout__attr-title button svg, .main_ui_inspect_attributes_layout__title-spacing-layout button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_layout__attr-title:hover button, .main_ui_inspect_attributes_layout__title-spacing-layout:hover button {
  display: flex;
}

.main_ui_inspect_attributes_layout__attr-row, .main_ui_inspect_attributes_layout__layout-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_attributes_layout__attr-row .attr-label, .main_ui_inspect_attributes_layout__layout-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_attributes_layout__attr-row .attr-value, .main_ui_inspect_attributes_layout__layout-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_attributes_layout__copy-button-children, .main_ui_inspect_attributes_layout__button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_attributes_layout__copy-button-children:hover div, .main_ui_inspect_attributes_layout__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_attributes_layout__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_attributes_layout__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_attributes_layout__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_attributes_layout__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_attributes_layout__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_attributes_layout__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_layout__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_attributes_layout__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_attributes_layout__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_attributes_layout__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_attributes_layout__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_inspect_attributes_layout__copy-btn-title {
  max-width: 1.75rem;
}
@keyframes main_ui_inspect_attributes_layout_element__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_attributes_layout_element__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_attributes_layout_element__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_attributes_layout_element__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_attributes_layout_element__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_attributes_layout_element__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_attributes_layout_element__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_attributes_layout_element__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_attributes_layout_element__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_layout_element__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_layout_element__new-scrollbar ::placeholder,
.main_ui_inspect_attributes_layout_element__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_attributes_layout_element__button-primary, .main_ui_inspect_attributes_layout_element__modal-danger-btn, .main_ui_inspect_attributes_layout_element__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_attributes_layout_element__button-primary:focus-visible, .main_ui_inspect_attributes_layout_element__modal-danger-btn:focus-visible, .main_ui_inspect_attributes_layout_element__modal-accept-btn: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);
}
.main_ui_inspect_attributes_layout_element__button-primary:focus-visible svg, .main_ui_inspect_attributes_layout_element__modal-danger-btn:focus-visible svg, .main_ui_inspect_attributes_layout_element__modal-accept-btn:focus-visible svg,
.main_ui_inspect_attributes_layout_element__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_attributes_layout_element__button-primary svg, .main_ui_inspect_attributes_layout_element__modal-danger-btn svg, .main_ui_inspect_attributes_layout_element__modal-accept-btn svg,
.main_ui_inspect_attributes_layout_element__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_attributes_layout_element__button-primary:hover, .main_ui_inspect_attributes_layout_element__modal-danger-btn:hover, .main_ui_inspect_attributes_layout_element__modal-accept-btn: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;
}
.main_ui_inspect_attributes_layout_element__button-primary:hover svg, .main_ui_inspect_attributes_layout_element__modal-danger-btn:hover svg, .main_ui_inspect_attributes_layout_element__modal-accept-btn:hover svg,
.main_ui_inspect_attributes_layout_element__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_attributes_layout_element__button-primary:active, .main_ui_inspect_attributes_layout_element__modal-danger-btn:active, .main_ui_inspect_attributes_layout_element__modal-accept-btn: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;
}
.main_ui_inspect_attributes_layout_element__button-primary:active svg, .main_ui_inspect_attributes_layout_element__modal-danger-btn:active svg, .main_ui_inspect_attributes_layout_element__modal-accept-btn:active svg,
.main_ui_inspect_attributes_layout_element__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_attributes_layout_element__button-primary.disabled, .main_ui_inspect_attributes_layout_element__modal-danger-btn.disabled, .main_ui_inspect_attributes_layout_element__modal-accept-btn.disabled, .main_ui_inspect_attributes_layout_element__button-primary[disabled], [disabled].main_ui_inspect_attributes_layout_element__modal-danger-btn, [disabled].main_ui_inspect_attributes_layout_element__modal-accept-btn, .main_ui_inspect_attributes_layout_element__button-primary:disabled, .main_ui_inspect_attributes_layout_element__modal-danger-btn:disabled, .main_ui_inspect_attributes_layout_element__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_layout_element__button-secondary, .main_ui_inspect_attributes_layout_element__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_layout_element__button-secondary:focus-visible, .main_ui_inspect_attributes_layout_element__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_layout_element__button-secondary:focus-visible svg, .main_ui_inspect_attributes_layout_element__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_attributes_layout_element__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_layout_element__button-secondary svg, .main_ui_inspect_attributes_layout_element__modal-cancel-btn svg,
.main_ui_inspect_attributes_layout_element__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_layout_element__button-secondary:hover, .main_ui_inspect_attributes_layout_element__modal-cancel-btn: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;
}
.main_ui_inspect_attributes_layout_element__button-secondary:hover svg, .main_ui_inspect_attributes_layout_element__modal-cancel-btn:hover svg,
.main_ui_inspect_attributes_layout_element__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_attributes_layout_element__button-secondary:active, .main_ui_inspect_attributes_layout_element__modal-cancel-btn: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);
}
.main_ui_inspect_attributes_layout_element__button-secondary:active svg, .main_ui_inspect_attributes_layout_element__modal-cancel-btn:active svg,
.main_ui_inspect_attributes_layout_element__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_attributes_layout_element__button-secondary.disabled, .main_ui_inspect_attributes_layout_element__modal-cancel-btn.disabled, .main_ui_inspect_attributes_layout_element__button-secondary[disabled], [disabled].main_ui_inspect_attributes_layout_element__modal-cancel-btn, .main_ui_inspect_attributes_layout_element__button-secondary:disabled, .main_ui_inspect_attributes_layout_element__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_layout_element__button-tertiary, .main_ui_inspect_attributes_layout_element__attr-title button, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button, .main_ui_inspect_attributes_layout_element__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_attributes_layout_element__button-tertiary:focus-visible, .main_ui_inspect_attributes_layout_element__attr-title button:focus-visible, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button:focus-visible, .main_ui_inspect_attributes_layout_element__modal-close-btn-base: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);
}
.main_ui_inspect_attributes_layout_element__button-tertiary:focus-visible svg, .main_ui_inspect_attributes_layout_element__attr-title button:focus-visible svg, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button:focus-visible svg, .main_ui_inspect_attributes_layout_element__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_attributes_layout_element__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_attributes_layout_element__button-tertiary svg, .main_ui_inspect_attributes_layout_element__attr-title button svg, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button svg, .main_ui_inspect_attributes_layout_element__modal-close-btn-base svg,
.main_ui_inspect_attributes_layout_element__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_attributes_layout_element__button-tertiary:hover, .main_ui_inspect_attributes_layout_element__attr-title button:hover, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button:hover, .main_ui_inspect_attributes_layout_element__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_attributes_layout_element__button-tertiary:hover svg, .main_ui_inspect_attributes_layout_element__attr-title button:hover svg, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button:hover svg, .main_ui_inspect_attributes_layout_element__modal-close-btn-base:hover svg,
.main_ui_inspect_attributes_layout_element__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_attributes_layout_element__button-tertiary:active, .main_ui_inspect_attributes_layout_element__attr-title button:active, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button:active, .main_ui_inspect_attributes_layout_element__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_layout_element__button-tertiary:active svg, .main_ui_inspect_attributes_layout_element__attr-title button:active svg, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button:active svg, .main_ui_inspect_attributes_layout_element__modal-close-btn-base:active svg,
.main_ui_inspect_attributes_layout_element__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_layout_element__button-tertiary.disabled, .main_ui_inspect_attributes_layout_element__attr-title button.disabled, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button.disabled, .main_ui_inspect_attributes_layout_element__modal-close-btn-base.disabled, .main_ui_inspect_attributes_layout_element__button-tertiary[disabled], .main_ui_inspect_attributes_layout_element__attr-title button[disabled], .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button[disabled], [disabled].main_ui_inspect_attributes_layout_element__modal-close-btn-base, .main_ui_inspect_attributes_layout_element__button-tertiary:disabled, .main_ui_inspect_attributes_layout_element__attr-title button:disabled, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button:disabled, .main_ui_inspect_attributes_layout_element__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_attributes_layout_element__button-tertiary.disabled svg, .main_ui_inspect_attributes_layout_element__attr-title button.disabled svg, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button.disabled svg, .main_ui_inspect_attributes_layout_element__modal-close-btn-base.disabled svg,
.main_ui_inspect_attributes_layout_element__button-tertiary.disabled span svg, .main_ui_inspect_attributes_layout_element__button-tertiary[disabled] svg, .main_ui_inspect_attributes_layout_element__attr-title button[disabled] svg, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button[disabled] svg, [disabled].main_ui_inspect_attributes_layout_element__modal-close-btn-base svg,
.main_ui_inspect_attributes_layout_element__button-tertiary[disabled] span svg, .main_ui_inspect_attributes_layout_element__button-tertiary:disabled svg, .main_ui_inspect_attributes_layout_element__attr-title button:disabled svg, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button:disabled svg, .main_ui_inspect_attributes_layout_element__modal-close-btn-base:disabled svg,
.main_ui_inspect_attributes_layout_element__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_attributes_layout_element__button-icon-selected {
  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);
}
.main_ui_inspect_attributes_layout_element__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_attributes_layout_element__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_attributes_layout_element__button-radio: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);
}
.main_ui_inspect_attributes_layout_element__button-radio:focus-visible svg,
.main_ui_inspect_attributes_layout_element__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_attributes_layout_element__button-radio svg,
.main_ui_inspect_attributes_layout_element__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_attributes_layout_element__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_attributes_layout_element__button-radio:hover svg,
.main_ui_inspect_attributes_layout_element__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_attributes_layout_element__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_attributes_layout_element__button-radio:active svg,
.main_ui_inspect_attributes_layout_element__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_attributes_layout_element__button-warning {
  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);
}

.main_ui_inspect_attributes_layout_element__button-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;
}

.main_ui_inspect_attributes_layout_element__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_attributes_layout_element__button-tag: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);
}
.main_ui_inspect_attributes_layout_element__button-tag:focus-visible svg,
.main_ui_inspect_attributes_layout_element__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_attributes_layout_element__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_attributes_layout_element__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_attributes_layout_element__button-icon, .main_ui_inspect_attributes_layout_element__empty-icon svg, .main_ui_inspect_attributes_layout_element__modal-close-btn-base svg, .main_ui_inspect_attributes_layout_element__button-icon-small, .main_ui_inspect_attributes_layout_element__dropdown-element-base span svg, .main_ui_inspect_attributes_layout_element__attr-title button svg, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button svg, .main_ui_inspect_attributes_layout_element__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_layout_element__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_layout_element__checkbox-icon.checked svg, .main_ui_inspect_attributes_layout_element__input-checkbox label span.checked svg, .main_ui_inspect_attributes_layout_element__input-element span svg,
.main_ui_inspect_attributes_layout_element__input-element label svg, .main_ui_inspect_attributes_layout_element__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_attributes_layout_element__button-icon-small, .main_ui_inspect_attributes_layout_element__dropdown-element-base span svg, .main_ui_inspect_attributes_layout_element__attr-title button svg, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button svg, .main_ui_inspect_attributes_layout_element__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_layout_element__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_layout_element__checkbox-icon.checked svg, .main_ui_inspect_attributes_layout_element__input-checkbox label span.checked svg, .main_ui_inspect_attributes_layout_element__input-element span svg,
.main_ui_inspect_attributes_layout_element__input-element label svg, .main_ui_inspect_attributes_layout_element__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_attributes_layout_element__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_attributes_layout_element__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_attributes_layout_element__input-base, .main_ui_inspect_attributes_layout_element__input-with-label input, .main_ui_inspect_attributes_layout_element__input-element-label input, .main_ui_inspect_attributes_layout_element__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_layout_element__input-base[disabled], .main_ui_inspect_attributes_layout_element__input-with-label input[disabled], .main_ui_inspect_attributes_layout_element__input-element-label input[disabled], .main_ui_inspect_attributes_layout_element__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_attributes_layout_element__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_attributes_layout_element__input-label, .main_ui_inspect_attributes_layout_element__input-element span,
.main_ui_inspect_attributes_layout_element__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_attributes_layout_element__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_attributes_layout_element__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_layout_element__input-element span svg,
.main_ui_inspect_attributes_layout_element__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_attributes_layout_element__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_layout_element__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_layout_element__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_layout_element__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_layout_element__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_layout_element__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_attributes_layout_element__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_layout_element__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_layout_element__input-element:focus, .main_ui_inspect_attributes_layout_element__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_layout_element__input-element:focus span, .main_ui_inspect_attributes_layout_element__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_layout_element__input-element:focus input, .main_ui_inspect_attributes_layout_element__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_layout_element__input-element:focus:hover, .main_ui_inspect_attributes_layout_element__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_layout_element__input-element:focus:hover span, .main_ui_inspect_attributes_layout_element__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_layout_element__input-element:focus:hover input, .main_ui_inspect_attributes_layout_element__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_attributes_layout_element__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_attributes_layout_element__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_attributes_layout_element__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_layout_element__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_layout_element__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_layout_element__input-element-label:focus-within input, .main_ui_inspect_attributes_layout_element__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_attributes_layout_element__disabled-input, .main_ui_inspect_attributes_layout_element__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_layout_element__disabled-input input, .main_ui_inspect_attributes_layout_element__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_layout_element__disabled-input span svg, .main_ui_inspect_attributes_layout_element__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_attributes_layout_element__checkbox-icon, .main_ui_inspect_attributes_layout_element__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_attributes_layout_element__checkbox-icon svg, .main_ui_inspect_attributes_layout_element__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_attributes_layout_element__checkbox-icon:hover, .main_ui_inspect_attributes_layout_element__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_layout_element__checkbox-icon:focus, .main_ui_inspect_attributes_layout_element__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_attributes_layout_element__checkbox-icon.checked, .main_ui_inspect_attributes_layout_element__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_attributes_layout_element__checkbox-icon.checked svg, .main_ui_inspect_attributes_layout_element__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_attributes_layout_element__checkbox-icon.intermediate, .main_ui_inspect_attributes_layout_element__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_attributes_layout_element__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_layout_element__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_attributes_layout_element__checkbox-icon.unchecked, .main_ui_inspect_attributes_layout_element__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_attributes_layout_element__checkbox-icon.unchecked svg, .main_ui_inspect_attributes_layout_element__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_attributes_layout_element__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_attributes_layout_element__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_attributes_layout_element__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_attributes_layout_element__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_layout_element__input-checkbox label:focus span, .main_ui_inspect_attributes_layout_element__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_attributes_layout_element__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_attributes_layout_element__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_layout_element__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_layout_element__input-with-label input:focus-within, .main_ui_inspect_attributes_layout_element__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_layout_element__input-with-label input:focus-within input, .main_ui_inspect_attributes_layout_element__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_layout_element__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_attributes_layout_element__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_attributes_layout_element__modal-overlay-base {
  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);
}

.main_ui_inspect_attributes_layout_element__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_attributes_layout_element__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_attributes_layout_element__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_attributes_layout_element__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_attributes_layout_element__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_layout_element__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_layout_element__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_attributes_layout_element__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_attributes_layout_element__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_attributes_layout_element__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_attributes_layout_element__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_attributes_layout_element__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_attributes_layout_element__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_attributes_layout_element__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_attributes_layout_element__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_attributes_layout_element__colorpicker-handler {
  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;
}
.main_ui_inspect_attributes_layout_element__colorpicker-handler:hover, .main_ui_inspect_attributes_layout_element__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_attributes_layout_element__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_attributes_layout_element__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_attributes_layout_element__attr-title div, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_attributes_layout_element__attr-title button, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button {
  display: none;
}
.main_ui_inspect_attributes_layout_element__attr-title button svg, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_layout_element__attr-title:hover button, .main_ui_inspect_attributes_layout_element__title-spacing-layout-element:hover button {
  display: flex;
}

.main_ui_inspect_attributes_layout_element__attr-row, .main_ui_inspect_attributes_layout_element__layout-element-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_attributes_layout_element__attr-row .attr-label, .main_ui_inspect_attributes_layout_element__layout-element-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_attributes_layout_element__attr-row .attr-value, .main_ui_inspect_attributes_layout_element__layout-element-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_attributes_layout_element__copy-button-children, .main_ui_inspect_attributes_layout_element__button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_attributes_layout_element__copy-button-children:hover div, .main_ui_inspect_attributes_layout_element__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_attributes_layout_element__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_attributes_layout_element__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_attributes_layout_element__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_attributes_layout_element__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_attributes_layout_element__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_attributes_layout_element__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_layout_element__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_attributes_layout_element__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_attributes_layout_element__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_attributes_layout_element__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_attributes_layout_element__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_inspect_attributes_layout_element__copy-btn-title {
  max-width: 1.75rem;
}
@keyframes main_ui_inspect_attributes_shadow__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_attributes_shadow__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_attributes_shadow__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_attributes_shadow__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_attributes_shadow__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_attributes_shadow__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_attributes_shadow__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_attributes_shadow__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_attributes_shadow__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_shadow__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_shadow__new-scrollbar ::placeholder,
.main_ui_inspect_attributes_shadow__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_attributes_shadow__button-primary, .main_ui_inspect_attributes_shadow__modal-danger-btn, .main_ui_inspect_attributes_shadow__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_attributes_shadow__button-primary:focus-visible, .main_ui_inspect_attributes_shadow__modal-danger-btn:focus-visible, .main_ui_inspect_attributes_shadow__modal-accept-btn: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);
}
.main_ui_inspect_attributes_shadow__button-primary:focus-visible svg, .main_ui_inspect_attributes_shadow__modal-danger-btn:focus-visible svg, .main_ui_inspect_attributes_shadow__modal-accept-btn:focus-visible svg,
.main_ui_inspect_attributes_shadow__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_attributes_shadow__button-primary svg, .main_ui_inspect_attributes_shadow__modal-danger-btn svg, .main_ui_inspect_attributes_shadow__modal-accept-btn svg,
.main_ui_inspect_attributes_shadow__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_attributes_shadow__button-primary:hover, .main_ui_inspect_attributes_shadow__modal-danger-btn:hover, .main_ui_inspect_attributes_shadow__modal-accept-btn: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;
}
.main_ui_inspect_attributes_shadow__button-primary:hover svg, .main_ui_inspect_attributes_shadow__modal-danger-btn:hover svg, .main_ui_inspect_attributes_shadow__modal-accept-btn:hover svg,
.main_ui_inspect_attributes_shadow__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_attributes_shadow__button-primary:active, .main_ui_inspect_attributes_shadow__modal-danger-btn:active, .main_ui_inspect_attributes_shadow__modal-accept-btn: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;
}
.main_ui_inspect_attributes_shadow__button-primary:active svg, .main_ui_inspect_attributes_shadow__modal-danger-btn:active svg, .main_ui_inspect_attributes_shadow__modal-accept-btn:active svg,
.main_ui_inspect_attributes_shadow__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_attributes_shadow__button-primary.disabled, .main_ui_inspect_attributes_shadow__modal-danger-btn.disabled, .main_ui_inspect_attributes_shadow__modal-accept-btn.disabled, .main_ui_inspect_attributes_shadow__button-primary[disabled], [disabled].main_ui_inspect_attributes_shadow__modal-danger-btn, [disabled].main_ui_inspect_attributes_shadow__modal-accept-btn, .main_ui_inspect_attributes_shadow__button-primary:disabled, .main_ui_inspect_attributes_shadow__modal-danger-btn:disabled, .main_ui_inspect_attributes_shadow__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_shadow__button-secondary, .main_ui_inspect_attributes_shadow__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_shadow__button-secondary:focus-visible, .main_ui_inspect_attributes_shadow__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_shadow__button-secondary:focus-visible svg, .main_ui_inspect_attributes_shadow__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_attributes_shadow__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_shadow__button-secondary svg, .main_ui_inspect_attributes_shadow__modal-cancel-btn svg,
.main_ui_inspect_attributes_shadow__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_shadow__button-secondary:hover, .main_ui_inspect_attributes_shadow__modal-cancel-btn: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;
}
.main_ui_inspect_attributes_shadow__button-secondary:hover svg, .main_ui_inspect_attributes_shadow__modal-cancel-btn:hover svg,
.main_ui_inspect_attributes_shadow__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_attributes_shadow__button-secondary:active, .main_ui_inspect_attributes_shadow__modal-cancel-btn: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);
}
.main_ui_inspect_attributes_shadow__button-secondary:active svg, .main_ui_inspect_attributes_shadow__modal-cancel-btn:active svg,
.main_ui_inspect_attributes_shadow__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_attributes_shadow__button-secondary.disabled, .main_ui_inspect_attributes_shadow__modal-cancel-btn.disabled, .main_ui_inspect_attributes_shadow__button-secondary[disabled], [disabled].main_ui_inspect_attributes_shadow__modal-cancel-btn, .main_ui_inspect_attributes_shadow__button-secondary:disabled, .main_ui_inspect_attributes_shadow__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_shadow__button-tertiary, .main_ui_inspect_attributes_shadow__attr-title button, .main_ui_inspect_attributes_shadow__title-spacing-shadow button, .main_ui_inspect_attributes_shadow__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_attributes_shadow__button-tertiary:focus-visible, .main_ui_inspect_attributes_shadow__attr-title button:focus-visible, .main_ui_inspect_attributes_shadow__title-spacing-shadow button:focus-visible, .main_ui_inspect_attributes_shadow__modal-close-btn-base: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);
}
.main_ui_inspect_attributes_shadow__button-tertiary:focus-visible svg, .main_ui_inspect_attributes_shadow__attr-title button:focus-visible svg, .main_ui_inspect_attributes_shadow__title-spacing-shadow button:focus-visible svg, .main_ui_inspect_attributes_shadow__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_attributes_shadow__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_attributes_shadow__button-tertiary svg, .main_ui_inspect_attributes_shadow__attr-title button svg, .main_ui_inspect_attributes_shadow__title-spacing-shadow button svg, .main_ui_inspect_attributes_shadow__modal-close-btn-base svg,
.main_ui_inspect_attributes_shadow__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_attributes_shadow__button-tertiary:hover, .main_ui_inspect_attributes_shadow__attr-title button:hover, .main_ui_inspect_attributes_shadow__title-spacing-shadow button:hover, .main_ui_inspect_attributes_shadow__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_attributes_shadow__button-tertiary:hover svg, .main_ui_inspect_attributes_shadow__attr-title button:hover svg, .main_ui_inspect_attributes_shadow__title-spacing-shadow button:hover svg, .main_ui_inspect_attributes_shadow__modal-close-btn-base:hover svg,
.main_ui_inspect_attributes_shadow__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_attributes_shadow__button-tertiary:active, .main_ui_inspect_attributes_shadow__attr-title button:active, .main_ui_inspect_attributes_shadow__title-spacing-shadow button:active, .main_ui_inspect_attributes_shadow__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_shadow__button-tertiary:active svg, .main_ui_inspect_attributes_shadow__attr-title button:active svg, .main_ui_inspect_attributes_shadow__title-spacing-shadow button:active svg, .main_ui_inspect_attributes_shadow__modal-close-btn-base:active svg,
.main_ui_inspect_attributes_shadow__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_shadow__button-tertiary.disabled, .main_ui_inspect_attributes_shadow__attr-title button.disabled, .main_ui_inspect_attributes_shadow__title-spacing-shadow button.disabled, .main_ui_inspect_attributes_shadow__modal-close-btn-base.disabled, .main_ui_inspect_attributes_shadow__button-tertiary[disabled], .main_ui_inspect_attributes_shadow__attr-title button[disabled], .main_ui_inspect_attributes_shadow__title-spacing-shadow button[disabled], [disabled].main_ui_inspect_attributes_shadow__modal-close-btn-base, .main_ui_inspect_attributes_shadow__button-tertiary:disabled, .main_ui_inspect_attributes_shadow__attr-title button:disabled, .main_ui_inspect_attributes_shadow__title-spacing-shadow button:disabled, .main_ui_inspect_attributes_shadow__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_attributes_shadow__button-tertiary.disabled svg, .main_ui_inspect_attributes_shadow__attr-title button.disabled svg, .main_ui_inspect_attributes_shadow__title-spacing-shadow button.disabled svg, .main_ui_inspect_attributes_shadow__modal-close-btn-base.disabled svg,
.main_ui_inspect_attributes_shadow__button-tertiary.disabled span svg, .main_ui_inspect_attributes_shadow__button-tertiary[disabled] svg, .main_ui_inspect_attributes_shadow__attr-title button[disabled] svg, .main_ui_inspect_attributes_shadow__title-spacing-shadow button[disabled] svg, [disabled].main_ui_inspect_attributes_shadow__modal-close-btn-base svg,
.main_ui_inspect_attributes_shadow__button-tertiary[disabled] span svg, .main_ui_inspect_attributes_shadow__button-tertiary:disabled svg, .main_ui_inspect_attributes_shadow__attr-title button:disabled svg, .main_ui_inspect_attributes_shadow__title-spacing-shadow button:disabled svg, .main_ui_inspect_attributes_shadow__modal-close-btn-base:disabled svg,
.main_ui_inspect_attributes_shadow__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_attributes_shadow__button-icon-selected {
  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);
}
.main_ui_inspect_attributes_shadow__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_attributes_shadow__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_attributes_shadow__button-radio: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);
}
.main_ui_inspect_attributes_shadow__button-radio:focus-visible svg,
.main_ui_inspect_attributes_shadow__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_attributes_shadow__button-radio svg,
.main_ui_inspect_attributes_shadow__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_attributes_shadow__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_attributes_shadow__button-radio:hover svg,
.main_ui_inspect_attributes_shadow__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_attributes_shadow__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_attributes_shadow__button-radio:active svg,
.main_ui_inspect_attributes_shadow__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_attributes_shadow__button-warning {
  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);
}

.main_ui_inspect_attributes_shadow__button-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;
}

.main_ui_inspect_attributes_shadow__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_attributes_shadow__button-tag: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);
}
.main_ui_inspect_attributes_shadow__button-tag:focus-visible svg,
.main_ui_inspect_attributes_shadow__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_attributes_shadow__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_attributes_shadow__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_attributes_shadow__button-icon, .main_ui_inspect_attributes_shadow__empty-icon svg, .main_ui_inspect_attributes_shadow__modal-close-btn-base svg, .main_ui_inspect_attributes_shadow__button-icon-small, .main_ui_inspect_attributes_shadow__dropdown-element-base span svg, .main_ui_inspect_attributes_shadow__attr-title button svg, .main_ui_inspect_attributes_shadow__title-spacing-shadow button svg, .main_ui_inspect_attributes_shadow__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_shadow__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_shadow__checkbox-icon.checked svg, .main_ui_inspect_attributes_shadow__input-checkbox label span.checked svg, .main_ui_inspect_attributes_shadow__input-element span svg,
.main_ui_inspect_attributes_shadow__input-element label svg, .main_ui_inspect_attributes_shadow__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_attributes_shadow__button-icon-small, .main_ui_inspect_attributes_shadow__dropdown-element-base span svg, .main_ui_inspect_attributes_shadow__attr-title button svg, .main_ui_inspect_attributes_shadow__title-spacing-shadow button svg, .main_ui_inspect_attributes_shadow__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_shadow__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_shadow__checkbox-icon.checked svg, .main_ui_inspect_attributes_shadow__input-checkbox label span.checked svg, .main_ui_inspect_attributes_shadow__input-element span svg,
.main_ui_inspect_attributes_shadow__input-element label svg, .main_ui_inspect_attributes_shadow__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_attributes_shadow__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_attributes_shadow__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_attributes_shadow__input-base, .main_ui_inspect_attributes_shadow__input-with-label input, .main_ui_inspect_attributes_shadow__input-element-label input, .main_ui_inspect_attributes_shadow__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_shadow__input-base[disabled], .main_ui_inspect_attributes_shadow__input-with-label input[disabled], .main_ui_inspect_attributes_shadow__input-element-label input[disabled], .main_ui_inspect_attributes_shadow__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_attributes_shadow__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_attributes_shadow__input-label, .main_ui_inspect_attributes_shadow__input-element span,
.main_ui_inspect_attributes_shadow__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_attributes_shadow__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_attributes_shadow__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_shadow__input-element span svg,
.main_ui_inspect_attributes_shadow__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_attributes_shadow__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_shadow__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_shadow__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_shadow__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_shadow__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_shadow__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_attributes_shadow__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_shadow__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_shadow__input-element:focus, .main_ui_inspect_attributes_shadow__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_shadow__input-element:focus span, .main_ui_inspect_attributes_shadow__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_shadow__input-element:focus input, .main_ui_inspect_attributes_shadow__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_shadow__input-element:focus:hover, .main_ui_inspect_attributes_shadow__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_shadow__input-element:focus:hover span, .main_ui_inspect_attributes_shadow__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_shadow__input-element:focus:hover input, .main_ui_inspect_attributes_shadow__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_attributes_shadow__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_attributes_shadow__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_attributes_shadow__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_shadow__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_shadow__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_shadow__input-element-label:focus-within input, .main_ui_inspect_attributes_shadow__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_attributes_shadow__disabled-input, .main_ui_inspect_attributes_shadow__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_shadow__disabled-input input, .main_ui_inspect_attributes_shadow__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_shadow__disabled-input span svg, .main_ui_inspect_attributes_shadow__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_attributes_shadow__checkbox-icon, .main_ui_inspect_attributes_shadow__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_attributes_shadow__checkbox-icon svg, .main_ui_inspect_attributes_shadow__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_attributes_shadow__checkbox-icon:hover, .main_ui_inspect_attributes_shadow__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_shadow__checkbox-icon:focus, .main_ui_inspect_attributes_shadow__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_attributes_shadow__checkbox-icon.checked, .main_ui_inspect_attributes_shadow__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_attributes_shadow__checkbox-icon.checked svg, .main_ui_inspect_attributes_shadow__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_attributes_shadow__checkbox-icon.intermediate, .main_ui_inspect_attributes_shadow__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_attributes_shadow__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_shadow__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_attributes_shadow__checkbox-icon.unchecked, .main_ui_inspect_attributes_shadow__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_attributes_shadow__checkbox-icon.unchecked svg, .main_ui_inspect_attributes_shadow__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_attributes_shadow__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_attributes_shadow__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_attributes_shadow__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_attributes_shadow__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_shadow__input-checkbox label:focus span, .main_ui_inspect_attributes_shadow__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_attributes_shadow__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_attributes_shadow__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_shadow__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_shadow__input-with-label input:focus-within, .main_ui_inspect_attributes_shadow__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_shadow__input-with-label input:focus-within input, .main_ui_inspect_attributes_shadow__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_shadow__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_attributes_shadow__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_attributes_shadow__modal-overlay-base {
  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);
}

.main_ui_inspect_attributes_shadow__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_attributes_shadow__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_attributes_shadow__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_attributes_shadow__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_attributes_shadow__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_shadow__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_shadow__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_attributes_shadow__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_attributes_shadow__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_attributes_shadow__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_attributes_shadow__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_attributes_shadow__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_attributes_shadow__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_attributes_shadow__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_attributes_shadow__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_attributes_shadow__colorpicker-handler {
  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;
}
.main_ui_inspect_attributes_shadow__colorpicker-handler:hover, .main_ui_inspect_attributes_shadow__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_attributes_shadow__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_attributes_shadow__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_attributes_shadow__attr-title div, .main_ui_inspect_attributes_shadow__title-spacing-shadow div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_attributes_shadow__attr-title button, .main_ui_inspect_attributes_shadow__title-spacing-shadow button {
  display: none;
}
.main_ui_inspect_attributes_shadow__attr-title button svg, .main_ui_inspect_attributes_shadow__title-spacing-shadow button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_shadow__attr-title:hover button, .main_ui_inspect_attributes_shadow__title-spacing-shadow:hover button {
  display: flex;
}

.main_ui_inspect_attributes_shadow__attr-row, .main_ui_inspect_attributes_shadow__shadow-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_attributes_shadow__attr-row .attr-label, .main_ui_inspect_attributes_shadow__shadow-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_attributes_shadow__attr-row .attr-value, .main_ui_inspect_attributes_shadow__shadow-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_attributes_shadow__copy-button-children, .main_ui_inspect_attributes_shadow__button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_attributes_shadow__copy-button-children:hover div, .main_ui_inspect_attributes_shadow__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_attributes_shadow__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_attributes_shadow__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_attributes_shadow__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_attributes_shadow__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_attributes_shadow__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_attributes_shadow__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_shadow__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_attributes_shadow__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_attributes_shadow__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_attributes_shadow__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_attributes_shadow__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@keyframes main_ui_inspect_attributes_stroke__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_attributes_stroke__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_attributes_stroke__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_attributes_stroke__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_attributes_stroke__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_attributes_stroke__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_attributes_stroke__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_attributes_stroke__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_attributes_stroke__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_stroke__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_stroke__new-scrollbar ::placeholder,
.main_ui_inspect_attributes_stroke__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_attributes_stroke__button-primary, .main_ui_inspect_attributes_stroke__modal-danger-btn, .main_ui_inspect_attributes_stroke__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_attributes_stroke__button-primary:focus-visible, .main_ui_inspect_attributes_stroke__modal-danger-btn:focus-visible, .main_ui_inspect_attributes_stroke__modal-accept-btn: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);
}
.main_ui_inspect_attributes_stroke__button-primary:focus-visible svg, .main_ui_inspect_attributes_stroke__modal-danger-btn:focus-visible svg, .main_ui_inspect_attributes_stroke__modal-accept-btn:focus-visible svg,
.main_ui_inspect_attributes_stroke__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_attributes_stroke__button-primary svg, .main_ui_inspect_attributes_stroke__modal-danger-btn svg, .main_ui_inspect_attributes_stroke__modal-accept-btn svg,
.main_ui_inspect_attributes_stroke__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_attributes_stroke__button-primary:hover, .main_ui_inspect_attributes_stroke__modal-danger-btn:hover, .main_ui_inspect_attributes_stroke__modal-accept-btn: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;
}
.main_ui_inspect_attributes_stroke__button-primary:hover svg, .main_ui_inspect_attributes_stroke__modal-danger-btn:hover svg, .main_ui_inspect_attributes_stroke__modal-accept-btn:hover svg,
.main_ui_inspect_attributes_stroke__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_attributes_stroke__button-primary:active, .main_ui_inspect_attributes_stroke__modal-danger-btn:active, .main_ui_inspect_attributes_stroke__modal-accept-btn: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;
}
.main_ui_inspect_attributes_stroke__button-primary:active svg, .main_ui_inspect_attributes_stroke__modal-danger-btn:active svg, .main_ui_inspect_attributes_stroke__modal-accept-btn:active svg,
.main_ui_inspect_attributes_stroke__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_attributes_stroke__button-primary.disabled, .main_ui_inspect_attributes_stroke__modal-danger-btn.disabled, .main_ui_inspect_attributes_stroke__modal-accept-btn.disabled, .main_ui_inspect_attributes_stroke__button-primary[disabled], [disabled].main_ui_inspect_attributes_stroke__modal-danger-btn, [disabled].main_ui_inspect_attributes_stroke__modal-accept-btn, .main_ui_inspect_attributes_stroke__button-primary:disabled, .main_ui_inspect_attributes_stroke__modal-danger-btn:disabled, .main_ui_inspect_attributes_stroke__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_stroke__button-secondary, .main_ui_inspect_attributes_stroke__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_stroke__button-secondary:focus-visible, .main_ui_inspect_attributes_stroke__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_stroke__button-secondary:focus-visible svg, .main_ui_inspect_attributes_stroke__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_attributes_stroke__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_stroke__button-secondary svg, .main_ui_inspect_attributes_stroke__modal-cancel-btn svg,
.main_ui_inspect_attributes_stroke__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_stroke__button-secondary:hover, .main_ui_inspect_attributes_stroke__modal-cancel-btn: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;
}
.main_ui_inspect_attributes_stroke__button-secondary:hover svg, .main_ui_inspect_attributes_stroke__modal-cancel-btn:hover svg,
.main_ui_inspect_attributes_stroke__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_attributes_stroke__button-secondary:active, .main_ui_inspect_attributes_stroke__modal-cancel-btn: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);
}
.main_ui_inspect_attributes_stroke__button-secondary:active svg, .main_ui_inspect_attributes_stroke__modal-cancel-btn:active svg,
.main_ui_inspect_attributes_stroke__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_attributes_stroke__button-secondary.disabled, .main_ui_inspect_attributes_stroke__modal-cancel-btn.disabled, .main_ui_inspect_attributes_stroke__button-secondary[disabled], [disabled].main_ui_inspect_attributes_stroke__modal-cancel-btn, .main_ui_inspect_attributes_stroke__button-secondary:disabled, .main_ui_inspect_attributes_stroke__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_stroke__button-tertiary, .main_ui_inspect_attributes_stroke__attr-title button, .main_ui_inspect_attributes_stroke__title-spacing-stroke button, .main_ui_inspect_attributes_stroke__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_attributes_stroke__button-tertiary:focus-visible, .main_ui_inspect_attributes_stroke__attr-title button:focus-visible, .main_ui_inspect_attributes_stroke__title-spacing-stroke button:focus-visible, .main_ui_inspect_attributes_stroke__modal-close-btn-base: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);
}
.main_ui_inspect_attributes_stroke__button-tertiary:focus-visible svg, .main_ui_inspect_attributes_stroke__attr-title button:focus-visible svg, .main_ui_inspect_attributes_stroke__title-spacing-stroke button:focus-visible svg, .main_ui_inspect_attributes_stroke__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_attributes_stroke__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_attributes_stroke__button-tertiary svg, .main_ui_inspect_attributes_stroke__attr-title button svg, .main_ui_inspect_attributes_stroke__title-spacing-stroke button svg, .main_ui_inspect_attributes_stroke__modal-close-btn-base svg,
.main_ui_inspect_attributes_stroke__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_attributes_stroke__button-tertiary:hover, .main_ui_inspect_attributes_stroke__attr-title button:hover, .main_ui_inspect_attributes_stroke__title-spacing-stroke button:hover, .main_ui_inspect_attributes_stroke__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_attributes_stroke__button-tertiary:hover svg, .main_ui_inspect_attributes_stroke__attr-title button:hover svg, .main_ui_inspect_attributes_stroke__title-spacing-stroke button:hover svg, .main_ui_inspect_attributes_stroke__modal-close-btn-base:hover svg,
.main_ui_inspect_attributes_stroke__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_attributes_stroke__button-tertiary:active, .main_ui_inspect_attributes_stroke__attr-title button:active, .main_ui_inspect_attributes_stroke__title-spacing-stroke button:active, .main_ui_inspect_attributes_stroke__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_stroke__button-tertiary:active svg, .main_ui_inspect_attributes_stroke__attr-title button:active svg, .main_ui_inspect_attributes_stroke__title-spacing-stroke button:active svg, .main_ui_inspect_attributes_stroke__modal-close-btn-base:active svg,
.main_ui_inspect_attributes_stroke__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_stroke__button-tertiary.disabled, .main_ui_inspect_attributes_stroke__attr-title button.disabled, .main_ui_inspect_attributes_stroke__title-spacing-stroke button.disabled, .main_ui_inspect_attributes_stroke__modal-close-btn-base.disabled, .main_ui_inspect_attributes_stroke__button-tertiary[disabled], .main_ui_inspect_attributes_stroke__attr-title button[disabled], .main_ui_inspect_attributes_stroke__title-spacing-stroke button[disabled], [disabled].main_ui_inspect_attributes_stroke__modal-close-btn-base, .main_ui_inspect_attributes_stroke__button-tertiary:disabled, .main_ui_inspect_attributes_stroke__attr-title button:disabled, .main_ui_inspect_attributes_stroke__title-spacing-stroke button:disabled, .main_ui_inspect_attributes_stroke__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_attributes_stroke__button-tertiary.disabled svg, .main_ui_inspect_attributes_stroke__attr-title button.disabled svg, .main_ui_inspect_attributes_stroke__title-spacing-stroke button.disabled svg, .main_ui_inspect_attributes_stroke__modal-close-btn-base.disabled svg,
.main_ui_inspect_attributes_stroke__button-tertiary.disabled span svg, .main_ui_inspect_attributes_stroke__button-tertiary[disabled] svg, .main_ui_inspect_attributes_stroke__attr-title button[disabled] svg, .main_ui_inspect_attributes_stroke__title-spacing-stroke button[disabled] svg, [disabled].main_ui_inspect_attributes_stroke__modal-close-btn-base svg,
.main_ui_inspect_attributes_stroke__button-tertiary[disabled] span svg, .main_ui_inspect_attributes_stroke__button-tertiary:disabled svg, .main_ui_inspect_attributes_stroke__attr-title button:disabled svg, .main_ui_inspect_attributes_stroke__title-spacing-stroke button:disabled svg, .main_ui_inspect_attributes_stroke__modal-close-btn-base:disabled svg,
.main_ui_inspect_attributes_stroke__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_attributes_stroke__button-icon-selected {
  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);
}
.main_ui_inspect_attributes_stroke__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_attributes_stroke__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_attributes_stroke__button-radio: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);
}
.main_ui_inspect_attributes_stroke__button-radio:focus-visible svg,
.main_ui_inspect_attributes_stroke__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_attributes_stroke__button-radio svg,
.main_ui_inspect_attributes_stroke__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_attributes_stroke__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_attributes_stroke__button-radio:hover svg,
.main_ui_inspect_attributes_stroke__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_attributes_stroke__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_attributes_stroke__button-radio:active svg,
.main_ui_inspect_attributes_stroke__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_attributes_stroke__button-warning {
  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);
}

.main_ui_inspect_attributes_stroke__button-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;
}

.main_ui_inspect_attributes_stroke__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_attributes_stroke__button-tag: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);
}
.main_ui_inspect_attributes_stroke__button-tag:focus-visible svg,
.main_ui_inspect_attributes_stroke__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_attributes_stroke__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_attributes_stroke__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_attributes_stroke__button-icon, .main_ui_inspect_attributes_stroke__empty-icon svg, .main_ui_inspect_attributes_stroke__modal-close-btn-base svg, .main_ui_inspect_attributes_stroke__button-icon-small, .main_ui_inspect_attributes_stroke__dropdown-element-base span svg, .main_ui_inspect_attributes_stroke__attr-title button svg, .main_ui_inspect_attributes_stroke__title-spacing-stroke button svg, .main_ui_inspect_attributes_stroke__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_stroke__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_stroke__checkbox-icon.checked svg, .main_ui_inspect_attributes_stroke__input-checkbox label span.checked svg, .main_ui_inspect_attributes_stroke__input-element span svg,
.main_ui_inspect_attributes_stroke__input-element label svg, .main_ui_inspect_attributes_stroke__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_attributes_stroke__button-icon-small, .main_ui_inspect_attributes_stroke__dropdown-element-base span svg, .main_ui_inspect_attributes_stroke__attr-title button svg, .main_ui_inspect_attributes_stroke__title-spacing-stroke button svg, .main_ui_inspect_attributes_stroke__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_stroke__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_stroke__checkbox-icon.checked svg, .main_ui_inspect_attributes_stroke__input-checkbox label span.checked svg, .main_ui_inspect_attributes_stroke__input-element span svg,
.main_ui_inspect_attributes_stroke__input-element label svg, .main_ui_inspect_attributes_stroke__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_attributes_stroke__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_attributes_stroke__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_attributes_stroke__input-base, .main_ui_inspect_attributes_stroke__input-with-label input, .main_ui_inspect_attributes_stroke__input-element-label input, .main_ui_inspect_attributes_stroke__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_stroke__input-base[disabled], .main_ui_inspect_attributes_stroke__input-with-label input[disabled], .main_ui_inspect_attributes_stroke__input-element-label input[disabled], .main_ui_inspect_attributes_stroke__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_attributes_stroke__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_attributes_stroke__input-label, .main_ui_inspect_attributes_stroke__input-element span,
.main_ui_inspect_attributes_stroke__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_attributes_stroke__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_attributes_stroke__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_stroke__input-element span svg,
.main_ui_inspect_attributes_stroke__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_attributes_stroke__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_stroke__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_stroke__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_stroke__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_stroke__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_stroke__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_attributes_stroke__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_stroke__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_stroke__input-element:focus, .main_ui_inspect_attributes_stroke__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_stroke__input-element:focus span, .main_ui_inspect_attributes_stroke__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_stroke__input-element:focus input, .main_ui_inspect_attributes_stroke__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_stroke__input-element:focus:hover, .main_ui_inspect_attributes_stroke__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_stroke__input-element:focus:hover span, .main_ui_inspect_attributes_stroke__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_stroke__input-element:focus:hover input, .main_ui_inspect_attributes_stroke__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_attributes_stroke__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_attributes_stroke__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_attributes_stroke__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_stroke__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_stroke__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_stroke__input-element-label:focus-within input, .main_ui_inspect_attributes_stroke__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_attributes_stroke__disabled-input, .main_ui_inspect_attributes_stroke__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_stroke__disabled-input input, .main_ui_inspect_attributes_stroke__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_stroke__disabled-input span svg, .main_ui_inspect_attributes_stroke__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_attributes_stroke__checkbox-icon, .main_ui_inspect_attributes_stroke__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_attributes_stroke__checkbox-icon svg, .main_ui_inspect_attributes_stroke__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_attributes_stroke__checkbox-icon:hover, .main_ui_inspect_attributes_stroke__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_stroke__checkbox-icon:focus, .main_ui_inspect_attributes_stroke__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_attributes_stroke__checkbox-icon.checked, .main_ui_inspect_attributes_stroke__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_attributes_stroke__checkbox-icon.checked svg, .main_ui_inspect_attributes_stroke__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_attributes_stroke__checkbox-icon.intermediate, .main_ui_inspect_attributes_stroke__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_attributes_stroke__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_stroke__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_attributes_stroke__checkbox-icon.unchecked, .main_ui_inspect_attributes_stroke__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_attributes_stroke__checkbox-icon.unchecked svg, .main_ui_inspect_attributes_stroke__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_attributes_stroke__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_attributes_stroke__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_attributes_stroke__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_attributes_stroke__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_stroke__input-checkbox label:focus span, .main_ui_inspect_attributes_stroke__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_attributes_stroke__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_attributes_stroke__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_stroke__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_stroke__input-with-label input:focus-within, .main_ui_inspect_attributes_stroke__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_stroke__input-with-label input:focus-within input, .main_ui_inspect_attributes_stroke__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_stroke__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_attributes_stroke__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_attributes_stroke__modal-overlay-base {
  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);
}

.main_ui_inspect_attributes_stroke__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_attributes_stroke__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_attributes_stroke__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_attributes_stroke__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_attributes_stroke__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_stroke__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_stroke__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_attributes_stroke__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_attributes_stroke__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_attributes_stroke__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_attributes_stroke__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_attributes_stroke__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_attributes_stroke__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_attributes_stroke__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_attributes_stroke__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_attributes_stroke__colorpicker-handler {
  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;
}
.main_ui_inspect_attributes_stroke__colorpicker-handler:hover, .main_ui_inspect_attributes_stroke__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_attributes_stroke__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_attributes_stroke__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_attributes_stroke__attr-title div, .main_ui_inspect_attributes_stroke__title-spacing-stroke div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_attributes_stroke__attr-title button, .main_ui_inspect_attributes_stroke__title-spacing-stroke button {
  display: none;
}
.main_ui_inspect_attributes_stroke__attr-title button svg, .main_ui_inspect_attributes_stroke__title-spacing-stroke button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_stroke__attr-title:hover button, .main_ui_inspect_attributes_stroke__title-spacing-stroke:hover button {
  display: flex;
}

.main_ui_inspect_attributes_stroke__attr-row, .main_ui_inspect_attributes_stroke__stroke-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_attributes_stroke__attr-row .attr-label, .main_ui_inspect_attributes_stroke__stroke-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_attributes_stroke__attr-row .attr-value, .main_ui_inspect_attributes_stroke__stroke-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_attributes_stroke__copy-button-children, .main_ui_inspect_attributes_stroke__button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_attributes_stroke__copy-button-children:hover div, .main_ui_inspect_attributes_stroke__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_attributes_stroke__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_attributes_stroke__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_attributes_stroke__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_attributes_stroke__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_attributes_stroke__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_attributes_stroke__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_stroke__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_attributes_stroke__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_attributes_stroke__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_attributes_stroke__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_attributes_stroke__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_inspect_attributes_stroke__attributes-stroke-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_inspect_attributes_stroke__attributes-content {
  display: grid;
  gap: 0.25rem;
}
@keyframes main_ui_inspect_attributes_svg__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_attributes_svg__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_attributes_svg__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_attributes_svg__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_attributes_svg__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_attributes_svg__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_attributes_svg__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_attributes_svg__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_attributes_svg__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_svg__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_svg__new-scrollbar ::placeholder,
.main_ui_inspect_attributes_svg__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_attributes_svg__button-primary, .main_ui_inspect_attributes_svg__modal-danger-btn, .main_ui_inspect_attributes_svg__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_attributes_svg__button-primary:focus-visible, .main_ui_inspect_attributes_svg__modal-danger-btn:focus-visible, .main_ui_inspect_attributes_svg__modal-accept-btn: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);
}
.main_ui_inspect_attributes_svg__button-primary:focus-visible svg, .main_ui_inspect_attributes_svg__modal-danger-btn:focus-visible svg, .main_ui_inspect_attributes_svg__modal-accept-btn:focus-visible svg,
.main_ui_inspect_attributes_svg__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_attributes_svg__button-primary svg, .main_ui_inspect_attributes_svg__modal-danger-btn svg, .main_ui_inspect_attributes_svg__modal-accept-btn svg,
.main_ui_inspect_attributes_svg__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_attributes_svg__button-primary:hover, .main_ui_inspect_attributes_svg__modal-danger-btn:hover, .main_ui_inspect_attributes_svg__modal-accept-btn: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;
}
.main_ui_inspect_attributes_svg__button-primary:hover svg, .main_ui_inspect_attributes_svg__modal-danger-btn:hover svg, .main_ui_inspect_attributes_svg__modal-accept-btn:hover svg,
.main_ui_inspect_attributes_svg__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_attributes_svg__button-primary:active, .main_ui_inspect_attributes_svg__modal-danger-btn:active, .main_ui_inspect_attributes_svg__modal-accept-btn: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;
}
.main_ui_inspect_attributes_svg__button-primary:active svg, .main_ui_inspect_attributes_svg__modal-danger-btn:active svg, .main_ui_inspect_attributes_svg__modal-accept-btn:active svg,
.main_ui_inspect_attributes_svg__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_attributes_svg__button-primary.disabled, .main_ui_inspect_attributes_svg__modal-danger-btn.disabled, .main_ui_inspect_attributes_svg__modal-accept-btn.disabled, .main_ui_inspect_attributes_svg__button-primary[disabled], [disabled].main_ui_inspect_attributes_svg__modal-danger-btn, [disabled].main_ui_inspect_attributes_svg__modal-accept-btn, .main_ui_inspect_attributes_svg__button-primary:disabled, .main_ui_inspect_attributes_svg__modal-danger-btn:disabled, .main_ui_inspect_attributes_svg__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_svg__button-secondary, .main_ui_inspect_attributes_svg__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_svg__button-secondary:focus-visible, .main_ui_inspect_attributes_svg__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_svg__button-secondary:focus-visible svg, .main_ui_inspect_attributes_svg__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_attributes_svg__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_svg__button-secondary svg, .main_ui_inspect_attributes_svg__modal-cancel-btn svg,
.main_ui_inspect_attributes_svg__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_svg__button-secondary:hover, .main_ui_inspect_attributes_svg__modal-cancel-btn: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;
}
.main_ui_inspect_attributes_svg__button-secondary:hover svg, .main_ui_inspect_attributes_svg__modal-cancel-btn:hover svg,
.main_ui_inspect_attributes_svg__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_attributes_svg__button-secondary:active, .main_ui_inspect_attributes_svg__modal-cancel-btn: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);
}
.main_ui_inspect_attributes_svg__button-secondary:active svg, .main_ui_inspect_attributes_svg__modal-cancel-btn:active svg,
.main_ui_inspect_attributes_svg__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_attributes_svg__button-secondary.disabled, .main_ui_inspect_attributes_svg__modal-cancel-btn.disabled, .main_ui_inspect_attributes_svg__button-secondary[disabled], [disabled].main_ui_inspect_attributes_svg__modal-cancel-btn, .main_ui_inspect_attributes_svg__button-secondary:disabled, .main_ui_inspect_attributes_svg__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_svg__button-tertiary, .main_ui_inspect_attributes_svg__attr-title button, .main_ui_inspect_attributes_svg__title-spacing-svg button, .main_ui_inspect_attributes_svg__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_attributes_svg__button-tertiary:focus-visible, .main_ui_inspect_attributes_svg__attr-title button:focus-visible, .main_ui_inspect_attributes_svg__title-spacing-svg button:focus-visible, .main_ui_inspect_attributes_svg__modal-close-btn-base: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);
}
.main_ui_inspect_attributes_svg__button-tertiary:focus-visible svg, .main_ui_inspect_attributes_svg__attr-title button:focus-visible svg, .main_ui_inspect_attributes_svg__title-spacing-svg button:focus-visible svg, .main_ui_inspect_attributes_svg__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_attributes_svg__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_attributes_svg__button-tertiary svg, .main_ui_inspect_attributes_svg__attr-title button svg, .main_ui_inspect_attributes_svg__title-spacing-svg button svg, .main_ui_inspect_attributes_svg__modal-close-btn-base svg,
.main_ui_inspect_attributes_svg__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_attributes_svg__button-tertiary:hover, .main_ui_inspect_attributes_svg__attr-title button:hover, .main_ui_inspect_attributes_svg__title-spacing-svg button:hover, .main_ui_inspect_attributes_svg__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_attributes_svg__button-tertiary:hover svg, .main_ui_inspect_attributes_svg__attr-title button:hover svg, .main_ui_inspect_attributes_svg__title-spacing-svg button:hover svg, .main_ui_inspect_attributes_svg__modal-close-btn-base:hover svg,
.main_ui_inspect_attributes_svg__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_attributes_svg__button-tertiary:active, .main_ui_inspect_attributes_svg__attr-title button:active, .main_ui_inspect_attributes_svg__title-spacing-svg button:active, .main_ui_inspect_attributes_svg__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_svg__button-tertiary:active svg, .main_ui_inspect_attributes_svg__attr-title button:active svg, .main_ui_inspect_attributes_svg__title-spacing-svg button:active svg, .main_ui_inspect_attributes_svg__modal-close-btn-base:active svg,
.main_ui_inspect_attributes_svg__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_svg__button-tertiary.disabled, .main_ui_inspect_attributes_svg__attr-title button.disabled, .main_ui_inspect_attributes_svg__title-spacing-svg button.disabled, .main_ui_inspect_attributes_svg__modal-close-btn-base.disabled, .main_ui_inspect_attributes_svg__button-tertiary[disabled], .main_ui_inspect_attributes_svg__attr-title button[disabled], .main_ui_inspect_attributes_svg__title-spacing-svg button[disabled], [disabled].main_ui_inspect_attributes_svg__modal-close-btn-base, .main_ui_inspect_attributes_svg__button-tertiary:disabled, .main_ui_inspect_attributes_svg__attr-title button:disabled, .main_ui_inspect_attributes_svg__title-spacing-svg button:disabled, .main_ui_inspect_attributes_svg__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_attributes_svg__button-tertiary.disabled svg, .main_ui_inspect_attributes_svg__attr-title button.disabled svg, .main_ui_inspect_attributes_svg__title-spacing-svg button.disabled svg, .main_ui_inspect_attributes_svg__modal-close-btn-base.disabled svg,
.main_ui_inspect_attributes_svg__button-tertiary.disabled span svg, .main_ui_inspect_attributes_svg__button-tertiary[disabled] svg, .main_ui_inspect_attributes_svg__attr-title button[disabled] svg, .main_ui_inspect_attributes_svg__title-spacing-svg button[disabled] svg, [disabled].main_ui_inspect_attributes_svg__modal-close-btn-base svg,
.main_ui_inspect_attributes_svg__button-tertiary[disabled] span svg, .main_ui_inspect_attributes_svg__button-tertiary:disabled svg, .main_ui_inspect_attributes_svg__attr-title button:disabled svg, .main_ui_inspect_attributes_svg__title-spacing-svg button:disabled svg, .main_ui_inspect_attributes_svg__modal-close-btn-base:disabled svg,
.main_ui_inspect_attributes_svg__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_attributes_svg__button-icon-selected {
  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);
}
.main_ui_inspect_attributes_svg__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_attributes_svg__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_attributes_svg__button-radio: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);
}
.main_ui_inspect_attributes_svg__button-radio:focus-visible svg,
.main_ui_inspect_attributes_svg__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_attributes_svg__button-radio svg,
.main_ui_inspect_attributes_svg__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_attributes_svg__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_attributes_svg__button-radio:hover svg,
.main_ui_inspect_attributes_svg__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_attributes_svg__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_attributes_svg__button-radio:active svg,
.main_ui_inspect_attributes_svg__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_attributes_svg__button-warning {
  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);
}

.main_ui_inspect_attributes_svg__button-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;
}

.main_ui_inspect_attributes_svg__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_attributes_svg__button-tag: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);
}
.main_ui_inspect_attributes_svg__button-tag:focus-visible svg,
.main_ui_inspect_attributes_svg__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_attributes_svg__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_attributes_svg__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_attributes_svg__button-icon, .main_ui_inspect_attributes_svg__empty-icon svg, .main_ui_inspect_attributes_svg__modal-close-btn-base svg, .main_ui_inspect_attributes_svg__button-icon-small, .main_ui_inspect_attributes_svg__dropdown-element-base span svg, .main_ui_inspect_attributes_svg__attr-title button svg, .main_ui_inspect_attributes_svg__title-spacing-svg button svg, .main_ui_inspect_attributes_svg__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_svg__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_svg__checkbox-icon.checked svg, .main_ui_inspect_attributes_svg__input-checkbox label span.checked svg, .main_ui_inspect_attributes_svg__input-element span svg,
.main_ui_inspect_attributes_svg__input-element label svg, .main_ui_inspect_attributes_svg__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_attributes_svg__button-icon-small, .main_ui_inspect_attributes_svg__dropdown-element-base span svg, .main_ui_inspect_attributes_svg__attr-title button svg, .main_ui_inspect_attributes_svg__title-spacing-svg button svg, .main_ui_inspect_attributes_svg__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_svg__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_svg__checkbox-icon.checked svg, .main_ui_inspect_attributes_svg__input-checkbox label span.checked svg, .main_ui_inspect_attributes_svg__input-element span svg,
.main_ui_inspect_attributes_svg__input-element label svg, .main_ui_inspect_attributes_svg__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_attributes_svg__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_attributes_svg__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_attributes_svg__input-base, .main_ui_inspect_attributes_svg__input-with-label input, .main_ui_inspect_attributes_svg__input-element-label input, .main_ui_inspect_attributes_svg__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_svg__input-base[disabled], .main_ui_inspect_attributes_svg__input-with-label input[disabled], .main_ui_inspect_attributes_svg__input-element-label input[disabled], .main_ui_inspect_attributes_svg__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_attributes_svg__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_attributes_svg__input-label, .main_ui_inspect_attributes_svg__input-element span,
.main_ui_inspect_attributes_svg__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_attributes_svg__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_attributes_svg__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_svg__input-element span svg,
.main_ui_inspect_attributes_svg__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_attributes_svg__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_svg__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_svg__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_svg__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_svg__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_svg__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_attributes_svg__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_svg__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_svg__input-element:focus, .main_ui_inspect_attributes_svg__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_svg__input-element:focus span, .main_ui_inspect_attributes_svg__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_svg__input-element:focus input, .main_ui_inspect_attributes_svg__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_svg__input-element:focus:hover, .main_ui_inspect_attributes_svg__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_svg__input-element:focus:hover span, .main_ui_inspect_attributes_svg__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_svg__input-element:focus:hover input, .main_ui_inspect_attributes_svg__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_attributes_svg__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_attributes_svg__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_attributes_svg__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_svg__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_svg__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_svg__input-element-label:focus-within input, .main_ui_inspect_attributes_svg__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_attributes_svg__disabled-input, .main_ui_inspect_attributes_svg__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_svg__disabled-input input, .main_ui_inspect_attributes_svg__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_svg__disabled-input span svg, .main_ui_inspect_attributes_svg__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_attributes_svg__checkbox-icon, .main_ui_inspect_attributes_svg__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_attributes_svg__checkbox-icon svg, .main_ui_inspect_attributes_svg__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_attributes_svg__checkbox-icon:hover, .main_ui_inspect_attributes_svg__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_svg__checkbox-icon:focus, .main_ui_inspect_attributes_svg__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_attributes_svg__checkbox-icon.checked, .main_ui_inspect_attributes_svg__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_attributes_svg__checkbox-icon.checked svg, .main_ui_inspect_attributes_svg__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_attributes_svg__checkbox-icon.intermediate, .main_ui_inspect_attributes_svg__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_attributes_svg__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_svg__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_attributes_svg__checkbox-icon.unchecked, .main_ui_inspect_attributes_svg__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_attributes_svg__checkbox-icon.unchecked svg, .main_ui_inspect_attributes_svg__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_attributes_svg__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_attributes_svg__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_attributes_svg__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_attributes_svg__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_svg__input-checkbox label:focus span, .main_ui_inspect_attributes_svg__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_attributes_svg__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_attributes_svg__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_svg__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_svg__input-with-label input:focus-within, .main_ui_inspect_attributes_svg__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_svg__input-with-label input:focus-within input, .main_ui_inspect_attributes_svg__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_svg__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_attributes_svg__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_attributes_svg__modal-overlay-base {
  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);
}

.main_ui_inspect_attributes_svg__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_attributes_svg__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_attributes_svg__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_attributes_svg__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_attributes_svg__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_svg__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_svg__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_attributes_svg__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_attributes_svg__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_attributes_svg__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_attributes_svg__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_attributes_svg__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_attributes_svg__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_attributes_svg__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_attributes_svg__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_attributes_svg__colorpicker-handler {
  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;
}
.main_ui_inspect_attributes_svg__colorpicker-handler:hover, .main_ui_inspect_attributes_svg__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_attributes_svg__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_attributes_svg__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_attributes_svg__attr-title div, .main_ui_inspect_attributes_svg__title-spacing-svg div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_attributes_svg__attr-title button, .main_ui_inspect_attributes_svg__title-spacing-svg button {
  display: none;
}
.main_ui_inspect_attributes_svg__attr-title button svg, .main_ui_inspect_attributes_svg__title-spacing-svg button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_svg__attr-title:hover button, .main_ui_inspect_attributes_svg__title-spacing-svg:hover button {
  display: flex;
}

.main_ui_inspect_attributes_svg__attr-row, .main_ui_inspect_attributes_svg__svg-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_attributes_svg__attr-row .attr-label, .main_ui_inspect_attributes_svg__svg-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_attributes_svg__attr-row .attr-value, .main_ui_inspect_attributes_svg__svg-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_attributes_svg__copy-button-children, .main_ui_inspect_attributes_svg__button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_attributes_svg__copy-button-children:hover div, .main_ui_inspect_attributes_svg__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_attributes_svg__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_attributes_svg__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_attributes_svg__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_attributes_svg__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_attributes_svg__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_attributes_svg__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_svg__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_attributes_svg__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_attributes_svg__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_attributes_svg__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_attributes_svg__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_inspect_attributes_svg__attributes-subtitle {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  height: 2rem;
}
.main_ui_inspect_attributes_svg__attributes-subtitle span {
  height: 2rem;
  display: flex;
  align-items: center;
}
.main_ui_inspect_attributes_svg__attributes-subtitle button {
  display: none;
}
.main_ui_inspect_attributes_svg__attributes-subtitle:hover button {
  display: block;
}
@keyframes main_ui_inspect_attributes_text__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_attributes_text__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_attributes_text__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_attributes_text__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_attributes_text__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_attributes_text__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_attributes_text__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_attributes_text__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_attributes_text__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_text__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_text__new-scrollbar ::placeholder,
.main_ui_inspect_attributes_text__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_attributes_text__button-primary, .main_ui_inspect_attributes_text__modal-danger-btn, .main_ui_inspect_attributes_text__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_attributes_text__button-primary:focus-visible, .main_ui_inspect_attributes_text__modal-danger-btn:focus-visible, .main_ui_inspect_attributes_text__modal-accept-btn: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);
}
.main_ui_inspect_attributes_text__button-primary:focus-visible svg, .main_ui_inspect_attributes_text__modal-danger-btn:focus-visible svg, .main_ui_inspect_attributes_text__modal-accept-btn:focus-visible svg,
.main_ui_inspect_attributes_text__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_attributes_text__button-primary svg, .main_ui_inspect_attributes_text__modal-danger-btn svg, .main_ui_inspect_attributes_text__modal-accept-btn svg,
.main_ui_inspect_attributes_text__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_attributes_text__button-primary:hover, .main_ui_inspect_attributes_text__modal-danger-btn:hover, .main_ui_inspect_attributes_text__modal-accept-btn: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;
}
.main_ui_inspect_attributes_text__button-primary:hover svg, .main_ui_inspect_attributes_text__modal-danger-btn:hover svg, .main_ui_inspect_attributes_text__modal-accept-btn:hover svg,
.main_ui_inspect_attributes_text__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_attributes_text__button-primary:active, .main_ui_inspect_attributes_text__modal-danger-btn:active, .main_ui_inspect_attributes_text__modal-accept-btn: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;
}
.main_ui_inspect_attributes_text__button-primary:active svg, .main_ui_inspect_attributes_text__modal-danger-btn:active svg, .main_ui_inspect_attributes_text__modal-accept-btn:active svg,
.main_ui_inspect_attributes_text__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_attributes_text__button-primary.disabled, .main_ui_inspect_attributes_text__modal-danger-btn.disabled, .main_ui_inspect_attributes_text__modal-accept-btn.disabled, .main_ui_inspect_attributes_text__button-primary[disabled], [disabled].main_ui_inspect_attributes_text__modal-danger-btn, [disabled].main_ui_inspect_attributes_text__modal-accept-btn, .main_ui_inspect_attributes_text__button-primary:disabled, .main_ui_inspect_attributes_text__modal-danger-btn:disabled, .main_ui_inspect_attributes_text__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_text__button-secondary, .main_ui_inspect_attributes_text__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_text__button-secondary:focus-visible, .main_ui_inspect_attributes_text__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_text__button-secondary:focus-visible svg, .main_ui_inspect_attributes_text__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_attributes_text__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_text__button-secondary svg, .main_ui_inspect_attributes_text__modal-cancel-btn svg,
.main_ui_inspect_attributes_text__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_text__button-secondary:hover, .main_ui_inspect_attributes_text__modal-cancel-btn: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;
}
.main_ui_inspect_attributes_text__button-secondary:hover svg, .main_ui_inspect_attributes_text__modal-cancel-btn:hover svg,
.main_ui_inspect_attributes_text__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_attributes_text__button-secondary:active, .main_ui_inspect_attributes_text__modal-cancel-btn: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);
}
.main_ui_inspect_attributes_text__button-secondary:active svg, .main_ui_inspect_attributes_text__modal-cancel-btn:active svg,
.main_ui_inspect_attributes_text__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_attributes_text__button-secondary.disabled, .main_ui_inspect_attributes_text__modal-cancel-btn.disabled, .main_ui_inspect_attributes_text__button-secondary[disabled], [disabled].main_ui_inspect_attributes_text__modal-cancel-btn, .main_ui_inspect_attributes_text__button-secondary:disabled, .main_ui_inspect_attributes_text__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_text__button-tertiary, .main_ui_inspect_attributes_text__attr-title button, .main_ui_inspect_attributes_text__title-spacing-text button, .main_ui_inspect_attributes_text__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_attributes_text__button-tertiary:focus-visible, .main_ui_inspect_attributes_text__attr-title button:focus-visible, .main_ui_inspect_attributes_text__title-spacing-text button:focus-visible, .main_ui_inspect_attributes_text__modal-close-btn-base: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);
}
.main_ui_inspect_attributes_text__button-tertiary:focus-visible svg, .main_ui_inspect_attributes_text__attr-title button:focus-visible svg, .main_ui_inspect_attributes_text__title-spacing-text button:focus-visible svg, .main_ui_inspect_attributes_text__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_attributes_text__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_attributes_text__button-tertiary svg, .main_ui_inspect_attributes_text__attr-title button svg, .main_ui_inspect_attributes_text__title-spacing-text button svg, .main_ui_inspect_attributes_text__modal-close-btn-base svg,
.main_ui_inspect_attributes_text__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_attributes_text__button-tertiary:hover, .main_ui_inspect_attributes_text__attr-title button:hover, .main_ui_inspect_attributes_text__title-spacing-text button:hover, .main_ui_inspect_attributes_text__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_attributes_text__button-tertiary:hover svg, .main_ui_inspect_attributes_text__attr-title button:hover svg, .main_ui_inspect_attributes_text__title-spacing-text button:hover svg, .main_ui_inspect_attributes_text__modal-close-btn-base:hover svg,
.main_ui_inspect_attributes_text__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_attributes_text__button-tertiary:active, .main_ui_inspect_attributes_text__attr-title button:active, .main_ui_inspect_attributes_text__title-spacing-text button:active, .main_ui_inspect_attributes_text__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_text__button-tertiary:active svg, .main_ui_inspect_attributes_text__attr-title button:active svg, .main_ui_inspect_attributes_text__title-spacing-text button:active svg, .main_ui_inspect_attributes_text__modal-close-btn-base:active svg,
.main_ui_inspect_attributes_text__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_text__button-tertiary.disabled, .main_ui_inspect_attributes_text__attr-title button.disabled, .main_ui_inspect_attributes_text__title-spacing-text button.disabled, .main_ui_inspect_attributes_text__modal-close-btn-base.disabled, .main_ui_inspect_attributes_text__button-tertiary[disabled], .main_ui_inspect_attributes_text__attr-title button[disabled], .main_ui_inspect_attributes_text__title-spacing-text button[disabled], [disabled].main_ui_inspect_attributes_text__modal-close-btn-base, .main_ui_inspect_attributes_text__button-tertiary:disabled, .main_ui_inspect_attributes_text__attr-title button:disabled, .main_ui_inspect_attributes_text__title-spacing-text button:disabled, .main_ui_inspect_attributes_text__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_attributes_text__button-tertiary.disabled svg, .main_ui_inspect_attributes_text__attr-title button.disabled svg, .main_ui_inspect_attributes_text__title-spacing-text button.disabled svg, .main_ui_inspect_attributes_text__modal-close-btn-base.disabled svg,
.main_ui_inspect_attributes_text__button-tertiary.disabled span svg, .main_ui_inspect_attributes_text__button-tertiary[disabled] svg, .main_ui_inspect_attributes_text__attr-title button[disabled] svg, .main_ui_inspect_attributes_text__title-spacing-text button[disabled] svg, [disabled].main_ui_inspect_attributes_text__modal-close-btn-base svg,
.main_ui_inspect_attributes_text__button-tertiary[disabled] span svg, .main_ui_inspect_attributes_text__button-tertiary:disabled svg, .main_ui_inspect_attributes_text__attr-title button:disabled svg, .main_ui_inspect_attributes_text__title-spacing-text button:disabled svg, .main_ui_inspect_attributes_text__modal-close-btn-base:disabled svg,
.main_ui_inspect_attributes_text__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_attributes_text__button-icon-selected {
  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);
}
.main_ui_inspect_attributes_text__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_attributes_text__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_attributes_text__button-radio: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);
}
.main_ui_inspect_attributes_text__button-radio:focus-visible svg,
.main_ui_inspect_attributes_text__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_attributes_text__button-radio svg,
.main_ui_inspect_attributes_text__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_attributes_text__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_attributes_text__button-radio:hover svg,
.main_ui_inspect_attributes_text__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_attributes_text__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_attributes_text__button-radio:active svg,
.main_ui_inspect_attributes_text__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_attributes_text__button-warning {
  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);
}

.main_ui_inspect_attributes_text__button-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;
}

.main_ui_inspect_attributes_text__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_attributes_text__button-tag: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);
}
.main_ui_inspect_attributes_text__button-tag:focus-visible svg,
.main_ui_inspect_attributes_text__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_attributes_text__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_attributes_text__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_attributes_text__button-icon, .main_ui_inspect_attributes_text__empty-icon svg, .main_ui_inspect_attributes_text__modal-close-btn-base svg, .main_ui_inspect_attributes_text__button-icon-small, .main_ui_inspect_attributes_text__dropdown-element-base span svg, .main_ui_inspect_attributes_text__attr-title button svg, .main_ui_inspect_attributes_text__title-spacing-text button svg, .main_ui_inspect_attributes_text__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_text__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_text__checkbox-icon.checked svg, .main_ui_inspect_attributes_text__input-checkbox label span.checked svg, .main_ui_inspect_attributes_text__input-element span svg,
.main_ui_inspect_attributes_text__input-element label svg, .main_ui_inspect_attributes_text__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_attributes_text__button-icon-small, .main_ui_inspect_attributes_text__dropdown-element-base span svg, .main_ui_inspect_attributes_text__attr-title button svg, .main_ui_inspect_attributes_text__title-spacing-text button svg, .main_ui_inspect_attributes_text__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_text__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_text__checkbox-icon.checked svg, .main_ui_inspect_attributes_text__input-checkbox label span.checked svg, .main_ui_inspect_attributes_text__input-element span svg,
.main_ui_inspect_attributes_text__input-element label svg, .main_ui_inspect_attributes_text__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_attributes_text__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_attributes_text__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_attributes_text__input-base, .main_ui_inspect_attributes_text__input-with-label input, .main_ui_inspect_attributes_text__input-element-label input, .main_ui_inspect_attributes_text__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_text__input-base[disabled], .main_ui_inspect_attributes_text__input-with-label input[disabled], .main_ui_inspect_attributes_text__input-element-label input[disabled], .main_ui_inspect_attributes_text__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_attributes_text__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_attributes_text__input-label, .main_ui_inspect_attributes_text__input-element span,
.main_ui_inspect_attributes_text__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_attributes_text__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_attributes_text__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_text__input-element span svg,
.main_ui_inspect_attributes_text__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_attributes_text__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_text__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_text__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_text__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_text__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_text__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_attributes_text__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_text__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_text__input-element:focus, .main_ui_inspect_attributes_text__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_text__input-element:focus span, .main_ui_inspect_attributes_text__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_text__input-element:focus input, .main_ui_inspect_attributes_text__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_text__input-element:focus:hover, .main_ui_inspect_attributes_text__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_text__input-element:focus:hover span, .main_ui_inspect_attributes_text__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_text__input-element:focus:hover input, .main_ui_inspect_attributes_text__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_attributes_text__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_attributes_text__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_attributes_text__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_text__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_text__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_text__input-element-label:focus-within input, .main_ui_inspect_attributes_text__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_attributes_text__disabled-input, .main_ui_inspect_attributes_text__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_text__disabled-input input, .main_ui_inspect_attributes_text__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_text__disabled-input span svg, .main_ui_inspect_attributes_text__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_attributes_text__checkbox-icon, .main_ui_inspect_attributes_text__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_attributes_text__checkbox-icon svg, .main_ui_inspect_attributes_text__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_attributes_text__checkbox-icon:hover, .main_ui_inspect_attributes_text__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_text__checkbox-icon:focus, .main_ui_inspect_attributes_text__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_attributes_text__checkbox-icon.checked, .main_ui_inspect_attributes_text__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_attributes_text__checkbox-icon.checked svg, .main_ui_inspect_attributes_text__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_attributes_text__checkbox-icon.intermediate, .main_ui_inspect_attributes_text__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_attributes_text__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_text__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_attributes_text__checkbox-icon.unchecked, .main_ui_inspect_attributes_text__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_attributes_text__checkbox-icon.unchecked svg, .main_ui_inspect_attributes_text__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_attributes_text__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_attributes_text__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_attributes_text__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_attributes_text__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_text__input-checkbox label:focus span, .main_ui_inspect_attributes_text__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_attributes_text__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_attributes_text__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_text__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_text__input-with-label input:focus-within, .main_ui_inspect_attributes_text__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_text__input-with-label input:focus-within input, .main_ui_inspect_attributes_text__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_text__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_attributes_text__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_attributes_text__modal-overlay-base {
  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);
}

.main_ui_inspect_attributes_text__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_attributes_text__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_attributes_text__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_attributes_text__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_attributes_text__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_text__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_text__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_attributes_text__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_attributes_text__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_attributes_text__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_attributes_text__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_attributes_text__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_attributes_text__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_attributes_text__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_attributes_text__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_attributes_text__colorpicker-handler {
  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;
}
.main_ui_inspect_attributes_text__colorpicker-handler:hover, .main_ui_inspect_attributes_text__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_attributes_text__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_attributes_text__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_attributes_text__attr-title div, .main_ui_inspect_attributes_text__title-spacing-text div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_attributes_text__attr-title button, .main_ui_inspect_attributes_text__title-spacing-text button {
  display: none;
}
.main_ui_inspect_attributes_text__attr-title button svg, .main_ui_inspect_attributes_text__title-spacing-text button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_text__attr-title:hover button, .main_ui_inspect_attributes_text__title-spacing-text:hover button {
  display: flex;
}

.main_ui_inspect_attributes_text__attr-row, .main_ui_inspect_attributes_text__text-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_attributes_text__attr-row .attr-label, .main_ui_inspect_attributes_text__text-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_attributes_text__attr-row .attr-value, .main_ui_inspect_attributes_text__text-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_attributes_text__copy-button-children, .main_ui_inspect_attributes_text__button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_attributes_text__copy-button-children:hover div, .main_ui_inspect_attributes_text__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_attributes_text__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_attributes_text__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_attributes_text__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_attributes_text__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_attributes_text__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_attributes_text__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_text__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_attributes_text__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_attributes_text__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_attributes_text__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_attributes_text__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_inspect_attributes_text__attributes-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_inspect_attributes_text__text-row {
  height: unset;
  min-height: 2rem;
}
.main_ui_inspect_attributes_text__text-row .attr-value {
  align-items: center;
}

.main_ui_inspect_attributes_text__attributes-content-row {
  max-width: 15rem;
  min-height: calc(0.125rem + 2rem);
  border-radius: 0.5rem;
  border: 1px solid var(--menu-border-color-disabled);
  margin-top: 0.25rem;
}
.main_ui_inspect_attributes_text__attributes-content-row .main_ui_inspect_attributes_text__content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  width: 100%;
  padding: 0.25rem 0;
  color: var(--color-foreground-secondary);
}
.main_ui_inspect_attributes_text__attributes-content-row:hover {
  border: 1px solid var(--color-background-tertiary);
  background-color: var(--menu-background-color);
}
.main_ui_inspect_attributes_text__attributes-content-row:hover .main_ui_inspect_attributes_text__content {
  color: var(--menu-foreground-color-hover);
}
@keyframes main_ui_inspect_attributes_variant__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_inspect_attributes_variant__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_inspect_attributes_variant__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_inspect_attributes_variant__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_inspect_attributes_variant__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_inspect_attributes_variant__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_inspect_attributes_variant__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_inspect_attributes_variant__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_inspect_attributes_variant__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_variant__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_inspect_attributes_variant__new-scrollbar ::placeholder,
.main_ui_inspect_attributes_variant__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_inspect_attributes_variant__button-primary, .main_ui_inspect_attributes_variant__modal-danger-btn, .main_ui_inspect_attributes_variant__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_inspect_attributes_variant__button-primary:focus-visible, .main_ui_inspect_attributes_variant__modal-danger-btn:focus-visible, .main_ui_inspect_attributes_variant__modal-accept-btn: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);
}
.main_ui_inspect_attributes_variant__button-primary:focus-visible svg, .main_ui_inspect_attributes_variant__modal-danger-btn:focus-visible svg, .main_ui_inspect_attributes_variant__modal-accept-btn:focus-visible svg,
.main_ui_inspect_attributes_variant__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_inspect_attributes_variant__button-primary svg, .main_ui_inspect_attributes_variant__modal-danger-btn svg, .main_ui_inspect_attributes_variant__modal-accept-btn svg,
.main_ui_inspect_attributes_variant__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_inspect_attributes_variant__button-primary:hover, .main_ui_inspect_attributes_variant__modal-danger-btn:hover, .main_ui_inspect_attributes_variant__modal-accept-btn: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;
}
.main_ui_inspect_attributes_variant__button-primary:hover svg, .main_ui_inspect_attributes_variant__modal-danger-btn:hover svg, .main_ui_inspect_attributes_variant__modal-accept-btn:hover svg,
.main_ui_inspect_attributes_variant__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_inspect_attributes_variant__button-primary:active, .main_ui_inspect_attributes_variant__modal-danger-btn:active, .main_ui_inspect_attributes_variant__modal-accept-btn: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;
}
.main_ui_inspect_attributes_variant__button-primary:active svg, .main_ui_inspect_attributes_variant__modal-danger-btn:active svg, .main_ui_inspect_attributes_variant__modal-accept-btn:active svg,
.main_ui_inspect_attributes_variant__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_inspect_attributes_variant__button-primary.disabled, .main_ui_inspect_attributes_variant__modal-danger-btn.disabled, .main_ui_inspect_attributes_variant__modal-accept-btn.disabled, .main_ui_inspect_attributes_variant__button-primary[disabled], [disabled].main_ui_inspect_attributes_variant__modal-danger-btn, [disabled].main_ui_inspect_attributes_variant__modal-accept-btn, .main_ui_inspect_attributes_variant__button-primary:disabled, .main_ui_inspect_attributes_variant__modal-danger-btn:disabled, .main_ui_inspect_attributes_variant__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_variant__button-secondary, .main_ui_inspect_attributes_variant__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_variant__button-secondary:focus-visible, .main_ui_inspect_attributes_variant__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_variant__button-secondary:focus-visible svg, .main_ui_inspect_attributes_variant__modal-cancel-btn:focus-visible svg,
.main_ui_inspect_attributes_variant__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_inspect_attributes_variant__button-secondary svg, .main_ui_inspect_attributes_variant__modal-cancel-btn svg,
.main_ui_inspect_attributes_variant__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_inspect_attributes_variant__button-secondary:hover, .main_ui_inspect_attributes_variant__modal-cancel-btn: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;
}
.main_ui_inspect_attributes_variant__button-secondary:hover svg, .main_ui_inspect_attributes_variant__modal-cancel-btn:hover svg,
.main_ui_inspect_attributes_variant__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_inspect_attributes_variant__button-secondary:active, .main_ui_inspect_attributes_variant__modal-cancel-btn: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);
}
.main_ui_inspect_attributes_variant__button-secondary:active svg, .main_ui_inspect_attributes_variant__modal-cancel-btn:active svg,
.main_ui_inspect_attributes_variant__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_inspect_attributes_variant__button-secondary.disabled, .main_ui_inspect_attributes_variant__modal-cancel-btn.disabled, .main_ui_inspect_attributes_variant__button-secondary[disabled], [disabled].main_ui_inspect_attributes_variant__modal-cancel-btn, .main_ui_inspect_attributes_variant__button-secondary:disabled, .main_ui_inspect_attributes_variant__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_inspect_attributes_variant__button-tertiary, .main_ui_inspect_attributes_variant__attr-title button, .main_ui_inspect_attributes_variant__title-spacing-variant button, .main_ui_inspect_attributes_variant__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_inspect_attributes_variant__button-tertiary:focus-visible, .main_ui_inspect_attributes_variant__attr-title button:focus-visible, .main_ui_inspect_attributes_variant__title-spacing-variant button:focus-visible, .main_ui_inspect_attributes_variant__modal-close-btn-base: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);
}
.main_ui_inspect_attributes_variant__button-tertiary:focus-visible svg, .main_ui_inspect_attributes_variant__attr-title button:focus-visible svg, .main_ui_inspect_attributes_variant__title-spacing-variant button:focus-visible svg, .main_ui_inspect_attributes_variant__modal-close-btn-base:focus-visible svg,
.main_ui_inspect_attributes_variant__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_inspect_attributes_variant__button-tertiary svg, .main_ui_inspect_attributes_variant__attr-title button svg, .main_ui_inspect_attributes_variant__title-spacing-variant button svg, .main_ui_inspect_attributes_variant__modal-close-btn-base svg,
.main_ui_inspect_attributes_variant__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_inspect_attributes_variant__button-tertiary:hover, .main_ui_inspect_attributes_variant__attr-title button:hover, .main_ui_inspect_attributes_variant__title-spacing-variant button:hover, .main_ui_inspect_attributes_variant__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_inspect_attributes_variant__button-tertiary:hover svg, .main_ui_inspect_attributes_variant__attr-title button:hover svg, .main_ui_inspect_attributes_variant__title-spacing-variant button:hover svg, .main_ui_inspect_attributes_variant__modal-close-btn-base:hover svg,
.main_ui_inspect_attributes_variant__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_inspect_attributes_variant__button-tertiary:active, .main_ui_inspect_attributes_variant__attr-title button:active, .main_ui_inspect_attributes_variant__title-spacing-variant button:active, .main_ui_inspect_attributes_variant__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_variant__button-tertiary:active svg, .main_ui_inspect_attributes_variant__attr-title button:active svg, .main_ui_inspect_attributes_variant__title-spacing-variant button:active svg, .main_ui_inspect_attributes_variant__modal-close-btn-base:active svg,
.main_ui_inspect_attributes_variant__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_inspect_attributes_variant__button-tertiary.disabled, .main_ui_inspect_attributes_variant__attr-title button.disabled, .main_ui_inspect_attributes_variant__title-spacing-variant button.disabled, .main_ui_inspect_attributes_variant__modal-close-btn-base.disabled, .main_ui_inspect_attributes_variant__button-tertiary[disabled], .main_ui_inspect_attributes_variant__attr-title button[disabled], .main_ui_inspect_attributes_variant__title-spacing-variant button[disabled], [disabled].main_ui_inspect_attributes_variant__modal-close-btn-base, .main_ui_inspect_attributes_variant__button-tertiary:disabled, .main_ui_inspect_attributes_variant__attr-title button:disabled, .main_ui_inspect_attributes_variant__title-spacing-variant button:disabled, .main_ui_inspect_attributes_variant__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_inspect_attributes_variant__button-tertiary.disabled svg, .main_ui_inspect_attributes_variant__attr-title button.disabled svg, .main_ui_inspect_attributes_variant__title-spacing-variant button.disabled svg, .main_ui_inspect_attributes_variant__modal-close-btn-base.disabled svg,
.main_ui_inspect_attributes_variant__button-tertiary.disabled span svg, .main_ui_inspect_attributes_variant__button-tertiary[disabled] svg, .main_ui_inspect_attributes_variant__attr-title button[disabled] svg, .main_ui_inspect_attributes_variant__title-spacing-variant button[disabled] svg, [disabled].main_ui_inspect_attributes_variant__modal-close-btn-base svg,
.main_ui_inspect_attributes_variant__button-tertiary[disabled] span svg, .main_ui_inspect_attributes_variant__button-tertiary:disabled svg, .main_ui_inspect_attributes_variant__attr-title button:disabled svg, .main_ui_inspect_attributes_variant__title-spacing-variant button:disabled svg, .main_ui_inspect_attributes_variant__modal-close-btn-base:disabled svg,
.main_ui_inspect_attributes_variant__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_inspect_attributes_variant__button-icon-selected {
  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);
}
.main_ui_inspect_attributes_variant__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_inspect_attributes_variant__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_inspect_attributes_variant__button-radio: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);
}
.main_ui_inspect_attributes_variant__button-radio:focus-visible svg,
.main_ui_inspect_attributes_variant__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_inspect_attributes_variant__button-radio svg,
.main_ui_inspect_attributes_variant__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_inspect_attributes_variant__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_inspect_attributes_variant__button-radio:hover svg,
.main_ui_inspect_attributes_variant__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_inspect_attributes_variant__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_inspect_attributes_variant__button-radio:active svg,
.main_ui_inspect_attributes_variant__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_inspect_attributes_variant__button-warning {
  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);
}

.main_ui_inspect_attributes_variant__button-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;
}

.main_ui_inspect_attributes_variant__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_inspect_attributes_variant__button-tag: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);
}
.main_ui_inspect_attributes_variant__button-tag:focus-visible svg,
.main_ui_inspect_attributes_variant__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_inspect_attributes_variant__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_inspect_attributes_variant__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_inspect_attributes_variant__button-icon, .main_ui_inspect_attributes_variant__empty-icon svg, .main_ui_inspect_attributes_variant__modal-close-btn-base svg, .main_ui_inspect_attributes_variant__button-icon-small, .main_ui_inspect_attributes_variant__dropdown-element-base span svg, .main_ui_inspect_attributes_variant__attr-title button svg, .main_ui_inspect_attributes_variant__title-spacing-variant button svg, .main_ui_inspect_attributes_variant__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_variant__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_variant__checkbox-icon.checked svg, .main_ui_inspect_attributes_variant__input-checkbox label span.checked svg, .main_ui_inspect_attributes_variant__input-element span svg,
.main_ui_inspect_attributes_variant__input-element label svg, .main_ui_inspect_attributes_variant__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_inspect_attributes_variant__button-icon-small, .main_ui_inspect_attributes_variant__dropdown-element-base span svg, .main_ui_inspect_attributes_variant__attr-title button svg, .main_ui_inspect_attributes_variant__title-spacing-variant button svg, .main_ui_inspect_attributes_variant__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_variant__input-checkbox label span.intermediate svg, .main_ui_inspect_attributes_variant__checkbox-icon.checked svg, .main_ui_inspect_attributes_variant__input-checkbox label span.checked svg, .main_ui_inspect_attributes_variant__input-element span svg,
.main_ui_inspect_attributes_variant__input-element label svg, .main_ui_inspect_attributes_variant__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_inspect_attributes_variant__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_inspect_attributes_variant__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_inspect_attributes_variant__input-base, .main_ui_inspect_attributes_variant__input-with-label input, .main_ui_inspect_attributes_variant__input-element-label input, .main_ui_inspect_attributes_variant__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_variant__input-base[disabled], .main_ui_inspect_attributes_variant__input-with-label input[disabled], .main_ui_inspect_attributes_variant__input-element-label input[disabled], .main_ui_inspect_attributes_variant__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_inspect_attributes_variant__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_inspect_attributes_variant__input-label, .main_ui_inspect_attributes_variant__input-element span,
.main_ui_inspect_attributes_variant__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_inspect_attributes_variant__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_inspect_attributes_variant__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_variant__input-element span svg,
.main_ui_inspect_attributes_variant__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_inspect_attributes_variant__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_variant__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_variant__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_variant__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_variant__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_inspect_attributes_variant__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_inspect_attributes_variant__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_variant__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_variant__input-element:focus, .main_ui_inspect_attributes_variant__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_variant__input-element:focus span, .main_ui_inspect_attributes_variant__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_variant__input-element:focus input, .main_ui_inspect_attributes_variant__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_variant__input-element:focus:hover, .main_ui_inspect_attributes_variant__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_inspect_attributes_variant__input-element:focus:hover span, .main_ui_inspect_attributes_variant__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_inspect_attributes_variant__input-element:focus:hover input, .main_ui_inspect_attributes_variant__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_inspect_attributes_variant__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_inspect_attributes_variant__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_inspect_attributes_variant__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_variant__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_inspect_attributes_variant__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_inspect_attributes_variant__input-element-label:focus-within input, .main_ui_inspect_attributes_variant__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_inspect_attributes_variant__disabled-input, .main_ui_inspect_attributes_variant__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_variant__disabled-input input, .main_ui_inspect_attributes_variant__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_inspect_attributes_variant__disabled-input span svg, .main_ui_inspect_attributes_variant__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_inspect_attributes_variant__checkbox-icon, .main_ui_inspect_attributes_variant__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_inspect_attributes_variant__checkbox-icon svg, .main_ui_inspect_attributes_variant__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_inspect_attributes_variant__checkbox-icon:hover, .main_ui_inspect_attributes_variant__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_variant__checkbox-icon:focus, .main_ui_inspect_attributes_variant__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_inspect_attributes_variant__checkbox-icon.checked, .main_ui_inspect_attributes_variant__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_inspect_attributes_variant__checkbox-icon.checked svg, .main_ui_inspect_attributes_variant__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_inspect_attributes_variant__checkbox-icon.intermediate, .main_ui_inspect_attributes_variant__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_inspect_attributes_variant__checkbox-icon.intermediate svg, .main_ui_inspect_attributes_variant__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_inspect_attributes_variant__checkbox-icon.unchecked, .main_ui_inspect_attributes_variant__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_inspect_attributes_variant__checkbox-icon.unchecked svg, .main_ui_inspect_attributes_variant__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_inspect_attributes_variant__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_inspect_attributes_variant__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_inspect_attributes_variant__input-checkbox label input {
  margin: 0;
}
.main_ui_inspect_attributes_variant__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_inspect_attributes_variant__input-checkbox label:focus span, .main_ui_inspect_attributes_variant__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_inspect_attributes_variant__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_inspect_attributes_variant__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_variant__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_variant__input-with-label input:focus-within, .main_ui_inspect_attributes_variant__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_inspect_attributes_variant__input-with-label input:focus-within input, .main_ui_inspect_attributes_variant__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_inspect_attributes_variant__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_inspect_attributes_variant__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_inspect_attributes_variant__modal-overlay-base {
  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);
}

.main_ui_inspect_attributes_variant__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_inspect_attributes_variant__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_inspect_attributes_variant__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_inspect_attributes_variant__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_inspect_attributes_variant__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_variant__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_inspect_attributes_variant__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_inspect_attributes_variant__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_inspect_attributes_variant__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_inspect_attributes_variant__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_inspect_attributes_variant__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_inspect_attributes_variant__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_inspect_attributes_variant__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_inspect_attributes_variant__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_inspect_attributes_variant__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_inspect_attributes_variant__colorpicker-handler {
  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;
}
.main_ui_inspect_attributes_variant__colorpicker-handler:hover, .main_ui_inspect_attributes_variant__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_inspect_attributes_variant__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_inspect_attributes_variant__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_inspect_attributes_variant__attr-title div, .main_ui_inspect_attributes_variant__title-spacing-variant div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_inspect_attributes_variant__attr-title button, .main_ui_inspect_attributes_variant__title-spacing-variant button {
  display: none;
}
.main_ui_inspect_attributes_variant__attr-title button svg, .main_ui_inspect_attributes_variant__title-spacing-variant button svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_variant__attr-title:hover button, .main_ui_inspect_attributes_variant__title-spacing-variant:hover button {
  display: flex;
}

.main_ui_inspect_attributes_variant__attr-row, .main_ui_inspect_attributes_variant__variant-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_inspect_attributes_variant__attr-row .attr-label, .main_ui_inspect_attributes_variant__variant-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_inspect_attributes_variant__attr-row .attr-value, .main_ui_inspect_attributes_variant__variant-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_inspect_attributes_variant__copy-button-children, .main_ui_inspect_attributes_variant__button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_inspect_attributes_variant__copy-button-children:hover div, .main_ui_inspect_attributes_variant__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_inspect_attributes_variant__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_inspect_attributes_variant__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_inspect_attributes_variant__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_inspect_attributes_variant__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_inspect_attributes_variant__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_inspect_attributes_variant__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_inspect_attributes_variant__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_inspect_attributes_variant__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_inspect_attributes_variant__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_inspect_attributes_variant__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_inspect_attributes_variant__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_inspect_attributes_variant__variant-row {
  height: -moz-fit-content;
  height: fit-content;
}

.main_ui_inspect_attributes_variant__button-children {
  word-break: break-word;
}
@keyframes main_ui_exports_assets__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_exports_assets__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_exports_assets__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_exports_assets__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_exports_assets__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_exports_assets__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_exports_assets__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_exports_assets__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_exports_assets__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_exports_assets__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_exports_assets__new-scrollbar ::placeholder,
.main_ui_exports_assets__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_exports_assets__button-primary, .main_ui_exports_assets__modal-danger-btn, .main_ui_exports_assets__accept-btn.main_ui_exports_assets__danger, .main_ui_exports_assets__modal-accept-btn, .main_ui_exports_assets__accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_exports_assets__button-primary:focus-visible, .main_ui_exports_assets__modal-danger-btn:focus-visible, .main_ui_exports_assets__modal-accept-btn:focus-visible, .main_ui_exports_assets__accept-btn: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);
}
.main_ui_exports_assets__button-primary:focus-visible svg, .main_ui_exports_assets__modal-danger-btn:focus-visible svg, .main_ui_exports_assets__modal-accept-btn:focus-visible svg, .main_ui_exports_assets__accept-btn:focus-visible svg,
.main_ui_exports_assets__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_exports_assets__button-primary svg, .main_ui_exports_assets__modal-danger-btn svg, .main_ui_exports_assets__accept-btn.main_ui_exports_assets__danger svg, .main_ui_exports_assets__modal-accept-btn svg, .main_ui_exports_assets__accept-btn svg,
.main_ui_exports_assets__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_exports_assets__button-primary:hover, .main_ui_exports_assets__modal-danger-btn:hover, .main_ui_exports_assets__modal-accept-btn:hover, .main_ui_exports_assets__accept-btn: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;
}
.main_ui_exports_assets__button-primary:hover svg, .main_ui_exports_assets__modal-danger-btn:hover svg, .main_ui_exports_assets__modal-accept-btn:hover svg, .main_ui_exports_assets__accept-btn:hover svg,
.main_ui_exports_assets__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_exports_assets__button-primary:active, .main_ui_exports_assets__modal-danger-btn:active, .main_ui_exports_assets__modal-accept-btn:active, .main_ui_exports_assets__accept-btn: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;
}
.main_ui_exports_assets__button-primary:active svg, .main_ui_exports_assets__modal-danger-btn:active svg, .main_ui_exports_assets__modal-accept-btn:active svg, .main_ui_exports_assets__accept-btn:active svg,
.main_ui_exports_assets__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_exports_assets__button-primary.disabled, .main_ui_exports_assets__modal-danger-btn.disabled, .main_ui_exports_assets__modal-accept-btn.disabled, .main_ui_exports_assets__accept-btn.disabled, .main_ui_exports_assets__button-primary[disabled], [disabled].main_ui_exports_assets__modal-danger-btn, [disabled].main_ui_exports_assets__modal-accept-btn, [disabled].main_ui_exports_assets__accept-btn, .main_ui_exports_assets__button-primary:disabled, .main_ui_exports_assets__modal-danger-btn:disabled, .main_ui_exports_assets__modal-accept-btn:disabled, .main_ui_exports_assets__accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_exports_assets__button-secondary, .main_ui_exports_assets__modal-cancel-btn, .main_ui_exports_assets__cancel-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_exports_assets__button-secondary:focus-visible, .main_ui_exports_assets__modal-cancel-btn:focus-visible, .main_ui_exports_assets__cancel-button:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_exports_assets__button-secondary:focus-visible svg, .main_ui_exports_assets__modal-cancel-btn:focus-visible svg, .main_ui_exports_assets__cancel-button:focus-visible svg,
.main_ui_exports_assets__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_exports_assets__button-secondary svg, .main_ui_exports_assets__modal-cancel-btn svg, .main_ui_exports_assets__cancel-button svg,
.main_ui_exports_assets__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_exports_assets__button-secondary:hover, .main_ui_exports_assets__modal-cancel-btn:hover, .main_ui_exports_assets__cancel-button: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;
}
.main_ui_exports_assets__button-secondary:hover svg, .main_ui_exports_assets__modal-cancel-btn:hover svg, .main_ui_exports_assets__cancel-button:hover svg,
.main_ui_exports_assets__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_exports_assets__button-secondary:active, .main_ui_exports_assets__modal-cancel-btn:active, .main_ui_exports_assets__cancel-button: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);
}
.main_ui_exports_assets__button-secondary:active svg, .main_ui_exports_assets__modal-cancel-btn:active svg, .main_ui_exports_assets__cancel-button:active svg,
.main_ui_exports_assets__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_exports_assets__button-secondary.disabled, .main_ui_exports_assets__modal-cancel-btn.disabled, .main_ui_exports_assets__cancel-button.disabled, .main_ui_exports_assets__button-secondary[disabled], [disabled].main_ui_exports_assets__modal-cancel-btn, [disabled].main_ui_exports_assets__cancel-button, .main_ui_exports_assets__button-secondary:disabled, .main_ui_exports_assets__modal-cancel-btn:disabled, .main_ui_exports_assets__cancel-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;
}

.main_ui_exports_assets__button-tertiary, .main_ui_exports_assets__attr-title button, .main_ui_exports_assets__modal-close-btn-base, .main_ui_exports_assets__modal-close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_exports_assets__button-tertiary:focus-visible, .main_ui_exports_assets__attr-title button:focus-visible, .main_ui_exports_assets__modal-close-btn-base:focus-visible, .main_ui_exports_assets__modal-close-btn: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);
}
.main_ui_exports_assets__button-tertiary:focus-visible svg, .main_ui_exports_assets__attr-title button:focus-visible svg, .main_ui_exports_assets__modal-close-btn-base:focus-visible svg, .main_ui_exports_assets__modal-close-btn:focus-visible svg,
.main_ui_exports_assets__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_exports_assets__button-tertiary svg, .main_ui_exports_assets__attr-title button svg, .main_ui_exports_assets__modal-close-btn-base svg, .main_ui_exports_assets__modal-close-btn svg,
.main_ui_exports_assets__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_exports_assets__button-tertiary:hover, .main_ui_exports_assets__attr-title button:hover, .main_ui_exports_assets__modal-close-btn-base:hover, .main_ui_exports_assets__modal-close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_exports_assets__button-tertiary:hover svg, .main_ui_exports_assets__attr-title button:hover svg, .main_ui_exports_assets__modal-close-btn-base:hover svg, .main_ui_exports_assets__modal-close-btn:hover svg,
.main_ui_exports_assets__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_exports_assets__button-tertiary:active, .main_ui_exports_assets__attr-title button:active, .main_ui_exports_assets__modal-close-btn-base:active, .main_ui_exports_assets__modal-close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_exports_assets__button-tertiary:active svg, .main_ui_exports_assets__attr-title button:active svg, .main_ui_exports_assets__modal-close-btn-base:active svg, .main_ui_exports_assets__modal-close-btn:active svg,
.main_ui_exports_assets__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_exports_assets__button-tertiary.disabled, .main_ui_exports_assets__attr-title button.disabled, .main_ui_exports_assets__modal-close-btn-base.disabled, .main_ui_exports_assets__modal-close-btn.disabled, .main_ui_exports_assets__button-tertiary[disabled], .main_ui_exports_assets__attr-title button[disabled], [disabled].main_ui_exports_assets__modal-close-btn-base, [disabled].main_ui_exports_assets__modal-close-btn, .main_ui_exports_assets__button-tertiary:disabled, .main_ui_exports_assets__attr-title button:disabled, .main_ui_exports_assets__modal-close-btn-base:disabled, .main_ui_exports_assets__modal-close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_exports_assets__button-tertiary.disabled svg, .main_ui_exports_assets__attr-title button.disabled svg, .main_ui_exports_assets__modal-close-btn-base.disabled svg, .main_ui_exports_assets__modal-close-btn.disabled svg,
.main_ui_exports_assets__button-tertiary.disabled span svg, .main_ui_exports_assets__button-tertiary[disabled] svg, .main_ui_exports_assets__attr-title button[disabled] svg, [disabled].main_ui_exports_assets__modal-close-btn-base svg, [disabled].main_ui_exports_assets__modal-close-btn svg,
.main_ui_exports_assets__button-tertiary[disabled] span svg, .main_ui_exports_assets__button-tertiary:disabled svg, .main_ui_exports_assets__attr-title button:disabled svg, .main_ui_exports_assets__modal-close-btn-base:disabled svg, .main_ui_exports_assets__modal-close-btn:disabled svg,
.main_ui_exports_assets__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_exports_assets__button-icon-selected {
  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);
}
.main_ui_exports_assets__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_exports_assets__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_exports_assets__button-radio: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);
}
.main_ui_exports_assets__button-radio:focus-visible svg,
.main_ui_exports_assets__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_exports_assets__button-radio svg,
.main_ui_exports_assets__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_exports_assets__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_exports_assets__button-radio:hover svg,
.main_ui_exports_assets__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_exports_assets__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_exports_assets__button-radio:active svg,
.main_ui_exports_assets__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_exports_assets__button-warning {
  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);
}

.main_ui_exports_assets__button-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;
}

.main_ui_exports_assets__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_exports_assets__button-tag: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);
}
.main_ui_exports_assets__button-tag:focus-visible svg,
.main_ui_exports_assets__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_exports_assets__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_exports_assets__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_exports_assets__button-icon, .main_ui_exports_assets__close-icon, .main_ui_exports_assets__icon, .main_ui_exports_assets__empty-icon svg, .main_ui_exports_assets__modal-close-btn-base svg, .main_ui_exports_assets__modal-close-btn svg, .main_ui_exports_assets__button-icon-small, .main_ui_exports_assets__file-entry .main_ui_exports_assets__file-name .main_ui_exports_assets__file-icon svg, .main_ui_exports_assets__dropdown-element-base span svg, .main_ui_exports_assets__attr-title button svg, .main_ui_exports_assets__checkbox-icon.intermediate svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.intermediate svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.intermediate svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.intermediate svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.intermediate svg, .main_ui_exports_assets__input-checkbox label span.intermediate svg, .main_ui_exports_assets__export-option label span.intermediate svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.intermediate svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.intermediate svg, .main_ui_exports_assets__checkbox-icon.checked svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.checked svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.checked svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.checked svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.checked svg, .main_ui_exports_assets__input-checkbox label span.checked svg, .main_ui_exports_assets__export-option label span.checked svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.checked svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.checked svg, .main_ui_exports_assets__input-element span svg,
.main_ui_exports_assets__input-element label svg, .main_ui_exports_assets__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_exports_assets__button-icon-small, .main_ui_exports_assets__file-entry .main_ui_exports_assets__file-name .main_ui_exports_assets__file-icon svg, .main_ui_exports_assets__dropdown-element-base span svg, .main_ui_exports_assets__attr-title button svg, .main_ui_exports_assets__checkbox-icon.intermediate svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.intermediate svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.intermediate svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.intermediate svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.intermediate svg, .main_ui_exports_assets__input-checkbox label span.intermediate svg, .main_ui_exports_assets__export-option label span.intermediate svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.intermediate svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.intermediate svg, .main_ui_exports_assets__checkbox-icon.checked svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.checked svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.checked svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.checked svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.checked svg, .main_ui_exports_assets__input-checkbox label span.checked svg, .main_ui_exports_assets__export-option label span.checked svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.checked svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.checked svg, .main_ui_exports_assets__input-element span svg,
.main_ui_exports_assets__input-element label svg, .main_ui_exports_assets__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_exports_assets__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_exports_assets__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_exports_assets__input-base, .main_ui_exports_assets__input-with-label input, .main_ui_exports_assets__input-element-label input, .main_ui_exports_assets__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_exports_assets__input-base[disabled], .main_ui_exports_assets__input-with-label input[disabled], .main_ui_exports_assets__input-element-label input[disabled], .main_ui_exports_assets__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_exports_assets__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_exports_assets__input-label, .main_ui_exports_assets__input-element span,
.main_ui_exports_assets__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_exports_assets__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_exports_assets__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_exports_assets__input-element span svg,
.main_ui_exports_assets__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_exports_assets__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_exports_assets__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_exports_assets__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_exports_assets__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_exports_assets__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_exports_assets__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_exports_assets__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_exports_assets__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_exports_assets__input-element:focus, .main_ui_exports_assets__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_exports_assets__input-element:focus span, .main_ui_exports_assets__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_exports_assets__input-element:focus input, .main_ui_exports_assets__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_exports_assets__input-element:focus:hover, .main_ui_exports_assets__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_exports_assets__input-element:focus:hover span, .main_ui_exports_assets__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_exports_assets__input-element:focus:hover input, .main_ui_exports_assets__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_exports_assets__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_exports_assets__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_exports_assets__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_exports_assets__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_exports_assets__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_exports_assets__input-element-label:focus-within input, .main_ui_exports_assets__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_exports_assets__disabled-input, .main_ui_exports_assets__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_exports_assets__disabled-input input, .main_ui_exports_assets__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_exports_assets__disabled-input span svg, .main_ui_exports_assets__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_exports_assets__checkbox-icon, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span, .main_ui_exports_assets__input-checkbox label span, .main_ui_exports_assets__export-option label span, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_exports_assets__checkbox-icon svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span svg, .main_ui_exports_assets__input-checkbox label span svg, .main_ui_exports_assets__export-option label span svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_exports_assets__checkbox-icon:hover, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick:hover,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick:hover, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span:hover,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span:hover, .main_ui_exports_assets__input-checkbox label span:hover, .main_ui_exports_assets__export-option label span:hover, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span:hover,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_exports_assets__checkbox-icon:focus, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick:focus,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick:focus, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span:focus,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span:focus, .main_ui_exports_assets__input-checkbox label span:focus, .main_ui_exports_assets__export-option label span:focus, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span:focus,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_exports_assets__checkbox-icon.checked, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.checked,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.checked, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.checked,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.checked, .main_ui_exports_assets__input-checkbox label span.checked, .main_ui_exports_assets__export-option label span.checked, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.checked,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_exports_assets__checkbox-icon.checked svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.checked svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.checked svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.checked svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.checked svg, .main_ui_exports_assets__input-checkbox label span.checked svg, .main_ui_exports_assets__export-option label span.checked svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.checked svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_exports_assets__checkbox-icon.intermediate, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.intermediate,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.intermediate, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.intermediate,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.intermediate, .main_ui_exports_assets__input-checkbox label span.intermediate, .main_ui_exports_assets__export-option label span.intermediate, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.intermediate,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_exports_assets__checkbox-icon.intermediate svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.intermediate svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.intermediate svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.intermediate svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.intermediate svg, .main_ui_exports_assets__input-checkbox label span.intermediate svg, .main_ui_exports_assets__export-option label span.intermediate svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.intermediate svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_exports_assets__checkbox-icon.unchecked, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.unchecked,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.unchecked, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.unchecked,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.unchecked, .main_ui_exports_assets__input-checkbox label span.unchecked, .main_ui_exports_assets__export-option label span.unchecked, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.unchecked,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_exports_assets__checkbox-icon.unchecked svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.unchecked svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper .main_ui_exports_assets__checkobox-tick.unchecked svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.unchecked svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn span.unchecked svg, .main_ui_exports_assets__input-checkbox label span.unchecked svg, .main_ui_exports_assets__export-option label span.unchecked svg, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.unchecked svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label span.unchecked svg {
  display: none;
}

.main_ui_exports_assets__input-checkbox, .main_ui_exports_assets__export-option, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn {
  display: flex;
  align-items: center;
}
.main_ui_exports_assets__input-checkbox label, .main_ui_exports_assets__export-option label, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn label,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_exports_assets__input-checkbox label input, .main_ui_exports_assets__export-option label input, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label input,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label input, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn label input,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn label input {
  margin: 0;
}
.main_ui_exports_assets__input-checkbox label:hover span, .main_ui_exports_assets__export-option label:hover span, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label:hover span,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label:hover span, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn label:hover span,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_exports_assets__input-checkbox label:focus span, .main_ui_exports_assets__export-option label:focus span, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label:focus span,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label:focus span, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn label:focus span,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn label:focus span, .main_ui_exports_assets__input-checkbox label:focus-within span, .main_ui_exports_assets__export-option label:focus-within span, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label:focus-within span,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper label:focus-within span, .main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn label:focus-within span,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_exports_assets__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_exports_assets__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_exports_assets__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_exports_assets__input-with-label input:focus-within, .main_ui_exports_assets__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_exports_assets__input-with-label input:focus-within input, .main_ui_exports_assets__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_exports_assets__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_exports_assets__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_exports_assets__modal-overlay-base, .main_ui_exports_assets__modal-overlay {
  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);
}

.main_ui_exports_assets__modal-container-base, .main_ui_exports_assets__modal-container {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_exports_assets__modal-close-btn-base, .main_ui_exports_assets__modal-close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_exports_assets__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_exports_assets__modal-action-btns, .main_ui_exports_assets__action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_exports_assets__modal-cancel-btn, .main_ui_exports_assets__cancel-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_exports_assets__modal-accept-btn, .main_ui_exports_assets__accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_exports_assets__modal-danger-btn, .main_ui_exports_assets__accept-btn.main_ui_exports_assets__danger {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_exports_assets__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_exports_assets__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_exports_assets__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_exports_assets__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_exports_assets__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_exports_assets__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_exports_assets__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_exports_assets__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_exports_assets__colorpicker-handler {
  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;
}
.main_ui_exports_assets__colorpicker-handler:hover, .main_ui_exports_assets__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_exports_assets__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_exports_assets__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_exports_assets__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_exports_assets__attr-title button {
  display: none;
}
.main_ui_exports_assets__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_exports_assets__attr-title:hover button {
  display: flex;
}

.main_ui_exports_assets__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_exports_assets__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_exports_assets__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_exports_assets__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_exports_assets__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_exports_assets__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_exports_assets__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_exports_assets__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_exports_assets__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_exports_assets__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_exports_assets__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_exports_assets__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_exports_assets__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_exports_assets__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_exports_assets__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_exports_assets__export-progress-widget {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
}

.main_ui_exports_assets__export-progress-modal {
  --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: 0.5rem;
  z-index: 30;
  overflow: hidden;
}

.main_ui_exports_assets__has-error {
  --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;
}

.main_ui_exports_assets__icon {
  grid-area: icon;
  align-self: center;
  margin-inline-start: 0.5rem;
  stroke: var(--export-modal-icon-color);
}

.main_ui_exports_assets__export-progress-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  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);
}

.main_ui_exports_assets__progress {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  padding-left: 0.5rem;
  margin: 0;
  align-self: center;
  color: var(--modal-text-foreground-color);
}

.main_ui_exports_assets__retry-btn {
  border: none;
  background: none;
  cursor: pointer;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: inline;
  text-align: left;
  color: var(--modal-link-foreground-color);
  margin: 0;
  padding: 0;
}

.main_ui_exports_assets__progress-close-button {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  margin-inline-end: 0.5rem;
}

.main_ui_exports_assets__close-icon {
  stroke: var(--export-modal-icon-color);
}

.main_ui_exports_assets__progress-bar {
  margin-top: 0;
  grid-area: bar;
}

.main_ui_exports_assets__modal-overlay.main_ui_exports_assets__transparent {
  background-color: transparent;
}

.main_ui_exports_assets__modal-container {
  max-height: calc(10 * 5rem);
}

.main_ui_exports_assets__modal-header {
  margin-bottom: 1.5rem;
}

.main_ui_exports_assets__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_exports_assets__modal-content,
.main_ui_exports_assets__no-selection {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
.main_ui_exports_assets__modal-content .main_ui_exports_assets__modal-link,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__modal-link {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  color: var(--modal-link-foreground-color);
}
.main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  height: 2rem;
  margin-bottom: 0.25rem;
}
.main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-btn {
  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;
}
.main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-title,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-header .main_ui_exports_assets__selection-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
}
.main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-wrapper,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-wrapper {
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-shadow,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-shadow {
  width: 100%;
  height: 100%;
}
.main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-shadow:after,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-shadow: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;
}
.main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 25rem;
  overflow-y: auto;
  padding-bottom: 0.75rem;
}
.main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background-color: var(--entry-background-color);
  min-height: 2.5rem;
  border-radius: 0.5rem;
}
.main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn {
  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;
}
.main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__checkbox-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
}
.main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__selection-name,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__selection-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  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;
}
.main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__selection-scale,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__selection-scale {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  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);
}
.main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__selection-extension,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__selection-btn .main_ui_exports_assets__selection-extension {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  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);
}
.main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__image-wrapper,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2rem;
  min-width: 2rem;
  background-color: var(--app-white);
  border-radius: 0.375rem;
  margin: auto 0;
}
.main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__image-wrapper img,
.main_ui_exports_assets__modal-content .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__image-wrapper svg,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__image-wrapper img,
.main_ui_exports_assets__no-selection .main_ui_exports_assets__selection-list .main_ui_exports_assets__selection-row .main_ui_exports_assets__image-wrapper svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 2.5rem;
}

.main_ui_exports_assets__modal-scd-msg,
.main_ui_exports_assets__modal-subtitle,
.main_ui_exports_assets__modal-msg {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
}

.main_ui_exports_assets__export-option {
  width: 100%;
  align-items: flex-start;
}
.main_ui_exports_assets__export-option label {
  align-items: flex-start;
}
.main_ui_exports_assets__export-option label .main_ui_exports_assets__modal-subtitle {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}
.main_ui_exports_assets__export-option span {
  margin-top: 0.5rem;
}

.main_ui_exports_assets__option-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

.main_ui_exports_assets__file-entry .main_ui_exports_assets__file-name {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_exports_assets__file-entry .main_ui_exports_assets__file-name .main_ui_exports_assets__file-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
}
.main_ui_exports_assets__file-entry .main_ui_exports_assets__file-name .main_ui_exports_assets__file-icon svg {
  stroke: var(--input-foreground);
}
.main_ui_exports_assets__file-entry .main_ui_exports_assets__file-name .main_ui_exports_assets__file-name-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_exports_assets__file-entry.main_ui_exports_assets__loading .main_ui_exports_assets__file-name {
  color: var(--modal-text-foreground-color);
}
.main_ui_exports_assets__file-entry.main_ui_exports_assets__error .main_ui_exports_assets__file-name {
  color: var(--modal-text-foreground-color);
}
.main_ui_exports_assets__file-entry.main_ui_exports_assets__error .main_ui_exports_assets__file-name .main_ui_exports_assets__file-icon svg {
  stroke: var(--modal-text-foreground-color);
}
.main_ui_exports_assets__file-entry.main_ui_exports_assets__success .main_ui_exports_assets__file-name {
  color: var(--modal-text-foreground-color);
}
.main_ui_exports_assets__file-entry.main_ui_exports_assets__success .main_ui_exports_assets__file-name .main_ui_exports_assets__file-icon svg {
  stroke: var(--modal-text-foreground-color);
}
@keyframes main_ui_exports_files__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_exports_files__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_exports_files__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_exports_files__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_exports_files__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_exports_files__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_exports_files__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_exports_files__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_exports_files__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_exports_files__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_exports_files__new-scrollbar ::placeholder,
.main_ui_exports_files__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_exports_files__button-primary, .main_ui_exports_files__modal-danger-btn, .main_ui_exports_files__accept-btn.main_ui_exports_files__danger, .main_ui_exports_files__modal-accept-btn, .main_ui_exports_files__accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_exports_files__button-primary:focus-visible, .main_ui_exports_files__modal-danger-btn:focus-visible, .main_ui_exports_files__modal-accept-btn:focus-visible, .main_ui_exports_files__accept-btn: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);
}
.main_ui_exports_files__button-primary:focus-visible svg, .main_ui_exports_files__modal-danger-btn:focus-visible svg, .main_ui_exports_files__modal-accept-btn:focus-visible svg, .main_ui_exports_files__accept-btn:focus-visible svg,
.main_ui_exports_files__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_exports_files__button-primary svg, .main_ui_exports_files__modal-danger-btn svg, .main_ui_exports_files__accept-btn.main_ui_exports_files__danger svg, .main_ui_exports_files__modal-accept-btn svg, .main_ui_exports_files__accept-btn svg,
.main_ui_exports_files__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_exports_files__button-primary:hover, .main_ui_exports_files__modal-danger-btn:hover, .main_ui_exports_files__modal-accept-btn:hover, .main_ui_exports_files__accept-btn: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;
}
.main_ui_exports_files__button-primary:hover svg, .main_ui_exports_files__modal-danger-btn:hover svg, .main_ui_exports_files__modal-accept-btn:hover svg, .main_ui_exports_files__accept-btn:hover svg,
.main_ui_exports_files__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_exports_files__button-primary:active, .main_ui_exports_files__modal-danger-btn:active, .main_ui_exports_files__modal-accept-btn:active, .main_ui_exports_files__accept-btn: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;
}
.main_ui_exports_files__button-primary:active svg, .main_ui_exports_files__modal-danger-btn:active svg, .main_ui_exports_files__modal-accept-btn:active svg, .main_ui_exports_files__accept-btn:active svg,
.main_ui_exports_files__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_exports_files__button-primary.disabled, .main_ui_exports_files__modal-danger-btn.disabled, .main_ui_exports_files__modal-accept-btn.disabled, .main_ui_exports_files__accept-btn.disabled, .main_ui_exports_files__button-primary[disabled], [disabled].main_ui_exports_files__modal-danger-btn, [disabled].main_ui_exports_files__modal-accept-btn, [disabled].main_ui_exports_files__accept-btn, .main_ui_exports_files__button-primary:disabled, .main_ui_exports_files__modal-danger-btn:disabled, .main_ui_exports_files__modal-accept-btn:disabled, .main_ui_exports_files__accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_exports_files__button-secondary, .main_ui_exports_files__modal-cancel-btn, .main_ui_exports_files__cancel-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_exports_files__button-secondary:focus-visible, .main_ui_exports_files__modal-cancel-btn:focus-visible, .main_ui_exports_files__cancel-button:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_exports_files__button-secondary:focus-visible svg, .main_ui_exports_files__modal-cancel-btn:focus-visible svg, .main_ui_exports_files__cancel-button:focus-visible svg,
.main_ui_exports_files__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_exports_files__button-secondary svg, .main_ui_exports_files__modal-cancel-btn svg, .main_ui_exports_files__cancel-button svg,
.main_ui_exports_files__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_exports_files__button-secondary:hover, .main_ui_exports_files__modal-cancel-btn:hover, .main_ui_exports_files__cancel-button: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;
}
.main_ui_exports_files__button-secondary:hover svg, .main_ui_exports_files__modal-cancel-btn:hover svg, .main_ui_exports_files__cancel-button:hover svg,
.main_ui_exports_files__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_exports_files__button-secondary:active, .main_ui_exports_files__modal-cancel-btn:active, .main_ui_exports_files__cancel-button: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);
}
.main_ui_exports_files__button-secondary:active svg, .main_ui_exports_files__modal-cancel-btn:active svg, .main_ui_exports_files__cancel-button:active svg,
.main_ui_exports_files__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_exports_files__button-secondary.disabled, .main_ui_exports_files__modal-cancel-btn.disabled, .main_ui_exports_files__cancel-button.disabled, .main_ui_exports_files__button-secondary[disabled], [disabled].main_ui_exports_files__modal-cancel-btn, [disabled].main_ui_exports_files__cancel-button, .main_ui_exports_files__button-secondary:disabled, .main_ui_exports_files__modal-cancel-btn:disabled, .main_ui_exports_files__cancel-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;
}

.main_ui_exports_files__button-tertiary, .main_ui_exports_files__attr-title button, .main_ui_exports_files__modal-close-btn-base, .main_ui_exports_files__modal-close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_exports_files__button-tertiary:focus-visible, .main_ui_exports_files__attr-title button:focus-visible, .main_ui_exports_files__modal-close-btn-base:focus-visible, .main_ui_exports_files__modal-close-btn: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);
}
.main_ui_exports_files__button-tertiary:focus-visible svg, .main_ui_exports_files__attr-title button:focus-visible svg, .main_ui_exports_files__modal-close-btn-base:focus-visible svg, .main_ui_exports_files__modal-close-btn:focus-visible svg,
.main_ui_exports_files__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_exports_files__button-tertiary svg, .main_ui_exports_files__attr-title button svg, .main_ui_exports_files__modal-close-btn-base svg, .main_ui_exports_files__modal-close-btn svg,
.main_ui_exports_files__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_exports_files__button-tertiary:hover, .main_ui_exports_files__attr-title button:hover, .main_ui_exports_files__modal-close-btn-base:hover, .main_ui_exports_files__modal-close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_exports_files__button-tertiary:hover svg, .main_ui_exports_files__attr-title button:hover svg, .main_ui_exports_files__modal-close-btn-base:hover svg, .main_ui_exports_files__modal-close-btn:hover svg,
.main_ui_exports_files__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_exports_files__button-tertiary:active, .main_ui_exports_files__attr-title button:active, .main_ui_exports_files__modal-close-btn-base:active, .main_ui_exports_files__modal-close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_exports_files__button-tertiary:active svg, .main_ui_exports_files__attr-title button:active svg, .main_ui_exports_files__modal-close-btn-base:active svg, .main_ui_exports_files__modal-close-btn:active svg,
.main_ui_exports_files__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_exports_files__button-tertiary.disabled, .main_ui_exports_files__attr-title button.disabled, .main_ui_exports_files__modal-close-btn-base.disabled, .main_ui_exports_files__modal-close-btn.disabled, .main_ui_exports_files__button-tertiary[disabled], .main_ui_exports_files__attr-title button[disabled], [disabled].main_ui_exports_files__modal-close-btn-base, [disabled].main_ui_exports_files__modal-close-btn, .main_ui_exports_files__button-tertiary:disabled, .main_ui_exports_files__attr-title button:disabled, .main_ui_exports_files__modal-close-btn-base:disabled, .main_ui_exports_files__modal-close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_exports_files__button-tertiary.disabled svg, .main_ui_exports_files__attr-title button.disabled svg, .main_ui_exports_files__modal-close-btn-base.disabled svg, .main_ui_exports_files__modal-close-btn.disabled svg,
.main_ui_exports_files__button-tertiary.disabled span svg, .main_ui_exports_files__button-tertiary[disabled] svg, .main_ui_exports_files__attr-title button[disabled] svg, [disabled].main_ui_exports_files__modal-close-btn-base svg, [disabled].main_ui_exports_files__modal-close-btn svg,
.main_ui_exports_files__button-tertiary[disabled] span svg, .main_ui_exports_files__button-tertiary:disabled svg, .main_ui_exports_files__attr-title button:disabled svg, .main_ui_exports_files__modal-close-btn-base:disabled svg, .main_ui_exports_files__modal-close-btn:disabled svg,
.main_ui_exports_files__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_exports_files__button-icon-selected {
  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);
}
.main_ui_exports_files__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_exports_files__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_exports_files__button-radio: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);
}
.main_ui_exports_files__button-radio:focus-visible svg,
.main_ui_exports_files__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_exports_files__button-radio svg,
.main_ui_exports_files__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_exports_files__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_exports_files__button-radio:hover svg,
.main_ui_exports_files__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_exports_files__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_exports_files__button-radio:active svg,
.main_ui_exports_files__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_exports_files__button-warning {
  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);
}

.main_ui_exports_files__button-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;
}

.main_ui_exports_files__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_exports_files__button-tag: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);
}
.main_ui_exports_files__button-tag:focus-visible svg,
.main_ui_exports_files__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_exports_files__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_exports_files__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_exports_files__button-icon, .main_ui_exports_files__empty-icon svg, .main_ui_exports_files__modal-close-btn-base svg, .main_ui_exports_files__modal-close-btn svg, .main_ui_exports_files__button-icon-small, .main_ui_exports_files__file-entry .main_ui_exports_files__file-name .main_ui_exports_files__file-icon svg, .main_ui_exports_files__dropdown-element-base span svg, .main_ui_exports_files__attr-title button svg, .main_ui_exports_files__checkbox-icon.intermediate svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper .main_ui_exports_files__checkobox-tick.intermediate svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn span.intermediate svg, .main_ui_exports_files__input-checkbox label span.intermediate svg, .main_ui_exports_files__export-option label span.intermediate svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label span.intermediate svg, .main_ui_exports_files__checkbox-icon.checked svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper .main_ui_exports_files__checkobox-tick.checked svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn span.checked svg, .main_ui_exports_files__input-checkbox label span.checked svg, .main_ui_exports_files__export-option label span.checked svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label span.checked svg, .main_ui_exports_files__input-element span svg,
.main_ui_exports_files__input-element label svg, .main_ui_exports_files__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_exports_files__button-icon-small, .main_ui_exports_files__file-entry .main_ui_exports_files__file-name .main_ui_exports_files__file-icon svg, .main_ui_exports_files__dropdown-element-base span svg, .main_ui_exports_files__attr-title button svg, .main_ui_exports_files__checkbox-icon.intermediate svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper .main_ui_exports_files__checkobox-tick.intermediate svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn span.intermediate svg, .main_ui_exports_files__input-checkbox label span.intermediate svg, .main_ui_exports_files__export-option label span.intermediate svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label span.intermediate svg, .main_ui_exports_files__checkbox-icon.checked svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper .main_ui_exports_files__checkobox-tick.checked svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn span.checked svg, .main_ui_exports_files__input-checkbox label span.checked svg, .main_ui_exports_files__export-option label span.checked svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label span.checked svg, .main_ui_exports_files__input-element span svg,
.main_ui_exports_files__input-element label svg, .main_ui_exports_files__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_exports_files__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_exports_files__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_exports_files__input-base, .main_ui_exports_files__input-with-label input, .main_ui_exports_files__input-element-label input, .main_ui_exports_files__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_exports_files__input-base[disabled], .main_ui_exports_files__input-with-label input[disabled], .main_ui_exports_files__input-element-label input[disabled], .main_ui_exports_files__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_exports_files__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_exports_files__input-label, .main_ui_exports_files__input-element span,
.main_ui_exports_files__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_exports_files__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_exports_files__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_exports_files__input-element span svg,
.main_ui_exports_files__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_exports_files__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_exports_files__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_exports_files__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_exports_files__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_exports_files__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_exports_files__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_exports_files__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_exports_files__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_exports_files__input-element:focus, .main_ui_exports_files__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_exports_files__input-element:focus span, .main_ui_exports_files__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_exports_files__input-element:focus input, .main_ui_exports_files__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_exports_files__input-element:focus:hover, .main_ui_exports_files__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_exports_files__input-element:focus:hover span, .main_ui_exports_files__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_exports_files__input-element:focus:hover input, .main_ui_exports_files__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_exports_files__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_exports_files__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_exports_files__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_exports_files__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_exports_files__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_exports_files__input-element-label:focus-within input, .main_ui_exports_files__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_exports_files__disabled-input, .main_ui_exports_files__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_exports_files__disabled-input input, .main_ui_exports_files__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_exports_files__disabled-input span svg, .main_ui_exports_files__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_exports_files__checkbox-icon, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper .main_ui_exports_files__checkobox-tick, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn span, .main_ui_exports_files__input-checkbox label span, .main_ui_exports_files__export-option label span, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_exports_files__checkbox-icon svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper .main_ui_exports_files__checkobox-tick svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn span svg, .main_ui_exports_files__input-checkbox label span svg, .main_ui_exports_files__export-option label span svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_exports_files__checkbox-icon:hover, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper .main_ui_exports_files__checkobox-tick:hover, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn span:hover, .main_ui_exports_files__input-checkbox label span:hover, .main_ui_exports_files__export-option label span:hover, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_exports_files__checkbox-icon:focus, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper .main_ui_exports_files__checkobox-tick:focus, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn span:focus, .main_ui_exports_files__input-checkbox label span:focus, .main_ui_exports_files__export-option label span:focus, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_exports_files__checkbox-icon.checked, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper .main_ui_exports_files__checkobox-tick.checked, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn span.checked, .main_ui_exports_files__input-checkbox label span.checked, .main_ui_exports_files__export-option label span.checked, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_exports_files__checkbox-icon.checked svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper .main_ui_exports_files__checkobox-tick.checked svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn span.checked svg, .main_ui_exports_files__input-checkbox label span.checked svg, .main_ui_exports_files__export-option label span.checked svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_exports_files__checkbox-icon.intermediate, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper .main_ui_exports_files__checkobox-tick.intermediate, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn span.intermediate, .main_ui_exports_files__input-checkbox label span.intermediate, .main_ui_exports_files__export-option label span.intermediate, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_exports_files__checkbox-icon.intermediate svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper .main_ui_exports_files__checkobox-tick.intermediate svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn span.intermediate svg, .main_ui_exports_files__input-checkbox label span.intermediate svg, .main_ui_exports_files__export-option label span.intermediate svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_exports_files__checkbox-icon.unchecked, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper .main_ui_exports_files__checkobox-tick.unchecked, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn span.unchecked, .main_ui_exports_files__input-checkbox label span.unchecked, .main_ui_exports_files__export-option label span.unchecked, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_exports_files__checkbox-icon.unchecked svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper .main_ui_exports_files__checkobox-tick.unchecked svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn span.unchecked svg, .main_ui_exports_files__input-checkbox label span.unchecked svg, .main_ui_exports_files__export-option label span.unchecked svg, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label span.unchecked svg {
  display: none;
}

.main_ui_exports_files__input-checkbox, .main_ui_exports_files__export-option, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn {
  display: flex;
  align-items: center;
}
.main_ui_exports_files__input-checkbox label, .main_ui_exports_files__export-option label, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_exports_files__input-checkbox label input, .main_ui_exports_files__export-option label input, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label input, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn label input {
  margin: 0;
}
.main_ui_exports_files__input-checkbox label:hover span, .main_ui_exports_files__export-option label:hover span, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label:hover span, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_exports_files__input-checkbox label:focus span, .main_ui_exports_files__export-option label:focus span, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label:focus span, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn label:focus span, .main_ui_exports_files__input-checkbox label:focus-within span, .main_ui_exports_files__export-option label:focus-within span, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper label:focus-within span, .main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_exports_files__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_exports_files__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_exports_files__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_exports_files__input-with-label input:focus-within, .main_ui_exports_files__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_exports_files__input-with-label input:focus-within input, .main_ui_exports_files__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_exports_files__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_exports_files__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_exports_files__modal-overlay-base, .main_ui_exports_files__modal-overlay {
  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);
}

.main_ui_exports_files__modal-container-base, .main_ui_exports_files__modal-container {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_exports_files__modal-close-btn-base, .main_ui_exports_files__modal-close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_exports_files__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_exports_files__modal-action-btns, .main_ui_exports_files__action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_exports_files__modal-cancel-btn, .main_ui_exports_files__cancel-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_exports_files__modal-accept-btn, .main_ui_exports_files__accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_exports_files__modal-danger-btn, .main_ui_exports_files__accept-btn.main_ui_exports_files__danger {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_exports_files__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_exports_files__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_exports_files__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_exports_files__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_exports_files__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_exports_files__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_exports_files__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_exports_files__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_exports_files__colorpicker-handler {
  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;
}
.main_ui_exports_files__colorpicker-handler:hover, .main_ui_exports_files__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_exports_files__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_exports_files__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_exports_files__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_exports_files__attr-title button {
  display: none;
}
.main_ui_exports_files__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_exports_files__attr-title:hover button {
  display: flex;
}

.main_ui_exports_files__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_exports_files__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_exports_files__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_exports_files__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_exports_files__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_exports_files__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_exports_files__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_exports_files__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_exports_files__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_exports_files__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_exports_files__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_exports_files__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_exports_files__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_exports_files__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_exports_files__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_exports_files__modal-overlay.main_ui_exports_files__transparent {
  background-color: transparent;
}

.main_ui_exports_files__modal-container {
  max-height: calc(10 * 5rem);
}

.main_ui_exports_files__modal-header {
  margin-bottom: 1.5rem;
}

.main_ui_exports_files__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_exports_files__modal-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
.main_ui_exports_files__modal-content .main_ui_exports_files__modal-link {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  color: var(--modal-link-foreground-color);
}
.main_ui_exports_files__modal-content .main_ui_exports_files__selection-header {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  height: 2rem;
  margin-bottom: 0.25rem;
}
.main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-btn {
  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;
}
.main_ui_exports_files__modal-content .main_ui_exports_files__selection-header .main_ui_exports_files__selection-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
}
.main_ui_exports_files__modal-content .main_ui_exports_files__selection-wrapper {
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_exports_files__modal-content .main_ui_exports_files__selection-shadow {
  width: 100%;
  height: 100%;
}
.main_ui_exports_files__modal-content .main_ui_exports_files__selection-shadow: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;
}
.main_ui_exports_files__modal-content .main_ui_exports_files__selection-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 25rem;
  overflow-y: auto;
  padding-bottom: 0.75rem;
}
.main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background-color: var(--entry-background-color);
  min-height: 2.5rem;
  border-radius: 0.5rem;
}
.main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn {
  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;
}
.main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__checkbox-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
}
.main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__selection-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  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;
}
.main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__selection-scale {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  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);
}
.main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__selection-btn .main_ui_exports_files__selection-extension {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  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);
}
.main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2rem;
  min-width: 2rem;
  background-color: var(--app-white);
  border-radius: 0.375rem;
  margin: auto 0;
}
.main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__image-wrapper img,
.main_ui_exports_files__modal-content .main_ui_exports_files__selection-list .main_ui_exports_files__selection-row .main_ui_exports_files__image-wrapper svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 2.5rem;
}

.main_ui_exports_files__modal-scd-msg,
.main_ui_exports_files__modal-subtitle,
.main_ui_exports_files__modal-msg {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
}

.main_ui_exports_files__export-option {
  width: 100%;
  align-items: flex-start;
}
.main_ui_exports_files__export-option label {
  align-items: flex-start;
}
.main_ui_exports_files__export-option label .main_ui_exports_files__modal-subtitle {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
  padding: 0.25rem 0;
}
.main_ui_exports_files__export-option span {
  margin-top: 0.5rem;
}

.main_ui_exports_files__option-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

.main_ui_exports_files__file-entry .main_ui_exports_files__file-name {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_exports_files__file-entry .main_ui_exports_files__file-name .main_ui_exports_files__file-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
}
.main_ui_exports_files__file-entry .main_ui_exports_files__file-name .main_ui_exports_files__file-icon svg {
  stroke: var(--input-foreground);
}
.main_ui_exports_files__file-entry .main_ui_exports_files__file-name .main_ui_exports_files__file-name-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_exports_files__file-entry.main_ui_exports_files__loading .main_ui_exports_files__file-name {
  color: var(--modal-text-foreground-color);
}
.main_ui_exports_files__file-entry.main_ui_exports_files__error .main_ui_exports_files__file-name {
  color: var(--modal-text-foreground-color);
}
.main_ui_exports_files__file-entry.main_ui_exports_files__error .main_ui_exports_files__file-name .main_ui_exports_files__file-icon svg {
  stroke: var(--modal-text-foreground-color);
}
.main_ui_exports_files__file-entry.main_ui_exports_files__success .main_ui_exports_files__file-name {
  color: var(--modal-text-foreground-color);
}
.main_ui_exports_files__file-entry.main_ui_exports_files__success .main_ui_exports_files__file-name .main_ui_exports_files__file-icon svg {
  stroke: var(--modal-text-foreground-color);
}
@keyframes main_ui_debug_icons_preview__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_debug_icons_preview__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_debug_icons_preview__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_debug_icons_preview__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_debug_icons_preview__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_debug_icons_preview__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_debug_icons_preview__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_debug_icons_preview__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_debug_icons_preview__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_debug_icons_preview__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_debug_icons_preview__new-scrollbar ::placeholder,
.main_ui_debug_icons_preview__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_debug_icons_preview__button-primary, .main_ui_debug_icons_preview__modal-danger-btn, .main_ui_debug_icons_preview__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_debug_icons_preview__button-primary:focus-visible, .main_ui_debug_icons_preview__modal-danger-btn:focus-visible, .main_ui_debug_icons_preview__modal-accept-btn: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);
}
.main_ui_debug_icons_preview__button-primary:focus-visible svg, .main_ui_debug_icons_preview__modal-danger-btn:focus-visible svg, .main_ui_debug_icons_preview__modal-accept-btn:focus-visible svg,
.main_ui_debug_icons_preview__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_debug_icons_preview__button-primary svg, .main_ui_debug_icons_preview__modal-danger-btn svg, .main_ui_debug_icons_preview__modal-accept-btn svg,
.main_ui_debug_icons_preview__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_debug_icons_preview__button-primary:hover, .main_ui_debug_icons_preview__modal-danger-btn:hover, .main_ui_debug_icons_preview__modal-accept-btn: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;
}
.main_ui_debug_icons_preview__button-primary:hover svg, .main_ui_debug_icons_preview__modal-danger-btn:hover svg, .main_ui_debug_icons_preview__modal-accept-btn:hover svg,
.main_ui_debug_icons_preview__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_debug_icons_preview__button-primary:active, .main_ui_debug_icons_preview__modal-danger-btn:active, .main_ui_debug_icons_preview__modal-accept-btn: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;
}
.main_ui_debug_icons_preview__button-primary:active svg, .main_ui_debug_icons_preview__modal-danger-btn:active svg, .main_ui_debug_icons_preview__modal-accept-btn:active svg,
.main_ui_debug_icons_preview__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_debug_icons_preview__button-primary.disabled, .main_ui_debug_icons_preview__modal-danger-btn.disabled, .main_ui_debug_icons_preview__modal-accept-btn.disabled, .main_ui_debug_icons_preview__button-primary[disabled], [disabled].main_ui_debug_icons_preview__modal-danger-btn, [disabled].main_ui_debug_icons_preview__modal-accept-btn, .main_ui_debug_icons_preview__button-primary:disabled, .main_ui_debug_icons_preview__modal-danger-btn:disabled, .main_ui_debug_icons_preview__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_debug_icons_preview__button-secondary, .main_ui_debug_icons_preview__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_debug_icons_preview__button-secondary:focus-visible, .main_ui_debug_icons_preview__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_debug_icons_preview__button-secondary:focus-visible svg, .main_ui_debug_icons_preview__modal-cancel-btn:focus-visible svg,
.main_ui_debug_icons_preview__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_debug_icons_preview__button-secondary svg, .main_ui_debug_icons_preview__modal-cancel-btn svg,
.main_ui_debug_icons_preview__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_debug_icons_preview__button-secondary:hover, .main_ui_debug_icons_preview__modal-cancel-btn: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;
}
.main_ui_debug_icons_preview__button-secondary:hover svg, .main_ui_debug_icons_preview__modal-cancel-btn:hover svg,
.main_ui_debug_icons_preview__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_debug_icons_preview__button-secondary:active, .main_ui_debug_icons_preview__modal-cancel-btn: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);
}
.main_ui_debug_icons_preview__button-secondary:active svg, .main_ui_debug_icons_preview__modal-cancel-btn:active svg,
.main_ui_debug_icons_preview__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_debug_icons_preview__button-secondary.disabled, .main_ui_debug_icons_preview__modal-cancel-btn.disabled, .main_ui_debug_icons_preview__button-secondary[disabled], [disabled].main_ui_debug_icons_preview__modal-cancel-btn, .main_ui_debug_icons_preview__button-secondary:disabled, .main_ui_debug_icons_preview__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_debug_icons_preview__button-tertiary, .main_ui_debug_icons_preview__attr-title button, .main_ui_debug_icons_preview__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_debug_icons_preview__button-tertiary:focus-visible, .main_ui_debug_icons_preview__attr-title button:focus-visible, .main_ui_debug_icons_preview__modal-close-btn-base: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);
}
.main_ui_debug_icons_preview__button-tertiary:focus-visible svg, .main_ui_debug_icons_preview__attr-title button:focus-visible svg, .main_ui_debug_icons_preview__modal-close-btn-base:focus-visible svg,
.main_ui_debug_icons_preview__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_debug_icons_preview__button-tertiary svg, .main_ui_debug_icons_preview__attr-title button svg, .main_ui_debug_icons_preview__modal-close-btn-base svg,
.main_ui_debug_icons_preview__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_debug_icons_preview__button-tertiary:hover, .main_ui_debug_icons_preview__attr-title button:hover, .main_ui_debug_icons_preview__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_debug_icons_preview__button-tertiary:hover svg, .main_ui_debug_icons_preview__attr-title button:hover svg, .main_ui_debug_icons_preview__modal-close-btn-base:hover svg,
.main_ui_debug_icons_preview__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_debug_icons_preview__button-tertiary:active, .main_ui_debug_icons_preview__attr-title button:active, .main_ui_debug_icons_preview__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_debug_icons_preview__button-tertiary:active svg, .main_ui_debug_icons_preview__attr-title button:active svg, .main_ui_debug_icons_preview__modal-close-btn-base:active svg,
.main_ui_debug_icons_preview__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_debug_icons_preview__button-tertiary.disabled, .main_ui_debug_icons_preview__attr-title button.disabled, .main_ui_debug_icons_preview__modal-close-btn-base.disabled, .main_ui_debug_icons_preview__button-tertiary[disabled], .main_ui_debug_icons_preview__attr-title button[disabled], [disabled].main_ui_debug_icons_preview__modal-close-btn-base, .main_ui_debug_icons_preview__button-tertiary:disabled, .main_ui_debug_icons_preview__attr-title button:disabled, .main_ui_debug_icons_preview__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_debug_icons_preview__button-tertiary.disabled svg, .main_ui_debug_icons_preview__attr-title button.disabled svg, .main_ui_debug_icons_preview__modal-close-btn-base.disabled svg,
.main_ui_debug_icons_preview__button-tertiary.disabled span svg, .main_ui_debug_icons_preview__button-tertiary[disabled] svg, .main_ui_debug_icons_preview__attr-title button[disabled] svg, [disabled].main_ui_debug_icons_preview__modal-close-btn-base svg,
.main_ui_debug_icons_preview__button-tertiary[disabled] span svg, .main_ui_debug_icons_preview__button-tertiary:disabled svg, .main_ui_debug_icons_preview__attr-title button:disabled svg, .main_ui_debug_icons_preview__modal-close-btn-base:disabled svg,
.main_ui_debug_icons_preview__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_debug_icons_preview__button-icon-selected {
  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);
}
.main_ui_debug_icons_preview__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_debug_icons_preview__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_debug_icons_preview__button-radio: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);
}
.main_ui_debug_icons_preview__button-radio:focus-visible svg,
.main_ui_debug_icons_preview__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_debug_icons_preview__button-radio svg,
.main_ui_debug_icons_preview__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_debug_icons_preview__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_debug_icons_preview__button-radio:hover svg,
.main_ui_debug_icons_preview__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_debug_icons_preview__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_debug_icons_preview__button-radio:active svg,
.main_ui_debug_icons_preview__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_debug_icons_preview__button-warning {
  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);
}

.main_ui_debug_icons_preview__button-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;
}

.main_ui_debug_icons_preview__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_debug_icons_preview__button-tag: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);
}
.main_ui_debug_icons_preview__button-tag:focus-visible svg,
.main_ui_debug_icons_preview__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_debug_icons_preview__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_debug_icons_preview__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_debug_icons_preview__button-icon, .main_ui_debug_icons_preview__empty-icon svg, .main_ui_debug_icons_preview__modal-close-btn-base svg, .main_ui_debug_icons_preview__button-icon-small, .main_ui_debug_icons_preview__dropdown-element-base span svg, .main_ui_debug_icons_preview__attr-title button svg, .main_ui_debug_icons_preview__checkbox-icon.intermediate svg, .main_ui_debug_icons_preview__input-checkbox label span.intermediate svg, .main_ui_debug_icons_preview__checkbox-icon.checked svg, .main_ui_debug_icons_preview__input-checkbox label span.checked svg, .main_ui_debug_icons_preview__input-element span svg,
.main_ui_debug_icons_preview__input-element label svg, .main_ui_debug_icons_preview__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_debug_icons_preview__button-icon-small, .main_ui_debug_icons_preview__dropdown-element-base span svg, .main_ui_debug_icons_preview__attr-title button svg, .main_ui_debug_icons_preview__checkbox-icon.intermediate svg, .main_ui_debug_icons_preview__input-checkbox label span.intermediate svg, .main_ui_debug_icons_preview__checkbox-icon.checked svg, .main_ui_debug_icons_preview__input-checkbox label span.checked svg, .main_ui_debug_icons_preview__input-element span svg,
.main_ui_debug_icons_preview__input-element label svg, .main_ui_debug_icons_preview__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_debug_icons_preview__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_debug_icons_preview__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_debug_icons_preview__input-base, .main_ui_debug_icons_preview__input-with-label input, .main_ui_debug_icons_preview__input-element-label input, .main_ui_debug_icons_preview__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_debug_icons_preview__input-base[disabled], .main_ui_debug_icons_preview__input-with-label input[disabled], .main_ui_debug_icons_preview__input-element-label input[disabled], .main_ui_debug_icons_preview__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_debug_icons_preview__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_debug_icons_preview__input-label, .main_ui_debug_icons_preview__input-element span,
.main_ui_debug_icons_preview__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_debug_icons_preview__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_debug_icons_preview__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_debug_icons_preview__input-element span svg,
.main_ui_debug_icons_preview__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_debug_icons_preview__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_debug_icons_preview__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_debug_icons_preview__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_debug_icons_preview__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_debug_icons_preview__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_debug_icons_preview__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_debug_icons_preview__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_debug_icons_preview__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_debug_icons_preview__input-element:focus, .main_ui_debug_icons_preview__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_debug_icons_preview__input-element:focus span, .main_ui_debug_icons_preview__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_debug_icons_preview__input-element:focus input, .main_ui_debug_icons_preview__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_debug_icons_preview__input-element:focus:hover, .main_ui_debug_icons_preview__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_debug_icons_preview__input-element:focus:hover span, .main_ui_debug_icons_preview__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_debug_icons_preview__input-element:focus:hover input, .main_ui_debug_icons_preview__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_debug_icons_preview__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_debug_icons_preview__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_debug_icons_preview__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_debug_icons_preview__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_debug_icons_preview__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_debug_icons_preview__input-element-label:focus-within input, .main_ui_debug_icons_preview__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_debug_icons_preview__disabled-input, .main_ui_debug_icons_preview__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_debug_icons_preview__disabled-input input, .main_ui_debug_icons_preview__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_debug_icons_preview__disabled-input span svg, .main_ui_debug_icons_preview__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_debug_icons_preview__checkbox-icon, .main_ui_debug_icons_preview__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_debug_icons_preview__checkbox-icon svg, .main_ui_debug_icons_preview__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_debug_icons_preview__checkbox-icon:hover, .main_ui_debug_icons_preview__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_debug_icons_preview__checkbox-icon:focus, .main_ui_debug_icons_preview__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_debug_icons_preview__checkbox-icon.checked, .main_ui_debug_icons_preview__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_debug_icons_preview__checkbox-icon.checked svg, .main_ui_debug_icons_preview__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_debug_icons_preview__checkbox-icon.intermediate, .main_ui_debug_icons_preview__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_debug_icons_preview__checkbox-icon.intermediate svg, .main_ui_debug_icons_preview__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_debug_icons_preview__checkbox-icon.unchecked, .main_ui_debug_icons_preview__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_debug_icons_preview__checkbox-icon.unchecked svg, .main_ui_debug_icons_preview__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_debug_icons_preview__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_debug_icons_preview__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_debug_icons_preview__input-checkbox label input {
  margin: 0;
}
.main_ui_debug_icons_preview__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_debug_icons_preview__input-checkbox label:focus span, .main_ui_debug_icons_preview__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_debug_icons_preview__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_debug_icons_preview__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_debug_icons_preview__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_debug_icons_preview__input-with-label input:focus-within, .main_ui_debug_icons_preview__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_debug_icons_preview__input-with-label input:focus-within input, .main_ui_debug_icons_preview__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_debug_icons_preview__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_debug_icons_preview__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_debug_icons_preview__modal-overlay-base {
  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);
}

.main_ui_debug_icons_preview__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_debug_icons_preview__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_debug_icons_preview__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_debug_icons_preview__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_debug_icons_preview__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_debug_icons_preview__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_debug_icons_preview__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_debug_icons_preview__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_debug_icons_preview__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_debug_icons_preview__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_debug_icons_preview__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_debug_icons_preview__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_debug_icons_preview__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_debug_icons_preview__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_debug_icons_preview__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_debug_icons_preview__colorpicker-handler {
  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;
}
.main_ui_debug_icons_preview__colorpicker-handler:hover, .main_ui_debug_icons_preview__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_debug_icons_preview__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_debug_icons_preview__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_debug_icons_preview__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_debug_icons_preview__attr-title button {
  display: none;
}
.main_ui_debug_icons_preview__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_debug_icons_preview__attr-title:hover button {
  display: flex;
}

.main_ui_debug_icons_preview__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_debug_icons_preview__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_debug_icons_preview__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_debug_icons_preview__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_debug_icons_preview__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_debug_icons_preview__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_debug_icons_preview__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_debug_icons_preview__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_debug_icons_preview__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_debug_icons_preview__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_debug_icons_preview__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_debug_icons_preview__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_debug_icons_preview__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_debug_icons_preview__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_debug_icons_preview__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_debug_icons_preview__container {
  display: grid;
  row-gap: 1rem;
  height: 100vh;
  overflow-y: auto;
  padding: 1rem;
}

.main_ui_debug_icons_preview__title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--color-foreground-primary);
}

.main_ui_debug_icons_preview__gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, 120px);
  grid-template-rows: repeat(auto-fill, 120px);
  gap: 1rem;
  --cell-size: 64px;
}

.main_ui_debug_icons_preview__gallery-item {
  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: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}
.main_ui_debug_icons_preview__gallery-item svg {
  width: var(--cell-size);
  height: var(--cell-size);
  fill: none;
  color: transparent;
  stroke: var(--color-accent-primary);
}

.main_ui_debug_icons_preview__cursor {
  width: var(--cell-size);
  height: var(--cell-size);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@keyframes main_ui_dashboard_change_owner__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_change_owner__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_change_owner__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_change_owner__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_change_owner__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_change_owner__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_change_owner__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_change_owner__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_change_owner__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_change_owner__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_change_owner__new-scrollbar ::placeholder,
.main_ui_dashboard_change_owner__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_change_owner__button-primary, .main_ui_dashboard_change_owner__modal-danger-btn, .main_ui_dashboard_change_owner__accept-btn.main_ui_dashboard_change_owner__danger, .main_ui_dashboard_change_owner__modal-accept-btn, .main_ui_dashboard_change_owner__accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_change_owner__button-primary:focus-visible, .main_ui_dashboard_change_owner__modal-danger-btn:focus-visible, .main_ui_dashboard_change_owner__modal-accept-btn:focus-visible, .main_ui_dashboard_change_owner__accept-btn: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);
}
.main_ui_dashboard_change_owner__button-primary:focus-visible svg, .main_ui_dashboard_change_owner__modal-danger-btn:focus-visible svg, .main_ui_dashboard_change_owner__modal-accept-btn:focus-visible svg, .main_ui_dashboard_change_owner__accept-btn:focus-visible svg,
.main_ui_dashboard_change_owner__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_change_owner__button-primary svg, .main_ui_dashboard_change_owner__modal-danger-btn svg, .main_ui_dashboard_change_owner__accept-btn.main_ui_dashboard_change_owner__danger svg, .main_ui_dashboard_change_owner__modal-accept-btn svg, .main_ui_dashboard_change_owner__accept-btn svg,
.main_ui_dashboard_change_owner__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_change_owner__button-primary:hover, .main_ui_dashboard_change_owner__modal-danger-btn:hover, .main_ui_dashboard_change_owner__modal-accept-btn:hover, .main_ui_dashboard_change_owner__accept-btn: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;
}
.main_ui_dashboard_change_owner__button-primary:hover svg, .main_ui_dashboard_change_owner__modal-danger-btn:hover svg, .main_ui_dashboard_change_owner__modal-accept-btn:hover svg, .main_ui_dashboard_change_owner__accept-btn:hover svg,
.main_ui_dashboard_change_owner__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_change_owner__button-primary:active, .main_ui_dashboard_change_owner__modal-danger-btn:active, .main_ui_dashboard_change_owner__modal-accept-btn:active, .main_ui_dashboard_change_owner__accept-btn: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;
}
.main_ui_dashboard_change_owner__button-primary:active svg, .main_ui_dashboard_change_owner__modal-danger-btn:active svg, .main_ui_dashboard_change_owner__modal-accept-btn:active svg, .main_ui_dashboard_change_owner__accept-btn:active svg,
.main_ui_dashboard_change_owner__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_change_owner__button-primary.disabled, .main_ui_dashboard_change_owner__modal-danger-btn.disabled, .main_ui_dashboard_change_owner__modal-accept-btn.disabled, .main_ui_dashboard_change_owner__accept-btn.disabled, .main_ui_dashboard_change_owner__button-primary[disabled], [disabled].main_ui_dashboard_change_owner__modal-danger-btn, [disabled].main_ui_dashboard_change_owner__modal-accept-btn, [disabled].main_ui_dashboard_change_owner__accept-btn, .main_ui_dashboard_change_owner__button-primary:disabled, .main_ui_dashboard_change_owner__modal-danger-btn:disabled, .main_ui_dashboard_change_owner__modal-accept-btn:disabled, .main_ui_dashboard_change_owner__accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_change_owner__button-secondary, .main_ui_dashboard_change_owner__modal-cancel-btn, .main_ui_dashboard_change_owner__cancel-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_change_owner__button-secondary:focus-visible, .main_ui_dashboard_change_owner__modal-cancel-btn:focus-visible, .main_ui_dashboard_change_owner__cancel-button:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_change_owner__button-secondary:focus-visible svg, .main_ui_dashboard_change_owner__modal-cancel-btn:focus-visible svg, .main_ui_dashboard_change_owner__cancel-button:focus-visible svg,
.main_ui_dashboard_change_owner__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_change_owner__button-secondary svg, .main_ui_dashboard_change_owner__modal-cancel-btn svg, .main_ui_dashboard_change_owner__cancel-button svg,
.main_ui_dashboard_change_owner__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_change_owner__button-secondary:hover, .main_ui_dashboard_change_owner__modal-cancel-btn:hover, .main_ui_dashboard_change_owner__cancel-button: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;
}
.main_ui_dashboard_change_owner__button-secondary:hover svg, .main_ui_dashboard_change_owner__modal-cancel-btn:hover svg, .main_ui_dashboard_change_owner__cancel-button:hover svg,
.main_ui_dashboard_change_owner__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_change_owner__button-secondary:active, .main_ui_dashboard_change_owner__modal-cancel-btn:active, .main_ui_dashboard_change_owner__cancel-button: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);
}
.main_ui_dashboard_change_owner__button-secondary:active svg, .main_ui_dashboard_change_owner__modal-cancel-btn:active svg, .main_ui_dashboard_change_owner__cancel-button:active svg,
.main_ui_dashboard_change_owner__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_change_owner__button-secondary.disabled, .main_ui_dashboard_change_owner__modal-cancel-btn.disabled, .main_ui_dashboard_change_owner__cancel-button.disabled, .main_ui_dashboard_change_owner__button-secondary[disabled], [disabled].main_ui_dashboard_change_owner__modal-cancel-btn, [disabled].main_ui_dashboard_change_owner__cancel-button, .main_ui_dashboard_change_owner__button-secondary:disabled, .main_ui_dashboard_change_owner__modal-cancel-btn:disabled, .main_ui_dashboard_change_owner__cancel-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;
}

.main_ui_dashboard_change_owner__button-tertiary, .main_ui_dashboard_change_owner__attr-title button, .main_ui_dashboard_change_owner__modal-close-btn-base, .main_ui_dashboard_change_owner__modal-close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_change_owner__button-tertiary:focus-visible, .main_ui_dashboard_change_owner__attr-title button:focus-visible, .main_ui_dashboard_change_owner__modal-close-btn-base:focus-visible, .main_ui_dashboard_change_owner__modal-close-btn: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);
}
.main_ui_dashboard_change_owner__button-tertiary:focus-visible svg, .main_ui_dashboard_change_owner__attr-title button:focus-visible svg, .main_ui_dashboard_change_owner__modal-close-btn-base:focus-visible svg, .main_ui_dashboard_change_owner__modal-close-btn:focus-visible svg,
.main_ui_dashboard_change_owner__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_change_owner__button-tertiary svg, .main_ui_dashboard_change_owner__attr-title button svg, .main_ui_dashboard_change_owner__modal-close-btn-base svg, .main_ui_dashboard_change_owner__modal-close-btn svg,
.main_ui_dashboard_change_owner__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_change_owner__button-tertiary:hover, .main_ui_dashboard_change_owner__attr-title button:hover, .main_ui_dashboard_change_owner__modal-close-btn-base:hover, .main_ui_dashboard_change_owner__modal-close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_change_owner__button-tertiary:hover svg, .main_ui_dashboard_change_owner__attr-title button:hover svg, .main_ui_dashboard_change_owner__modal-close-btn-base:hover svg, .main_ui_dashboard_change_owner__modal-close-btn:hover svg,
.main_ui_dashboard_change_owner__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_change_owner__button-tertiary:active, .main_ui_dashboard_change_owner__attr-title button:active, .main_ui_dashboard_change_owner__modal-close-btn-base:active, .main_ui_dashboard_change_owner__modal-close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_change_owner__button-tertiary:active svg, .main_ui_dashboard_change_owner__attr-title button:active svg, .main_ui_dashboard_change_owner__modal-close-btn-base:active svg, .main_ui_dashboard_change_owner__modal-close-btn:active svg,
.main_ui_dashboard_change_owner__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_change_owner__button-tertiary.disabled, .main_ui_dashboard_change_owner__attr-title button.disabled, .main_ui_dashboard_change_owner__modal-close-btn-base.disabled, .main_ui_dashboard_change_owner__modal-close-btn.disabled, .main_ui_dashboard_change_owner__button-tertiary[disabled], .main_ui_dashboard_change_owner__attr-title button[disabled], [disabled].main_ui_dashboard_change_owner__modal-close-btn-base, [disabled].main_ui_dashboard_change_owner__modal-close-btn, .main_ui_dashboard_change_owner__button-tertiary:disabled, .main_ui_dashboard_change_owner__attr-title button:disabled, .main_ui_dashboard_change_owner__modal-close-btn-base:disabled, .main_ui_dashboard_change_owner__modal-close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_change_owner__button-tertiary.disabled svg, .main_ui_dashboard_change_owner__attr-title button.disabled svg, .main_ui_dashboard_change_owner__modal-close-btn-base.disabled svg, .main_ui_dashboard_change_owner__modal-close-btn.disabled svg,
.main_ui_dashboard_change_owner__button-tertiary.disabled span svg, .main_ui_dashboard_change_owner__button-tertiary[disabled] svg, .main_ui_dashboard_change_owner__attr-title button[disabled] svg, [disabled].main_ui_dashboard_change_owner__modal-close-btn-base svg, [disabled].main_ui_dashboard_change_owner__modal-close-btn svg,
.main_ui_dashboard_change_owner__button-tertiary[disabled] span svg, .main_ui_dashboard_change_owner__button-tertiary:disabled svg, .main_ui_dashboard_change_owner__attr-title button:disabled svg, .main_ui_dashboard_change_owner__modal-close-btn-base:disabled svg, .main_ui_dashboard_change_owner__modal-close-btn:disabled svg,
.main_ui_dashboard_change_owner__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_change_owner__button-icon-selected {
  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);
}
.main_ui_dashboard_change_owner__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_change_owner__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_change_owner__button-radio: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);
}
.main_ui_dashboard_change_owner__button-radio:focus-visible svg,
.main_ui_dashboard_change_owner__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_change_owner__button-radio svg,
.main_ui_dashboard_change_owner__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_change_owner__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_change_owner__button-radio:hover svg,
.main_ui_dashboard_change_owner__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_change_owner__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_change_owner__button-radio:active svg,
.main_ui_dashboard_change_owner__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_change_owner__button-warning {
  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);
}

.main_ui_dashboard_change_owner__button-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;
}

.main_ui_dashboard_change_owner__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_change_owner__button-tag: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);
}
.main_ui_dashboard_change_owner__button-tag:focus-visible svg,
.main_ui_dashboard_change_owner__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_change_owner__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_change_owner__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_change_owner__button-icon, .main_ui_dashboard_change_owner__empty-icon svg, .main_ui_dashboard_change_owner__modal-close-btn-base svg, .main_ui_dashboard_change_owner__modal-close-btn svg, .main_ui_dashboard_change_owner__button-icon-small, .main_ui_dashboard_change_owner__dropdown-element-base span svg, .main_ui_dashboard_change_owner__attr-title button svg, .main_ui_dashboard_change_owner__checkbox-icon.intermediate svg, .main_ui_dashboard_change_owner__input-checkbox label span.intermediate svg, .main_ui_dashboard_change_owner__checkbox-icon.checked svg, .main_ui_dashboard_change_owner__input-checkbox label span.checked svg, .main_ui_dashboard_change_owner__input-element span svg,
.main_ui_dashboard_change_owner__input-element label svg, .main_ui_dashboard_change_owner__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_change_owner__button-icon-small, .main_ui_dashboard_change_owner__dropdown-element-base span svg, .main_ui_dashboard_change_owner__attr-title button svg, .main_ui_dashboard_change_owner__checkbox-icon.intermediate svg, .main_ui_dashboard_change_owner__input-checkbox label span.intermediate svg, .main_ui_dashboard_change_owner__checkbox-icon.checked svg, .main_ui_dashboard_change_owner__input-checkbox label span.checked svg, .main_ui_dashboard_change_owner__input-element span svg,
.main_ui_dashboard_change_owner__input-element label svg, .main_ui_dashboard_change_owner__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_change_owner__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_change_owner__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_change_owner__input-base, .main_ui_dashboard_change_owner__input-with-label input, .main_ui_dashboard_change_owner__input-wrapper input, .main_ui_dashboard_change_owner__input-element-label input, .main_ui_dashboard_change_owner__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_change_owner__input-base[disabled], .main_ui_dashboard_change_owner__input-with-label input[disabled], .main_ui_dashboard_change_owner__input-wrapper input[disabled], .main_ui_dashboard_change_owner__input-element-label input[disabled], .main_ui_dashboard_change_owner__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_change_owner__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_change_owner__input-label, .main_ui_dashboard_change_owner__input-element span,
.main_ui_dashboard_change_owner__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_change_owner__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_change_owner__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_change_owner__input-element span svg,
.main_ui_dashboard_change_owner__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_change_owner__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_change_owner__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_change_owner__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_change_owner__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_change_owner__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_change_owner__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_change_owner__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_change_owner__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_change_owner__input-element:focus, .main_ui_dashboard_change_owner__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_change_owner__input-element:focus span, .main_ui_dashboard_change_owner__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_change_owner__input-element:focus input, .main_ui_dashboard_change_owner__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_change_owner__input-element:focus:hover, .main_ui_dashboard_change_owner__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_change_owner__input-element:focus:hover span, .main_ui_dashboard_change_owner__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_change_owner__input-element:focus:hover input, .main_ui_dashboard_change_owner__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_change_owner__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_change_owner__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_change_owner__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_change_owner__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_change_owner__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_change_owner__input-element-label:focus-within input, .main_ui_dashboard_change_owner__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_change_owner__disabled-input, .main_ui_dashboard_change_owner__input-with-label.disabled, .main_ui_dashboard_change_owner__input-wrapper.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_change_owner__disabled-input input, .main_ui_dashboard_change_owner__input-with-label.disabled input, .main_ui_dashboard_change_owner__input-wrapper.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_change_owner__disabled-input span svg, .main_ui_dashboard_change_owner__input-with-label.disabled span svg, .main_ui_dashboard_change_owner__input-wrapper.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_change_owner__checkbox-icon, .main_ui_dashboard_change_owner__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_change_owner__checkbox-icon svg, .main_ui_dashboard_change_owner__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_change_owner__checkbox-icon:hover, .main_ui_dashboard_change_owner__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_change_owner__checkbox-icon:focus, .main_ui_dashboard_change_owner__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_change_owner__checkbox-icon.checked, .main_ui_dashboard_change_owner__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_change_owner__checkbox-icon.checked svg, .main_ui_dashboard_change_owner__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_change_owner__checkbox-icon.intermediate, .main_ui_dashboard_change_owner__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_change_owner__checkbox-icon.intermediate svg, .main_ui_dashboard_change_owner__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_change_owner__checkbox-icon.unchecked, .main_ui_dashboard_change_owner__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_change_owner__checkbox-icon.unchecked svg, .main_ui_dashboard_change_owner__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_change_owner__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_change_owner__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_change_owner__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_change_owner__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_change_owner__input-checkbox label:focus span, .main_ui_dashboard_change_owner__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_change_owner__input-with-label, .main_ui_dashboard_change_owner__input-wrapper {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_change_owner__input-with-label label, .main_ui_dashboard_change_owner__input-wrapper label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_change_owner__input-with-label input, .main_ui_dashboard_change_owner__input-wrapper input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_change_owner__input-with-label input:focus-within, .main_ui_dashboard_change_owner__input-wrapper input:focus-within, .main_ui_dashboard_change_owner__input-with-label input:active, .main_ui_dashboard_change_owner__input-wrapper input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_change_owner__input-with-label input:focus-within input, .main_ui_dashboard_change_owner__input-wrapper input:focus-within input, .main_ui_dashboard_change_owner__input-with-label input:active input, .main_ui_dashboard_change_owner__input-wrapper input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_change_owner__input-with-label.invalid input, .main_ui_dashboard_change_owner__input-wrapper.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_change_owner__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_change_owner__modal-overlay-base, .main_ui_dashboard_change_owner__modal-overlay {
  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);
}

.main_ui_dashboard_change_owner__modal-container-base, .main_ui_dashboard_change_owner__modal-container {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_change_owner__modal-close-btn-base, .main_ui_dashboard_change_owner__modal-close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_change_owner__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_change_owner__modal-action-btns, .main_ui_dashboard_change_owner__action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_change_owner__modal-cancel-btn, .main_ui_dashboard_change_owner__cancel-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_change_owner__modal-accept-btn, .main_ui_dashboard_change_owner__accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_change_owner__modal-danger-btn, .main_ui_dashboard_change_owner__accept-btn.main_ui_dashboard_change_owner__danger {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_change_owner__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_change_owner__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_change_owner__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_change_owner__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_change_owner__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_change_owner__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_change_owner__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_change_owner__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_change_owner__colorpicker-handler {
  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;
}
.main_ui_dashboard_change_owner__colorpicker-handler:hover, .main_ui_dashboard_change_owner__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_change_owner__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_change_owner__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_change_owner__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_change_owner__attr-title button {
  display: none;
}
.main_ui_dashboard_change_owner__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_change_owner__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_change_owner__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_change_owner__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_change_owner__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_change_owner__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_change_owner__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_change_owner__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_change_owner__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_change_owner__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_change_owner__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_change_owner__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_change_owner__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_change_owner__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_change_owner__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_change_owner__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_change_owner__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_change_owner__modal-header {
  margin-bottom: 1.5rem;
}

.main_ui_dashboard_change_owner__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--modal-title-foreground-color);
}

.main_ui_dashboard_change_owner__modal-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}

.main_ui_dashboard_change_owner__input-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_change_owner__modal-msg {
  color: var(--modal-text-foreground-color);
}
@keyframes main_ui_dashboard_comments__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_comments__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_comments__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_comments__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_comments__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_comments__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_comments__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_comments__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_comments__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_comments__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_comments__new-scrollbar ::placeholder,
.main_ui_dashboard_comments__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_comments__button-primary, .main_ui_dashboard_comments__modal-danger-btn, .main_ui_dashboard_comments__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_comments__button-primary:focus-visible, .main_ui_dashboard_comments__modal-danger-btn:focus-visible, .main_ui_dashboard_comments__modal-accept-btn: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);
}
.main_ui_dashboard_comments__button-primary:focus-visible svg, .main_ui_dashboard_comments__modal-danger-btn:focus-visible svg, .main_ui_dashboard_comments__modal-accept-btn:focus-visible svg,
.main_ui_dashboard_comments__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_comments__button-primary svg, .main_ui_dashboard_comments__modal-danger-btn svg, .main_ui_dashboard_comments__modal-accept-btn svg,
.main_ui_dashboard_comments__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_comments__button-primary:hover, .main_ui_dashboard_comments__modal-danger-btn:hover, .main_ui_dashboard_comments__modal-accept-btn: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;
}
.main_ui_dashboard_comments__button-primary:hover svg, .main_ui_dashboard_comments__modal-danger-btn:hover svg, .main_ui_dashboard_comments__modal-accept-btn:hover svg,
.main_ui_dashboard_comments__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_comments__button-primary:active, .main_ui_dashboard_comments__modal-danger-btn:active, .main_ui_dashboard_comments__modal-accept-btn: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;
}
.main_ui_dashboard_comments__button-primary:active svg, .main_ui_dashboard_comments__modal-danger-btn:active svg, .main_ui_dashboard_comments__modal-accept-btn:active svg,
.main_ui_dashboard_comments__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_comments__button-primary.disabled, .main_ui_dashboard_comments__modal-danger-btn.disabled, .main_ui_dashboard_comments__modal-accept-btn.disabled, .main_ui_dashboard_comments__button-primary[disabled], [disabled].main_ui_dashboard_comments__modal-danger-btn, [disabled].main_ui_dashboard_comments__modal-accept-btn, .main_ui_dashboard_comments__button-primary:disabled, .main_ui_dashboard_comments__modal-danger-btn:disabled, .main_ui_dashboard_comments__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_comments__button-secondary, .main_ui_dashboard_comments__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_comments__button-secondary:focus-visible, .main_ui_dashboard_comments__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_comments__button-secondary:focus-visible svg, .main_ui_dashboard_comments__modal-cancel-btn:focus-visible svg,
.main_ui_dashboard_comments__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_comments__button-secondary svg, .main_ui_dashboard_comments__modal-cancel-btn svg,
.main_ui_dashboard_comments__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_comments__button-secondary:hover, .main_ui_dashboard_comments__modal-cancel-btn: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;
}
.main_ui_dashboard_comments__button-secondary:hover svg, .main_ui_dashboard_comments__modal-cancel-btn:hover svg,
.main_ui_dashboard_comments__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_comments__button-secondary:active, .main_ui_dashboard_comments__modal-cancel-btn: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);
}
.main_ui_dashboard_comments__button-secondary:active svg, .main_ui_dashboard_comments__modal-cancel-btn:active svg,
.main_ui_dashboard_comments__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_comments__button-secondary.disabled, .main_ui_dashboard_comments__modal-cancel-btn.disabled, .main_ui_dashboard_comments__button-secondary[disabled], [disabled].main_ui_dashboard_comments__modal-cancel-btn, .main_ui_dashboard_comments__button-secondary:disabled, .main_ui_dashboard_comments__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_comments__button-tertiary, .main_ui_dashboard_comments__attr-title button, .main_ui_dashboard_comments__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_comments__button-tertiary:focus-visible, .main_ui_dashboard_comments__attr-title button:focus-visible, .main_ui_dashboard_comments__modal-close-btn-base: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);
}
.main_ui_dashboard_comments__button-tertiary:focus-visible svg, .main_ui_dashboard_comments__attr-title button:focus-visible svg, .main_ui_dashboard_comments__modal-close-btn-base:focus-visible svg,
.main_ui_dashboard_comments__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_comments__button-tertiary svg, .main_ui_dashboard_comments__attr-title button svg, .main_ui_dashboard_comments__modal-close-btn-base svg,
.main_ui_dashboard_comments__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_comments__button-tertiary:hover, .main_ui_dashboard_comments__attr-title button:hover, .main_ui_dashboard_comments__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_comments__button-tertiary:hover svg, .main_ui_dashboard_comments__attr-title button:hover svg, .main_ui_dashboard_comments__modal-close-btn-base:hover svg,
.main_ui_dashboard_comments__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_comments__button-tertiary:active, .main_ui_dashboard_comments__attr-title button:active, .main_ui_dashboard_comments__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_comments__button-tertiary:active svg, .main_ui_dashboard_comments__attr-title button:active svg, .main_ui_dashboard_comments__modal-close-btn-base:active svg,
.main_ui_dashboard_comments__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_comments__button-tertiary.disabled, .main_ui_dashboard_comments__attr-title button.disabled, .main_ui_dashboard_comments__modal-close-btn-base.disabled, .main_ui_dashboard_comments__button-tertiary[disabled], .main_ui_dashboard_comments__attr-title button[disabled], [disabled].main_ui_dashboard_comments__modal-close-btn-base, .main_ui_dashboard_comments__button-tertiary:disabled, .main_ui_dashboard_comments__attr-title button:disabled, .main_ui_dashboard_comments__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_comments__button-tertiary.disabled svg, .main_ui_dashboard_comments__attr-title button.disabled svg, .main_ui_dashboard_comments__modal-close-btn-base.disabled svg,
.main_ui_dashboard_comments__button-tertiary.disabled span svg, .main_ui_dashboard_comments__button-tertiary[disabled] svg, .main_ui_dashboard_comments__attr-title button[disabled] svg, [disabled].main_ui_dashboard_comments__modal-close-btn-base svg,
.main_ui_dashboard_comments__button-tertiary[disabled] span svg, .main_ui_dashboard_comments__button-tertiary:disabled svg, .main_ui_dashboard_comments__attr-title button:disabled svg, .main_ui_dashboard_comments__modal-close-btn-base:disabled svg,
.main_ui_dashboard_comments__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_comments__button-icon-selected {
  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);
}
.main_ui_dashboard_comments__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_comments__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_comments__button-radio: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);
}
.main_ui_dashboard_comments__button-radio:focus-visible svg,
.main_ui_dashboard_comments__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_comments__button-radio svg,
.main_ui_dashboard_comments__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_comments__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_comments__button-radio:hover svg,
.main_ui_dashboard_comments__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_comments__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_comments__button-radio:active svg,
.main_ui_dashboard_comments__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_comments__button-warning {
  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);
}

.main_ui_dashboard_comments__button-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;
}

.main_ui_dashboard_comments__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_comments__button-tag: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);
}
.main_ui_dashboard_comments__button-tag:focus-visible svg,
.main_ui_dashboard_comments__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_comments__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_comments__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_comments__button-icon, .main_ui_dashboard_comments__comments-icon, .main_ui_dashboard_comments__comments-icon-small, .main_ui_dashboard_comments__empty-icon svg, .main_ui_dashboard_comments__modal-close-btn-base svg, .main_ui_dashboard_comments__button-icon-small, .main_ui_dashboard_comments__dropdown-element-base span svg, .main_ui_dashboard_comments__attr-title button svg, .main_ui_dashboard_comments__checkbox-icon.intermediate svg, .main_ui_dashboard_comments__input-checkbox label span.intermediate svg, .main_ui_dashboard_comments__checkbox-icon.checked svg, .main_ui_dashboard_comments__input-checkbox label span.checked svg, .main_ui_dashboard_comments__input-element span svg,
.main_ui_dashboard_comments__input-element label svg, .main_ui_dashboard_comments__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_comments__button-icon-small, .main_ui_dashboard_comments__dropdown-element-base span svg, .main_ui_dashboard_comments__attr-title button svg, .main_ui_dashboard_comments__checkbox-icon.intermediate svg, .main_ui_dashboard_comments__input-checkbox label span.intermediate svg, .main_ui_dashboard_comments__checkbox-icon.checked svg, .main_ui_dashboard_comments__input-checkbox label span.checked svg, .main_ui_dashboard_comments__input-element span svg,
.main_ui_dashboard_comments__input-element label svg, .main_ui_dashboard_comments__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_comments__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_comments__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_comments__input-base, .main_ui_dashboard_comments__input-with-label input, .main_ui_dashboard_comments__input-element-label input, .main_ui_dashboard_comments__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_comments__input-base[disabled], .main_ui_dashboard_comments__input-with-label input[disabled], .main_ui_dashboard_comments__input-element-label input[disabled], .main_ui_dashboard_comments__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_comments__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_comments__input-label, .main_ui_dashboard_comments__input-element span,
.main_ui_dashboard_comments__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_comments__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_comments__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_comments__input-element span svg,
.main_ui_dashboard_comments__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_comments__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_comments__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_comments__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_comments__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_comments__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_comments__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_comments__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_comments__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_comments__input-element:focus, .main_ui_dashboard_comments__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_comments__input-element:focus span, .main_ui_dashboard_comments__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_comments__input-element:focus input, .main_ui_dashboard_comments__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_comments__input-element:focus:hover, .main_ui_dashboard_comments__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_comments__input-element:focus:hover span, .main_ui_dashboard_comments__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_comments__input-element:focus:hover input, .main_ui_dashboard_comments__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_comments__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_comments__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_comments__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_comments__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_comments__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_comments__input-element-label:focus-within input, .main_ui_dashboard_comments__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_comments__disabled-input, .main_ui_dashboard_comments__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_comments__disabled-input input, .main_ui_dashboard_comments__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_comments__disabled-input span svg, .main_ui_dashboard_comments__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_comments__checkbox-icon, .main_ui_dashboard_comments__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_comments__checkbox-icon svg, .main_ui_dashboard_comments__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_comments__checkbox-icon:hover, .main_ui_dashboard_comments__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_comments__checkbox-icon:focus, .main_ui_dashboard_comments__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_comments__checkbox-icon.checked, .main_ui_dashboard_comments__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_comments__checkbox-icon.checked svg, .main_ui_dashboard_comments__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_comments__checkbox-icon.intermediate, .main_ui_dashboard_comments__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_comments__checkbox-icon.intermediate svg, .main_ui_dashboard_comments__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_comments__checkbox-icon.unchecked, .main_ui_dashboard_comments__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_comments__checkbox-icon.unchecked svg, .main_ui_dashboard_comments__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_comments__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_comments__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_comments__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_comments__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_comments__input-checkbox label:focus span, .main_ui_dashboard_comments__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_comments__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_comments__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_comments__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_comments__input-with-label input:focus-within, .main_ui_dashboard_comments__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_comments__input-with-label input:focus-within input, .main_ui_dashboard_comments__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_comments__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_comments__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_comments__modal-overlay-base {
  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);
}

.main_ui_dashboard_comments__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_comments__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_comments__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_comments__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_comments__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_comments__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_comments__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_comments__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_comments__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_comments__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_comments__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_comments__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_comments__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_comments__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_comments__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_comments__colorpicker-handler {
  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;
}
.main_ui_dashboard_comments__colorpicker-handler:hover, .main_ui_dashboard_comments__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_comments__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_comments__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_comments__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_comments__attr-title button {
  display: none;
}
.main_ui_dashboard_comments__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_comments__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_comments__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_comments__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_comments__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_comments__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_comments__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_comments__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_comments__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_comments__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_comments__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_comments__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_comments__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_comments__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_comments__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_comments__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_comments__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_comments__dashboard-comments-section {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 0.5rem;
}

.main_ui_dashboard_comments__thread-groups {
  height: calc(100% - 2rem);
  max-height: 27.5rem;
  overflow: auto;
}

.main_ui_dashboard_comments__thread-group {
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
}

.main_ui_dashboard_comments__thread-groups-placeholder {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  padding: 1.5rem;
  text-align: center;
  color: var(--color-foreground-secondary);
}

.main_ui_dashboard_comments__comments-icon {
  stroke: var(--icon-foreground);
  height: 1.5rem;
  width: 1.5rem;
  margin-bottom: 1.5rem;
}

.main_ui_dashboard_comments__comment-button {
  position: relative;
}
.main_ui_dashboard_comments__comment-button .main_ui_dashboard_comments__unread {
  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;
}

.main_ui_dashboard_comments__comments-icon-small {
  stroke: var(--comment-icon-small-foreground-color);
}

.main_ui_dashboard_comments__dropdown {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  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;
}
.main_ui_dashboard_comments__dropdown hr {
  margin: 0;
  border-color: var(--color-foreground-secondary);
}

.main_ui_dashboard_comments__header {
  display: flex;
  height: 2.5rem;
  align-items: center;
  padding: 0 0.75rem;
  gap: 0.25rem;
}

.main_ui_dashboard_comments__header-title {
  color: var(--color-foreground-secondary);
  font-size: 0.688rem;
  line-height: 1.28;
  flex-grow: 1;
  text-transform: uppercase;
}

.main_ui_dashboard_comments__notifications-button:hover {
  cursor: pointer;
}
.main_ui_dashboard_comments__notifications-button.main_ui_dashboard_comments__mark-all-as-read-button {
  border-radius: 0.5rem;
  border: 1px solid;
}
@keyframes main_ui_dashboard_files__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_files__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_files__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_files__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_files__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_files__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_files__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_files__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_files__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_files__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_files__new-scrollbar ::placeholder,
.main_ui_dashboard_files__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_files__button-primary, .main_ui_dashboard_files__btn-primary, .main_ui_dashboard_files__modal-danger-btn, .main_ui_dashboard_files__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_files__button-primary:focus-visible, .main_ui_dashboard_files__btn-primary:focus-visible, .main_ui_dashboard_files__modal-danger-btn:focus-visible, .main_ui_dashboard_files__modal-accept-btn: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);
}
.main_ui_dashboard_files__button-primary:focus-visible svg, .main_ui_dashboard_files__btn-primary:focus-visible svg, .main_ui_dashboard_files__modal-danger-btn:focus-visible svg, .main_ui_dashboard_files__modal-accept-btn:focus-visible svg,
.main_ui_dashboard_files__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_files__button-primary svg, .main_ui_dashboard_files__btn-primary svg, .main_ui_dashboard_files__modal-danger-btn svg, .main_ui_dashboard_files__modal-accept-btn svg,
.main_ui_dashboard_files__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_files__button-primary:hover, .main_ui_dashboard_files__btn-primary:hover, .main_ui_dashboard_files__modal-danger-btn:hover, .main_ui_dashboard_files__modal-accept-btn: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;
}
.main_ui_dashboard_files__button-primary:hover svg, .main_ui_dashboard_files__btn-primary:hover svg, .main_ui_dashboard_files__modal-danger-btn:hover svg, .main_ui_dashboard_files__modal-accept-btn:hover svg,
.main_ui_dashboard_files__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_files__button-primary:active, .main_ui_dashboard_files__btn-primary:active, .main_ui_dashboard_files__modal-danger-btn:active, .main_ui_dashboard_files__modal-accept-btn: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;
}
.main_ui_dashboard_files__button-primary:active svg, .main_ui_dashboard_files__btn-primary:active svg, .main_ui_dashboard_files__modal-danger-btn:active svg, .main_ui_dashboard_files__modal-accept-btn:active svg,
.main_ui_dashboard_files__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_files__button-primary.disabled, .main_ui_dashboard_files__btn-primary.disabled, .main_ui_dashboard_files__modal-danger-btn.disabled, .main_ui_dashboard_files__modal-accept-btn.disabled, .main_ui_dashboard_files__button-primary[disabled], [disabled].main_ui_dashboard_files__btn-primary, [disabled].main_ui_dashboard_files__modal-danger-btn, [disabled].main_ui_dashboard_files__modal-accept-btn, .main_ui_dashboard_files__button-primary:disabled, .main_ui_dashboard_files__btn-primary:disabled, .main_ui_dashboard_files__modal-danger-btn:disabled, .main_ui_dashboard_files__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_files__button-secondary, .main_ui_dashboard_files__btn-secondary, .main_ui_dashboard_files__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_files__button-secondary:focus-visible, .main_ui_dashboard_files__btn-secondary:focus-visible, .main_ui_dashboard_files__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_files__button-secondary:focus-visible svg, .main_ui_dashboard_files__btn-secondary:focus-visible svg, .main_ui_dashboard_files__modal-cancel-btn:focus-visible svg,
.main_ui_dashboard_files__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_files__button-secondary svg, .main_ui_dashboard_files__btn-secondary svg, .main_ui_dashboard_files__modal-cancel-btn svg,
.main_ui_dashboard_files__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_files__button-secondary:hover, .main_ui_dashboard_files__btn-secondary:hover, .main_ui_dashboard_files__modal-cancel-btn: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;
}
.main_ui_dashboard_files__button-secondary:hover svg, .main_ui_dashboard_files__btn-secondary:hover svg, .main_ui_dashboard_files__modal-cancel-btn:hover svg,
.main_ui_dashboard_files__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_files__button-secondary:active, .main_ui_dashboard_files__btn-secondary:active, .main_ui_dashboard_files__modal-cancel-btn: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);
}
.main_ui_dashboard_files__button-secondary:active svg, .main_ui_dashboard_files__btn-secondary:active svg, .main_ui_dashboard_files__modal-cancel-btn:active svg,
.main_ui_dashboard_files__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_files__button-secondary.disabled, .main_ui_dashboard_files__btn-secondary.disabled, .main_ui_dashboard_files__modal-cancel-btn.disabled, .main_ui_dashboard_files__button-secondary[disabled], [disabled].main_ui_dashboard_files__btn-secondary, [disabled].main_ui_dashboard_files__modal-cancel-btn, .main_ui_dashboard_files__button-secondary:disabled, .main_ui_dashboard_files__btn-secondary:disabled, .main_ui_dashboard_files__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_files__button-tertiary, .main_ui_dashboard_files__attr-title button, .main_ui_dashboard_files__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_files__button-tertiary:focus-visible, .main_ui_dashboard_files__attr-title button:focus-visible, .main_ui_dashboard_files__modal-close-btn-base: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);
}
.main_ui_dashboard_files__button-tertiary:focus-visible svg, .main_ui_dashboard_files__attr-title button:focus-visible svg, .main_ui_dashboard_files__modal-close-btn-base:focus-visible svg,
.main_ui_dashboard_files__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_files__button-tertiary svg, .main_ui_dashboard_files__attr-title button svg, .main_ui_dashboard_files__modal-close-btn-base svg,
.main_ui_dashboard_files__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_files__button-tertiary:hover, .main_ui_dashboard_files__attr-title button:hover, .main_ui_dashboard_files__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_files__button-tertiary:hover svg, .main_ui_dashboard_files__attr-title button:hover svg, .main_ui_dashboard_files__modal-close-btn-base:hover svg,
.main_ui_dashboard_files__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_files__button-tertiary:active, .main_ui_dashboard_files__attr-title button:active, .main_ui_dashboard_files__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_files__button-tertiary:active svg, .main_ui_dashboard_files__attr-title button:active svg, .main_ui_dashboard_files__modal-close-btn-base:active svg,
.main_ui_dashboard_files__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_files__button-tertiary.disabled, .main_ui_dashboard_files__attr-title button.disabled, .main_ui_dashboard_files__modal-close-btn-base.disabled, .main_ui_dashboard_files__button-tertiary[disabled], .main_ui_dashboard_files__attr-title button[disabled], [disabled].main_ui_dashboard_files__modal-close-btn-base, .main_ui_dashboard_files__button-tertiary:disabled, .main_ui_dashboard_files__attr-title button:disabled, .main_ui_dashboard_files__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_files__button-tertiary.disabled svg, .main_ui_dashboard_files__attr-title button.disabled svg, .main_ui_dashboard_files__modal-close-btn-base.disabled svg,
.main_ui_dashboard_files__button-tertiary.disabled span svg, .main_ui_dashboard_files__button-tertiary[disabled] svg, .main_ui_dashboard_files__attr-title button[disabled] svg, [disabled].main_ui_dashboard_files__modal-close-btn-base svg,
.main_ui_dashboard_files__button-tertiary[disabled] span svg, .main_ui_dashboard_files__button-tertiary:disabled svg, .main_ui_dashboard_files__attr-title button:disabled svg, .main_ui_dashboard_files__modal-close-btn-base:disabled svg,
.main_ui_dashboard_files__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_files__button-icon-selected {
  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);
}
.main_ui_dashboard_files__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_files__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_files__button-radio: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);
}
.main_ui_dashboard_files__button-radio:focus-visible svg,
.main_ui_dashboard_files__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_files__button-radio svg,
.main_ui_dashboard_files__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_files__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_files__button-radio:hover svg,
.main_ui_dashboard_files__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_files__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_files__button-radio:active svg,
.main_ui_dashboard_files__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_files__button-warning {
  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);
}

.main_ui_dashboard_files__button-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;
}

.main_ui_dashboard_files__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_files__button-tag: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);
}
.main_ui_dashboard_files__button-tag:focus-visible svg,
.main_ui_dashboard_files__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_files__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_files__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_files__button-icon, .main_ui_dashboard_files__menu-icon, .main_ui_dashboard_files__empty-icon svg, .main_ui_dashboard_files__modal-close-btn-base svg, .main_ui_dashboard_files__button-icon-small, .main_ui_dashboard_files__dropdown-element-base span svg, .main_ui_dashboard_files__attr-title button svg, .main_ui_dashboard_files__checkbox-icon.intermediate svg, .main_ui_dashboard_files__input-checkbox label span.intermediate svg, .main_ui_dashboard_files__checkbox-icon.checked svg, .main_ui_dashboard_files__input-checkbox label span.checked svg, .main_ui_dashboard_files__input-element span svg,
.main_ui_dashboard_files__input-element label svg, .main_ui_dashboard_files__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_files__button-icon-small, .main_ui_dashboard_files__dropdown-element-base span svg, .main_ui_dashboard_files__attr-title button svg, .main_ui_dashboard_files__checkbox-icon.intermediate svg, .main_ui_dashboard_files__input-checkbox label span.intermediate svg, .main_ui_dashboard_files__checkbox-icon.checked svg, .main_ui_dashboard_files__input-checkbox label span.checked svg, .main_ui_dashboard_files__input-element span svg,
.main_ui_dashboard_files__input-element label svg, .main_ui_dashboard_files__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_files__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_files__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_files__input-base, .main_ui_dashboard_files__input-with-label input, .main_ui_dashboard_files__input-element-label input, .main_ui_dashboard_files__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_files__input-base[disabled], .main_ui_dashboard_files__input-with-label input[disabled], .main_ui_dashboard_files__input-element-label input[disabled], .main_ui_dashboard_files__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_files__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_files__input-label, .main_ui_dashboard_files__input-element span,
.main_ui_dashboard_files__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_files__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_files__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_files__input-element span svg,
.main_ui_dashboard_files__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_files__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_files__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_files__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_files__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_files__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_files__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_files__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_files__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_files__input-element:focus, .main_ui_dashboard_files__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_files__input-element:focus span, .main_ui_dashboard_files__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_files__input-element:focus input, .main_ui_dashboard_files__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_files__input-element:focus:hover, .main_ui_dashboard_files__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_files__input-element:focus:hover span, .main_ui_dashboard_files__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_files__input-element:focus:hover input, .main_ui_dashboard_files__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_files__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_files__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_files__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_files__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_files__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_files__input-element-label:focus-within input, .main_ui_dashboard_files__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_files__disabled-input, .main_ui_dashboard_files__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_files__disabled-input input, .main_ui_dashboard_files__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_files__disabled-input span svg, .main_ui_dashboard_files__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_files__checkbox-icon, .main_ui_dashboard_files__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_files__checkbox-icon svg, .main_ui_dashboard_files__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_files__checkbox-icon:hover, .main_ui_dashboard_files__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_files__checkbox-icon:focus, .main_ui_dashboard_files__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_files__checkbox-icon.checked, .main_ui_dashboard_files__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_files__checkbox-icon.checked svg, .main_ui_dashboard_files__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_files__checkbox-icon.intermediate, .main_ui_dashboard_files__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_files__checkbox-icon.intermediate svg, .main_ui_dashboard_files__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_files__checkbox-icon.unchecked, .main_ui_dashboard_files__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_files__checkbox-icon.unchecked svg, .main_ui_dashboard_files__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_files__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_files__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_files__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_files__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_files__input-checkbox label:focus span, .main_ui_dashboard_files__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_files__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_files__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_files__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_files__input-with-label input:focus-within, .main_ui_dashboard_files__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_files__input-with-label input:focus-within input, .main_ui_dashboard_files__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_files__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_files__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_files__modal-overlay-base {
  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);
}

.main_ui_dashboard_files__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_files__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_files__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_files__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_files__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_files__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_files__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_files__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_files__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_files__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_files__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_files__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_files__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_files__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_files__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_files__colorpicker-handler {
  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;
}
.main_ui_dashboard_files__colorpicker-handler:hover, .main_ui_dashboard_files__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_files__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_files__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_files__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_files__attr-title button {
  display: none;
}
.main_ui_dashboard_files__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_files__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_files__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_files__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_files__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_files__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_files__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_files__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_files__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_files__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_files__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_files__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_files__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_files__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_files__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_files__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_files__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_files__dashboard-header {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 0.5rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.main_ui_dashboard_files__dashboard-header.main_ui_dashboard_files__team {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.main_ui_dashboard_files__dashboard-header .main_ui_dashboard_files__element-name {
  margin-right: 0.5rem;
}
.main_ui_dashboard_files__dashboard-header .main_ui_dashboard_files__btn-secondary {
  flex-shrink: 0;
  height: 2rem;
}
.main_ui_dashboard_files__dashboard-header .main_ui_dashboard_files__btn-secondary svg {
  height: 1rem;
  width: 1rem;
}
.main_ui_dashboard_files__dashboard-header nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.main_ui_dashboard_files__dashboard-header nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.main_ui_dashboard_files__dashboard-header 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;
}
.main_ui_dashboard_files__dashboard-header nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.main_ui_dashboard_files__dashboard-header .main_ui_dashboard_files__dashboard-title {
  display: flex;
  align-items: center;
  margin-left: 0.75rem;
}
.main_ui_dashboard_files__dashboard-header .main_ui_dashboard_files__dashboard-title h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 400;
  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%;
}
.main_ui_dashboard_files__dashboard-header .main_ui_dashboard_files__dashboard-title .main_ui_dashboard_files__context-menu.main_ui_dashboard_files__is-open {
  margin-top: 0.5rem;
}
.main_ui_dashboard_files__dashboard-header .main_ui_dashboard_files__icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.main_ui_dashboard_files__dashboard-header .main_ui_dashboard_files__icon svg {
  stroke: var(--color-foreground-secondary);
  fill: none;
  width: 1rem;
  height: 1rem;
}
.main_ui_dashboard_files__dashboard-header .main_ui_dashboard_files__icon svg:hover {
  stroke: var(--color-accent-tertiary);
  fill: none;
}
.main_ui_dashboard_files__dashboard-header .main_ui_dashboard_files__dashboard-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main_ui_dashboard_files__dashboard-header .main_ui_dashboard_files__dashboard-header-actions {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.main_ui_dashboard_files__dashboard-header .main_ui_dashboard_files__dashboard-header-options li a {
  font-size: 1rem;
  color: var(--color-foreground-secondary);
  border-color: transparent;
}
.main_ui_dashboard_files__dashboard-header .main_ui_dashboard_files__dashboard-header-options li a:hover {
  color: var(--color-foreground-primary);
}
.main_ui_dashboard_files__dashboard-header .main_ui_dashboard_files__dashboard-header-options li.main_ui_dashboard_files__active a {
  color: var(--color-foreground-primary);
}

.main_ui_dashboard_files__btn-primary {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 400;
}

.main_ui_dashboard_files__btn-secondary {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

.main_ui_dashboard_files__dashboard-container {
  flex: 1 0 0;
  margin-right: 1rem;
  overflow-y: auto;
  width: 100%;
  border-top: 1px solid var(--color-background-quaternary);
}
.main_ui_dashboard_files__dashboard-container.main_ui_dashboard_files__dashboard-projects {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.main_ui_dashboard_files__dashboard-container.main_ui_dashboard_files__dashboard-shared {
  width: calc(100vw - 20rem);
  margin-right: 3.25rem;
}
.main_ui_dashboard_files__dashboard-container.main_ui_dashboard_files__search {
  margin-top: 0.75rem;
}

.main_ui_dashboard_files__new-file {
  margin-inline-end: 0.5rem;
}

.main_ui_dashboard_files__menu-icon {
  stroke: var(--icon-foreground);
}

.main_ui_dashboard_files__placeholder-placement {
  margin: 1rem 2rem;
}
@keyframes main_ui_dashboard_fonts__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_fonts__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_fonts__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_fonts__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_fonts__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_fonts__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_fonts__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_fonts__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_fonts__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_fonts__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_fonts__new-scrollbar ::placeholder,
.main_ui_dashboard_fonts__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_fonts__button-primary, .main_ui_dashboard_fonts__btn-primary, .main_ui_dashboard_fonts__modal-danger-btn, .main_ui_dashboard_fonts__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_fonts__button-primary:focus-visible, .main_ui_dashboard_fonts__btn-primary:focus-visible, .main_ui_dashboard_fonts__modal-danger-btn:focus-visible, .main_ui_dashboard_fonts__modal-accept-btn: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);
}
.main_ui_dashboard_fonts__button-primary:focus-visible svg, .main_ui_dashboard_fonts__btn-primary:focus-visible svg, .main_ui_dashboard_fonts__modal-danger-btn:focus-visible svg, .main_ui_dashboard_fonts__modal-accept-btn:focus-visible svg,
.main_ui_dashboard_fonts__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_fonts__button-primary svg, .main_ui_dashboard_fonts__btn-primary svg, .main_ui_dashboard_fonts__modal-danger-btn svg, .main_ui_dashboard_fonts__modal-accept-btn svg,
.main_ui_dashboard_fonts__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_fonts__button-primary:hover, .main_ui_dashboard_fonts__btn-primary:hover, .main_ui_dashboard_fonts__modal-danger-btn:hover, .main_ui_dashboard_fonts__modal-accept-btn: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;
}
.main_ui_dashboard_fonts__button-primary:hover svg, .main_ui_dashboard_fonts__btn-primary:hover svg, .main_ui_dashboard_fonts__modal-danger-btn:hover svg, .main_ui_dashboard_fonts__modal-accept-btn:hover svg,
.main_ui_dashboard_fonts__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_fonts__button-primary:active, .main_ui_dashboard_fonts__btn-primary:active, .main_ui_dashboard_fonts__modal-danger-btn:active, .main_ui_dashboard_fonts__modal-accept-btn: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;
}
.main_ui_dashboard_fonts__button-primary:active svg, .main_ui_dashboard_fonts__btn-primary:active svg, .main_ui_dashboard_fonts__modal-danger-btn:active svg, .main_ui_dashboard_fonts__modal-accept-btn:active svg,
.main_ui_dashboard_fonts__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_fonts__button-primary.disabled, .main_ui_dashboard_fonts__btn-primary.disabled, .main_ui_dashboard_fonts__modal-danger-btn.disabled, .main_ui_dashboard_fonts__modal-accept-btn.disabled, .main_ui_dashboard_fonts__button-primary[disabled], [disabled].main_ui_dashboard_fonts__btn-primary, [disabled].main_ui_dashboard_fonts__modal-danger-btn, [disabled].main_ui_dashboard_fonts__modal-accept-btn, .main_ui_dashboard_fonts__button-primary:disabled, .main_ui_dashboard_fonts__btn-primary:disabled, .main_ui_dashboard_fonts__modal-danger-btn:disabled, .main_ui_dashboard_fonts__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_fonts__button-secondary, .main_ui_dashboard_fonts__btn-secondary, .main_ui_dashboard_fonts__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_fonts__button-secondary:focus-visible, .main_ui_dashboard_fonts__btn-secondary:focus-visible, .main_ui_dashboard_fonts__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_fonts__button-secondary:focus-visible svg, .main_ui_dashboard_fonts__btn-secondary:focus-visible svg, .main_ui_dashboard_fonts__modal-cancel-btn:focus-visible svg,
.main_ui_dashboard_fonts__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_fonts__button-secondary svg, .main_ui_dashboard_fonts__btn-secondary svg, .main_ui_dashboard_fonts__modal-cancel-btn svg,
.main_ui_dashboard_fonts__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_fonts__button-secondary:hover, .main_ui_dashboard_fonts__btn-secondary:hover, .main_ui_dashboard_fonts__modal-cancel-btn: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;
}
.main_ui_dashboard_fonts__button-secondary:hover svg, .main_ui_dashboard_fonts__btn-secondary:hover svg, .main_ui_dashboard_fonts__modal-cancel-btn:hover svg,
.main_ui_dashboard_fonts__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_fonts__button-secondary:active, .main_ui_dashboard_fonts__btn-secondary:active, .main_ui_dashboard_fonts__modal-cancel-btn: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);
}
.main_ui_dashboard_fonts__button-secondary:active svg, .main_ui_dashboard_fonts__btn-secondary:active svg, .main_ui_dashboard_fonts__modal-cancel-btn:active svg,
.main_ui_dashboard_fonts__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_fonts__button-secondary.disabled, .main_ui_dashboard_fonts__btn-secondary.disabled, .main_ui_dashboard_fonts__modal-cancel-btn.disabled, .main_ui_dashboard_fonts__button-secondary[disabled], [disabled].main_ui_dashboard_fonts__btn-secondary, [disabled].main_ui_dashboard_fonts__modal-cancel-btn, .main_ui_dashboard_fonts__button-secondary:disabled, .main_ui_dashboard_fonts__btn-secondary:disabled, .main_ui_dashboard_fonts__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_fonts__button-tertiary, .main_ui_dashboard_fonts__attr-title button, .main_ui_dashboard_fonts__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_fonts__button-tertiary:focus-visible, .main_ui_dashboard_fonts__attr-title button:focus-visible, .main_ui_dashboard_fonts__modal-close-btn-base: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);
}
.main_ui_dashboard_fonts__button-tertiary:focus-visible svg, .main_ui_dashboard_fonts__attr-title button:focus-visible svg, .main_ui_dashboard_fonts__modal-close-btn-base:focus-visible svg,
.main_ui_dashboard_fonts__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_fonts__button-tertiary svg, .main_ui_dashboard_fonts__attr-title button svg, .main_ui_dashboard_fonts__modal-close-btn-base svg,
.main_ui_dashboard_fonts__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_fonts__button-tertiary:hover, .main_ui_dashboard_fonts__attr-title button:hover, .main_ui_dashboard_fonts__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_fonts__button-tertiary:hover svg, .main_ui_dashboard_fonts__attr-title button:hover svg, .main_ui_dashboard_fonts__modal-close-btn-base:hover svg,
.main_ui_dashboard_fonts__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_fonts__button-tertiary:active, .main_ui_dashboard_fonts__attr-title button:active, .main_ui_dashboard_fonts__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_fonts__button-tertiary:active svg, .main_ui_dashboard_fonts__attr-title button:active svg, .main_ui_dashboard_fonts__modal-close-btn-base:active svg,
.main_ui_dashboard_fonts__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_fonts__button-tertiary.disabled, .main_ui_dashboard_fonts__attr-title button.disabled, .main_ui_dashboard_fonts__modal-close-btn-base.disabled, .main_ui_dashboard_fonts__button-tertiary[disabled], .main_ui_dashboard_fonts__attr-title button[disabled], [disabled].main_ui_dashboard_fonts__modal-close-btn-base, .main_ui_dashboard_fonts__button-tertiary:disabled, .main_ui_dashboard_fonts__attr-title button:disabled, .main_ui_dashboard_fonts__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_fonts__button-tertiary.disabled svg, .main_ui_dashboard_fonts__attr-title button.disabled svg, .main_ui_dashboard_fonts__modal-close-btn-base.disabled svg,
.main_ui_dashboard_fonts__button-tertiary.disabled span svg, .main_ui_dashboard_fonts__button-tertiary[disabled] svg, .main_ui_dashboard_fonts__attr-title button[disabled] svg, [disabled].main_ui_dashboard_fonts__modal-close-btn-base svg,
.main_ui_dashboard_fonts__button-tertiary[disabled] span svg, .main_ui_dashboard_fonts__button-tertiary:disabled svg, .main_ui_dashboard_fonts__attr-title button:disabled svg, .main_ui_dashboard_fonts__modal-close-btn-base:disabled svg,
.main_ui_dashboard_fonts__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_fonts__button-icon-selected {
  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);
}
.main_ui_dashboard_fonts__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_fonts__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_fonts__button-radio: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);
}
.main_ui_dashboard_fonts__button-radio:focus-visible svg,
.main_ui_dashboard_fonts__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_fonts__button-radio svg,
.main_ui_dashboard_fonts__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_fonts__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_fonts__button-radio:hover svg,
.main_ui_dashboard_fonts__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_fonts__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_fonts__button-radio:active svg,
.main_ui_dashboard_fonts__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_fonts__button-warning {
  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);
}

.main_ui_dashboard_fonts__button-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;
}

.main_ui_dashboard_fonts__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_fonts__button-tag: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);
}
.main_ui_dashboard_fonts__button-tag:focus-visible svg,
.main_ui_dashboard_fonts__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_fonts__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_fonts__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_fonts__button-icon, .main_ui_dashboard_fonts__empty-icon svg, .main_ui_dashboard_fonts__modal-close-btn-base svg, .main_ui_dashboard_fonts__button-icon-small, .main_ui_dashboard_fonts__dropdown-element-base span svg, .main_ui_dashboard_fonts__attr-title button svg, .main_ui_dashboard_fonts__checkbox-icon.intermediate svg, .main_ui_dashboard_fonts__input-checkbox label span.intermediate svg, .main_ui_dashboard_fonts__checkbox-icon.checked svg, .main_ui_dashboard_fonts__input-checkbox label span.checked svg, .main_ui_dashboard_fonts__input-element span svg,
.main_ui_dashboard_fonts__input-element label svg, .main_ui_dashboard_fonts__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_fonts__button-icon-small, .main_ui_dashboard_fonts__dropdown-element-base span svg, .main_ui_dashboard_fonts__attr-title button svg, .main_ui_dashboard_fonts__checkbox-icon.intermediate svg, .main_ui_dashboard_fonts__input-checkbox label span.intermediate svg, .main_ui_dashboard_fonts__checkbox-icon.checked svg, .main_ui_dashboard_fonts__input-checkbox label span.checked svg, .main_ui_dashboard_fonts__input-element span svg,
.main_ui_dashboard_fonts__input-element label svg, .main_ui_dashboard_fonts__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_fonts__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_fonts__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_fonts__input-base, .main_ui_dashboard_fonts__input-with-label input, .main_ui_dashboard_fonts__input-element-label input, .main_ui_dashboard_fonts__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_fonts__input-base[disabled], .main_ui_dashboard_fonts__input-with-label input[disabled], .main_ui_dashboard_fonts__input-element-label input[disabled], .main_ui_dashboard_fonts__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_fonts__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_fonts__input-label, .main_ui_dashboard_fonts__input-element span,
.main_ui_dashboard_fonts__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_fonts__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_fonts__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_fonts__input-element span svg,
.main_ui_dashboard_fonts__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_fonts__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_fonts__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_fonts__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_fonts__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_fonts__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_fonts__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_fonts__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_fonts__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_fonts__input-element:focus, .main_ui_dashboard_fonts__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_fonts__input-element:focus span, .main_ui_dashboard_fonts__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_fonts__input-element:focus input, .main_ui_dashboard_fonts__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_fonts__input-element:focus:hover, .main_ui_dashboard_fonts__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_fonts__input-element:focus:hover span, .main_ui_dashboard_fonts__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_fonts__input-element:focus:hover input, .main_ui_dashboard_fonts__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_fonts__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_fonts__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_fonts__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_fonts__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_fonts__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_fonts__input-element-label:focus-within input, .main_ui_dashboard_fonts__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_fonts__disabled-input, .main_ui_dashboard_fonts__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_fonts__disabled-input input, .main_ui_dashboard_fonts__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_fonts__disabled-input span svg, .main_ui_dashboard_fonts__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_fonts__checkbox-icon, .main_ui_dashboard_fonts__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_fonts__checkbox-icon svg, .main_ui_dashboard_fonts__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_fonts__checkbox-icon:hover, .main_ui_dashboard_fonts__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_fonts__checkbox-icon:focus, .main_ui_dashboard_fonts__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_fonts__checkbox-icon.checked, .main_ui_dashboard_fonts__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_fonts__checkbox-icon.checked svg, .main_ui_dashboard_fonts__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_fonts__checkbox-icon.intermediate, .main_ui_dashboard_fonts__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_fonts__checkbox-icon.intermediate svg, .main_ui_dashboard_fonts__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_fonts__checkbox-icon.unchecked, .main_ui_dashboard_fonts__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_fonts__checkbox-icon.unchecked svg, .main_ui_dashboard_fonts__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_fonts__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_fonts__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_fonts__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_fonts__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_fonts__input-checkbox label:focus span, .main_ui_dashboard_fonts__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_fonts__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_fonts__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_fonts__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_fonts__input-with-label input:focus-within, .main_ui_dashboard_fonts__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_fonts__input-with-label input:focus-within input, .main_ui_dashboard_fonts__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_fonts__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_fonts__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_fonts__modal-overlay-base {
  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);
}

.main_ui_dashboard_fonts__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_fonts__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_fonts__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_fonts__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_fonts__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_fonts__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_fonts__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_fonts__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_fonts__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_fonts__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_fonts__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_fonts__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_fonts__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_fonts__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_fonts__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_fonts__colorpicker-handler {
  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;
}
.main_ui_dashboard_fonts__colorpicker-handler:hover, .main_ui_dashboard_fonts__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_fonts__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_fonts__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_fonts__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_fonts__attr-title button {
  display: none;
}
.main_ui_dashboard_fonts__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_fonts__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_fonts__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_fonts__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_fonts__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_fonts__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_fonts__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_fonts__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_fonts__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_fonts__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_fonts__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_fonts__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_fonts__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_fonts__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_fonts__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_fonts__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_fonts__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_fonts__dashboard-header {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 0.5rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.main_ui_dashboard_fonts__dashboard-header.main_ui_dashboard_fonts__team {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.main_ui_dashboard_fonts__dashboard-header .main_ui_dashboard_fonts__element-name {
  margin-right: 0.5rem;
}
.main_ui_dashboard_fonts__dashboard-header .main_ui_dashboard_fonts__btn-secondary {
  flex-shrink: 0;
  height: 2rem;
}
.main_ui_dashboard_fonts__dashboard-header .main_ui_dashboard_fonts__btn-secondary svg {
  height: 1rem;
  width: 1rem;
}
.main_ui_dashboard_fonts__dashboard-header nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.main_ui_dashboard_fonts__dashboard-header nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.main_ui_dashboard_fonts__dashboard-header 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;
}
.main_ui_dashboard_fonts__dashboard-header nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.main_ui_dashboard_fonts__dashboard-header .main_ui_dashboard_fonts__dashboard-title {
  display: flex;
  align-items: center;
  margin-left: 0.75rem;
}
.main_ui_dashboard_fonts__dashboard-header .main_ui_dashboard_fonts__dashboard-title h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 400;
  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%;
}
.main_ui_dashboard_fonts__dashboard-header .main_ui_dashboard_fonts__dashboard-title .main_ui_dashboard_fonts__context-menu.main_ui_dashboard_fonts__is-open {
  margin-top: 0.5rem;
}
.main_ui_dashboard_fonts__dashboard-header .main_ui_dashboard_fonts__icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.main_ui_dashboard_fonts__dashboard-header .main_ui_dashboard_fonts__icon svg {
  stroke: var(--color-foreground-secondary);
  fill: none;
  width: 1rem;
  height: 1rem;
}
.main_ui_dashboard_fonts__dashboard-header .main_ui_dashboard_fonts__icon svg:hover {
  stroke: var(--color-accent-tertiary);
  fill: none;
}
.main_ui_dashboard_fonts__dashboard-header .main_ui_dashboard_fonts__dashboard-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main_ui_dashboard_fonts__dashboard-header .main_ui_dashboard_fonts__dashboard-header-actions {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.main_ui_dashboard_fonts__dashboard-header .main_ui_dashboard_fonts__dashboard-header-options li a {
  font-size: 1rem;
  color: var(--color-foreground-secondary);
  border-color: transparent;
}
.main_ui_dashboard_fonts__dashboard-header .main_ui_dashboard_fonts__dashboard-header-options li a:hover {
  color: var(--color-foreground-primary);
}
.main_ui_dashboard_fonts__dashboard-header .main_ui_dashboard_fonts__dashboard-header-options li.main_ui_dashboard_fonts__active a {
  color: var(--color-foreground-primary);
}

.main_ui_dashboard_fonts__btn-primary {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 400;
}

.main_ui_dashboard_fonts__btn-secondary {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

.main_ui_dashboard_fonts__dashboard-fonts {
  border-top: 1px solid var(--color-background-quaternary);
  display: flex;
  flex-direction: column;
  padding-left: 7.5rem;
  overflow-y: auto;
  padding-bottom: 7.5rem;
}
.main_ui_dashboard_fonts__dashboard-fonts .main_ui_dashboard_fonts__btn-primary {
  font-size: 0.688rem;
  height: 2rem;
  min-width: 6.25rem;
}

.main_ui_dashboard_fonts__dashboard-installed-fonts {
  max-width: 62.5rem;
  width: 100%;
  display: flex;
  margin-top: 1.5rem;
  flex-direction: column;
}
.main_ui_dashboard_fonts__dashboard-installed-fonts h3 {
  font-size: 0.875rem;
  color: var(--color-foreground-secondary);
  margin: 0.25rem;
}
.main_ui_dashboard_fonts__dashboard-installed-fonts .main_ui_dashboard_fonts__font-item {
  color: var(--color-background-secondary);
}

.main_ui_dashboard_fonts__installed-fonts-header {
  align-items: center;
  color: var(--color-foreground-secondary);
  display: flex;
  font-size: 0.75rem;
  height: 2.5rem;
  padding-left: 1.5rem;
  text-transform: uppercase;
}
.main_ui_dashboard_fonts__installed-fonts-header > .main_ui_dashboard_fonts__family {
  min-width: 12.5rem;
  width: 12.5rem;
}
.main_ui_dashboard_fonts__installed-fonts-header > .main_ui_dashboard_fonts__variants {
  padding-left: 0.75rem;
}

.main_ui_dashboard_fonts__search-input {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
.main_ui_dashboard_fonts__search-input input {
  background-color: var(--color-background-tertiary);
  border-color: transparent;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  color: var(--color-foreground-primary);
  font-size: 0.875rem;
  height: 2rem;
  margin: 0;
  padding: 0 0.5rem;
  width: 9.5rem;
}
.main_ui_dashboard_fonts__search-input input:focus {
  outline: 1px solid var(--color-accent-primary);
}
.main_ui_dashboard_fonts__search-input input::-moz-placeholder {
  color: var(--color-foreground-secondary);
}
.main_ui_dashboard_fonts__search-input input::placeholder {
  color: var(--color-foreground-secondary);
}

.main_ui_dashboard_fonts__font-item {
  align-items: center;
  background-color: var(--color-background-tertiary);
  border-radius: 0.25rem;
  color: var(--color-foreground-secondary);
  display: flex;
  font-size: 0.875rem;
  justify-content: space-between;
  margin-top: 0.25rem;
  max-width: 62.5rem;
  padding: 0.75rem 1.5rem;
  width: 100%;
}
.main_ui_dashboard_fonts__font-item input {
  border: 1px solid transparent;
  margin: 0;
  padding: 0.5rem;
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  color: var(--color-foreground-primary);
  font-size: 0.875rem;
}
.main_ui_dashboard_fonts__font-item input:focus {
  outline: 1px solid var(--color-accent-primary);
}
.main_ui_dashboard_fonts__font-item > .main_ui_dashboard_fonts__family {
  min-width: 12.5rem;
  width: 12.5rem;
}
.main_ui_dashboard_fonts__font-item > .main_ui_dashboard_fonts__filenames {
  min-width: 12.5rem;
}
.main_ui_dashboard_fonts__font-item > .main_ui_dashboard_fonts__variants {
  font-size: 0.875rem;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  padding-left: 1rem;
  gap: 0.375rem;
}
.main_ui_dashboard_fonts__font-item > .main_ui_dashboard_fonts__variants .main_ui_dashboard_fonts__variant {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  gap: 0.25rem;
}
.main_ui_dashboard_fonts__font-item > .main_ui_dashboard_fonts__variants .main_ui_dashboard_fonts__variant .main_ui_dashboard_fonts__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1rem;
  width: 1rem;
}
.main_ui_dashboard_fonts__font-item > .main_ui_dashboard_fonts__variants .main_ui_dashboard_fonts__variant .main_ui_dashboard_fonts__icon svg {
  fill: none;
  width: 0.75rem;
  height: 0.75rem;
  transform: rotate(45deg);
}
.main_ui_dashboard_fonts__font-item > .main_ui_dashboard_fonts__variants .main_ui_dashboard_fonts__variant:hover .main_ui_dashboard_fonts__icon svg {
  stroke: var(--color-foreground-secondary);
}
.main_ui_dashboard_fonts__font-item > .main_ui_dashboard_fonts__variants .main_ui_dashboard_fonts__inhert-variant {
  cursor: default;
}
.main_ui_dashboard_fonts__font-item .main_ui_dashboard_fonts__table-field {
  color: var(--color-foreground-primary);
}
.main_ui_dashboard_fonts__font-item .main_ui_dashboard_fonts__table-field .main_ui_dashboard_fonts__variant {
  background-color: var(--color-background-quaternary);
  border-radius: 0.5rem;
}
.main_ui_dashboard_fonts__font-item .main_ui_dashboard_fonts__filenames {
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
}
.main_ui_dashboard_fonts__font-item .main_ui_dashboard_fonts__options {
  display: flex;
  justify-content: flex-end;
  min-width: 11.25rem;
}
.main_ui_dashboard_fonts__font-item .main_ui_dashboard_fonts__options .main_ui_dashboard_fonts__icon {
  width: 1.5rem;
  cursor: pointer;
  display: flex;
  margin-left: 0.75rem;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_fonts__font-item .main_ui_dashboard_fonts__options .main_ui_dashboard_fonts__icon svg {
  width: 1rem;
  height: 1rem;
  stroke: var(--color-foreground-secondary);
  fill: none;
}
.main_ui_dashboard_fonts__font-item .main_ui_dashboard_fonts__options .main_ui_dashboard_fonts__icon.main_ui_dashboard_fonts__failure {
  margin-right: 0.75rem;
}
.main_ui_dashboard_fonts__font-item .main_ui_dashboard_fonts__options .main_ui_dashboard_fonts__icon.main_ui_dashboard_fonts__failure svg {
  stroke: var(--element-foreground-warning);
}
.main_ui_dashboard_fonts__font-item .main_ui_dashboard_fonts__options .main_ui_dashboard_fonts__icon.main_ui_dashboard_fonts__close {
  background: none;
  border: none;
}
.main_ui_dashboard_fonts__font-item .main_ui_dashboard_fonts__options .main_ui_dashboard_fonts__icon.main_ui_dashboard_fonts__close svg {
  stroke: var(--color-foreground-secondary);
}

.main_ui_dashboard_fonts__dashboard-fonts-upload {
  max-width: 62.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_fonts__dashboard-fonts-upload .main_ui_dashboard_fonts__upload-button {
  width: 6.25rem;
}
.main_ui_dashboard_fonts__dashboard-fonts-upload .main_ui_dashboard_fonts__btn-secondary {
  margin-left: 0.75rem;
}

.main_ui_dashboard_fonts__dashboard-fonts-hero {
  font-size: 0.875rem;
  padding: 2rem 0;
  margin-top: 5rem;
  display: flex;
  justify-content: space-between;
}
.main_ui_dashboard_fonts__dashboard-fonts-hero .main_ui_dashboard_fonts__btn-primary {
  height: 2.5rem;
  width: 100%;
}
.main_ui_dashboard_fonts__dashboard-fonts-hero .main_ui_dashboard_fonts__desc {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  color: var(--color-background-secondary);
  width: 31.25rem;
}
.main_ui_dashboard_fonts__dashboard-fonts-hero .main_ui_dashboard_fonts__desc h2 {
  color: var(--color-foreground-primary);
  font-weight: 400;
}
.main_ui_dashboard_fonts__dashboard-fonts-hero .main_ui_dashboard_fonts__desc p {
  color: var(--color-foreground-secondary);
  font-size: 1rem;
}
.main_ui_dashboard_fonts__dashboard-fonts-hero .main_ui_dashboard_fonts__btn-primary {
  flex-shrink: 0;
}

.main_ui_dashboard_fonts__fonts-placeholder {
  align-items: center;
  border-radius: 0.5rem;
  border: 1px solid var(--color-background-quaternary);
  display: flex;
  flex-direction: column;
  height: 10rem;
  justify-content: center;
  margin-top: 1rem;
  max-width: 62.5rem;
  width: 100%;
}
.main_ui_dashboard_fonts__fonts-placeholder .main_ui_dashboard_fonts__icon svg {
  stroke: var(--color-foreground-secondary);
  fill: none;
  width: 2rem;
  height: 2rem;
}
.main_ui_dashboard_fonts__fonts-placeholder .main_ui_dashboard_fonts__label {
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
@keyframes main_ui_dashboard_grid__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_grid__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_grid__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_grid__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_grid__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_grid__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_grid__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_grid__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_grid__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_grid__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_grid__new-scrollbar ::placeholder,
.main_ui_dashboard_grid__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_grid__button-primary, .main_ui_dashboard_grid__modal-danger-btn, .main_ui_dashboard_grid__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_grid__button-primary:focus-visible, .main_ui_dashboard_grid__modal-danger-btn:focus-visible, .main_ui_dashboard_grid__modal-accept-btn: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);
}
.main_ui_dashboard_grid__button-primary:focus-visible svg, .main_ui_dashboard_grid__modal-danger-btn:focus-visible svg, .main_ui_dashboard_grid__modal-accept-btn:focus-visible svg,
.main_ui_dashboard_grid__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_grid__button-primary svg, .main_ui_dashboard_grid__modal-danger-btn svg, .main_ui_dashboard_grid__modal-accept-btn svg,
.main_ui_dashboard_grid__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_grid__button-primary:hover, .main_ui_dashboard_grid__modal-danger-btn:hover, .main_ui_dashboard_grid__modal-accept-btn: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;
}
.main_ui_dashboard_grid__button-primary:hover svg, .main_ui_dashboard_grid__modal-danger-btn:hover svg, .main_ui_dashboard_grid__modal-accept-btn:hover svg,
.main_ui_dashboard_grid__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_grid__button-primary:active, .main_ui_dashboard_grid__modal-danger-btn:active, .main_ui_dashboard_grid__modal-accept-btn: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;
}
.main_ui_dashboard_grid__button-primary:active svg, .main_ui_dashboard_grid__modal-danger-btn:active svg, .main_ui_dashboard_grid__modal-accept-btn:active svg,
.main_ui_dashboard_grid__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_grid__button-primary.disabled, .main_ui_dashboard_grid__modal-danger-btn.disabled, .main_ui_dashboard_grid__modal-accept-btn.disabled, .main_ui_dashboard_grid__button-primary[disabled], [disabled].main_ui_dashboard_grid__modal-danger-btn, [disabled].main_ui_dashboard_grid__modal-accept-btn, .main_ui_dashboard_grid__button-primary:disabled, .main_ui_dashboard_grid__modal-danger-btn:disabled, .main_ui_dashboard_grid__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_grid__button-secondary, .main_ui_dashboard_grid__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_grid__button-secondary:focus-visible, .main_ui_dashboard_grid__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_grid__button-secondary:focus-visible svg, .main_ui_dashboard_grid__modal-cancel-btn:focus-visible svg,
.main_ui_dashboard_grid__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_grid__button-secondary svg, .main_ui_dashboard_grid__modal-cancel-btn svg,
.main_ui_dashboard_grid__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_grid__button-secondary:hover, .main_ui_dashboard_grid__modal-cancel-btn: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;
}
.main_ui_dashboard_grid__button-secondary:hover svg, .main_ui_dashboard_grid__modal-cancel-btn:hover svg,
.main_ui_dashboard_grid__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_grid__button-secondary:active, .main_ui_dashboard_grid__modal-cancel-btn: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);
}
.main_ui_dashboard_grid__button-secondary:active svg, .main_ui_dashboard_grid__modal-cancel-btn:active svg,
.main_ui_dashboard_grid__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_grid__button-secondary.disabled, .main_ui_dashboard_grid__modal-cancel-btn.disabled, .main_ui_dashboard_grid__button-secondary[disabled], [disabled].main_ui_dashboard_grid__modal-cancel-btn, .main_ui_dashboard_grid__button-secondary:disabled, .main_ui_dashboard_grid__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_grid__button-tertiary, .main_ui_dashboard_grid__attr-title button, .main_ui_dashboard_grid__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_grid__button-tertiary:focus-visible, .main_ui_dashboard_grid__attr-title button:focus-visible, .main_ui_dashboard_grid__modal-close-btn-base: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);
}
.main_ui_dashboard_grid__button-tertiary:focus-visible svg, .main_ui_dashboard_grid__attr-title button:focus-visible svg, .main_ui_dashboard_grid__modal-close-btn-base:focus-visible svg,
.main_ui_dashboard_grid__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_grid__button-tertiary svg, .main_ui_dashboard_grid__attr-title button svg, .main_ui_dashboard_grid__modal-close-btn-base svg,
.main_ui_dashboard_grid__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_grid__button-tertiary:hover, .main_ui_dashboard_grid__attr-title button:hover, .main_ui_dashboard_grid__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_grid__button-tertiary:hover svg, .main_ui_dashboard_grid__attr-title button:hover svg, .main_ui_dashboard_grid__modal-close-btn-base:hover svg,
.main_ui_dashboard_grid__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_grid__button-tertiary:active, .main_ui_dashboard_grid__attr-title button:active, .main_ui_dashboard_grid__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_grid__button-tertiary:active svg, .main_ui_dashboard_grid__attr-title button:active svg, .main_ui_dashboard_grid__modal-close-btn-base:active svg,
.main_ui_dashboard_grid__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_grid__button-tertiary.disabled, .main_ui_dashboard_grid__attr-title button.disabled, .main_ui_dashboard_grid__modal-close-btn-base.disabled, .main_ui_dashboard_grid__button-tertiary[disabled], .main_ui_dashboard_grid__attr-title button[disabled], [disabled].main_ui_dashboard_grid__modal-close-btn-base, .main_ui_dashboard_grid__button-tertiary:disabled, .main_ui_dashboard_grid__attr-title button:disabled, .main_ui_dashboard_grid__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_grid__button-tertiary.disabled svg, .main_ui_dashboard_grid__attr-title button.disabled svg, .main_ui_dashboard_grid__modal-close-btn-base.disabled svg,
.main_ui_dashboard_grid__button-tertiary.disabled span svg, .main_ui_dashboard_grid__button-tertiary[disabled] svg, .main_ui_dashboard_grid__attr-title button[disabled] svg, [disabled].main_ui_dashboard_grid__modal-close-btn-base svg,
.main_ui_dashboard_grid__button-tertiary[disabled] span svg, .main_ui_dashboard_grid__button-tertiary:disabled svg, .main_ui_dashboard_grid__attr-title button:disabled svg, .main_ui_dashboard_grid__modal-close-btn-base:disabled svg,
.main_ui_dashboard_grid__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_grid__button-icon-selected {
  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);
}
.main_ui_dashboard_grid__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_grid__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_grid__button-radio: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);
}
.main_ui_dashboard_grid__button-radio:focus-visible svg,
.main_ui_dashboard_grid__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_grid__button-radio svg,
.main_ui_dashboard_grid__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_grid__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_grid__button-radio:hover svg,
.main_ui_dashboard_grid__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_grid__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_grid__button-radio:active svg,
.main_ui_dashboard_grid__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_grid__button-warning {
  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);
}

.main_ui_dashboard_grid__button-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;
}

.main_ui_dashboard_grid__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_grid__button-tag: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);
}
.main_ui_dashboard_grid__button-tag:focus-visible svg,
.main_ui_dashboard_grid__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_grid__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_grid__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_grid__button-icon, .main_ui_dashboard_grid__empty-icon svg, .main_ui_dashboard_grid__modal-close-btn-base svg, .main_ui_dashboard_grid__button-icon-small, .main_ui_dashboard_grid__dropdown-element-base span svg, .main_ui_dashboard_grid__attr-title button svg, .main_ui_dashboard_grid__checkbox-icon.intermediate svg, .main_ui_dashboard_grid__input-checkbox label span.intermediate svg, .main_ui_dashboard_grid__checkbox-icon.checked svg, .main_ui_dashboard_grid__input-checkbox label span.checked svg, .main_ui_dashboard_grid__input-element span svg,
.main_ui_dashboard_grid__input-element label svg, .main_ui_dashboard_grid__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_grid__button-icon-small, .main_ui_dashboard_grid__dropdown-element-base span svg, .main_ui_dashboard_grid__attr-title button svg, .main_ui_dashboard_grid__checkbox-icon.intermediate svg, .main_ui_dashboard_grid__input-checkbox label span.intermediate svg, .main_ui_dashboard_grid__checkbox-icon.checked svg, .main_ui_dashboard_grid__input-checkbox label span.checked svg, .main_ui_dashboard_grid__input-element span svg,
.main_ui_dashboard_grid__input-element label svg, .main_ui_dashboard_grid__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_grid__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_grid__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_grid__input-base, .main_ui_dashboard_grid__input-with-label input, .main_ui_dashboard_grid__input-element-label input, .main_ui_dashboard_grid__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_grid__input-base[disabled], .main_ui_dashboard_grid__input-with-label input[disabled], .main_ui_dashboard_grid__input-element-label input[disabled], .main_ui_dashboard_grid__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_grid__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_grid__input-label, .main_ui_dashboard_grid__input-element span,
.main_ui_dashboard_grid__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_grid__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_grid__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_grid__input-element span svg,
.main_ui_dashboard_grid__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_grid__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_grid__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_grid__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_grid__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_grid__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_grid__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_grid__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_grid__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_grid__input-element:focus, .main_ui_dashboard_grid__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_grid__input-element:focus span, .main_ui_dashboard_grid__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_grid__input-element:focus input, .main_ui_dashboard_grid__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_grid__input-element:focus:hover, .main_ui_dashboard_grid__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_grid__input-element:focus:hover span, .main_ui_dashboard_grid__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_grid__input-element:focus:hover input, .main_ui_dashboard_grid__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_grid__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_grid__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_grid__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_grid__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_grid__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_grid__input-element-label:focus-within input, .main_ui_dashboard_grid__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_grid__disabled-input, .main_ui_dashboard_grid__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_grid__disabled-input input, .main_ui_dashboard_grid__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_grid__disabled-input span svg, .main_ui_dashboard_grid__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_grid__checkbox-icon, .main_ui_dashboard_grid__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_grid__checkbox-icon svg, .main_ui_dashboard_grid__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_grid__checkbox-icon:hover, .main_ui_dashboard_grid__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_grid__checkbox-icon:focus, .main_ui_dashboard_grid__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_grid__checkbox-icon.checked, .main_ui_dashboard_grid__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_grid__checkbox-icon.checked svg, .main_ui_dashboard_grid__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_grid__checkbox-icon.intermediate, .main_ui_dashboard_grid__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_grid__checkbox-icon.intermediate svg, .main_ui_dashboard_grid__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_grid__checkbox-icon.unchecked, .main_ui_dashboard_grid__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_grid__checkbox-icon.unchecked svg, .main_ui_dashboard_grid__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_grid__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_grid__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_grid__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_grid__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_grid__input-checkbox label:focus span, .main_ui_dashboard_grid__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_grid__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_grid__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_grid__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_grid__input-with-label input:focus-within, .main_ui_dashboard_grid__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_grid__input-with-label input:focus-within input, .main_ui_dashboard_grid__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_grid__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_grid__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_grid__modal-overlay-base {
  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);
}

.main_ui_dashboard_grid__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_grid__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_grid__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_grid__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_grid__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_grid__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_grid__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_grid__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_grid__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_grid__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_grid__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_grid__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_grid__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_grid__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_grid__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_grid__colorpicker-handler {
  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;
}
.main_ui_dashboard_grid__colorpicker-handler:hover, .main_ui_dashboard_grid__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_grid__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_grid__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_grid__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_grid__attr-title button {
  display: none;
}
.main_ui_dashboard_grid__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_grid__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_grid__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_grid__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_grid__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_grid__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_grid__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_grid__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_grid__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_grid__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_grid__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_grid__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_grid__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_grid__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_grid__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_grid__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_grid__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_grid__dashboard-grid {
  font-size: 0.875rem;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 1rem;
}

.main_ui_dashboard_grid__grid-row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(0.75rem + var(--th-width, 15.75rem));
  width: 100%;
  gap: 1.5rem;
}

.main_ui_dashboard_grid__grid-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin: 0.75rem 0;
  position: relative;
  text-align: center;
}
.main_ui_dashboard_grid__grid-item a,
.main_ui_dashboard_grid__grid-item button {
  width: 100%;
  font-weight: 400;
}
.main_ui_dashboard_grid__grid-item button {
  background-color: transparent;
  border: none;
  padding: 0 0.375rem;
}
.main_ui_dashboard_grid__grid-item .main_ui_dashboard_grid__grid-item-th {
  border-radius: 0.5rem;
  text-align: initial;
  width: var(--th-width, 15.75rem);
  height: var(--th-height, 10.5rem);
  background-size: cover;
  overflow: hidden;
}
.main_ui_dashboard_grid__grid-item .main_ui_dashboard_grid__grid-item-th img {
  -o-object-fit: contain;
     object-fit: contain;
}
.main_ui_dashboard_grid__grid-item.main_ui_dashboard_grid__dragged {
  border-radius: 0.25rem;
  outline: 0.25rem solid var(--color-accent-primary);
  text-align: initial;
  width: calc(var(--th-width) + 0.75rem);
  height: var(--th-height, 10.5rem);
}
.main_ui_dashboard_grid__grid-item.main_ui_dashboard_grid__overlay {
  border-radius: 0.25rem;
  border: 0.125rem solid var(--color-accent-tertiary);
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.main_ui_dashboard_grid__grid-item:hover .main_ui_dashboard_grid__overlay {
  display: block;
  opacity: 1;
}
.main_ui_dashboard_grid__grid-item .main_ui_dashboard_grid__info-wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  cursor: pointer;
  max-width: var(--th-width, 15.75rem);
}
.main_ui_dashboard_grid__grid-item .main_ui_dashboard_grid__item-info {
  display: grid;
  padding: 0.5rem;
  text-align: left;
  width: 100%;
  font-size: 0.75rem;
}
.main_ui_dashboard_grid__grid-item .main_ui_dashboard_grid__item-info 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) {
  .main_ui_dashboard_grid__grid-item .main_ui_dashboard_grid__item-info h3 {
    max-width: 14.5rem;
  }
}
.main_ui_dashboard_grid__grid-item .main_ui_dashboard_grid__item-info .main_ui_dashboard_grid__date {
  color: var(--color-foreground-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  max-width: 16.25rem;
}
.main_ui_dashboard_grid__grid-item .main_ui_dashboard_grid__item-info .main_ui_dashboard_grid__date::first-letter {
  text-transform: capitalize;
}
@media (max-width: 1366px) {
  .main_ui_dashboard_grid__grid-item .main_ui_dashboard_grid__item-info .main_ui_dashboard_grid__date {
    max-width: 14.5rem;
  }
}
.main_ui_dashboard_grid__grid-item .main_ui_dashboard_grid__item-badge {
  background-color: var(--color-accent-primary);
  border: none;
  border-radius: 0.375rem;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_ui_dashboard_grid__grid-item .main_ui_dashboard_grid__item-badge svg {
  stroke: var(--color-background-secondary);
  fill: none;
  height: 1rem;
  width: 1rem;
}
.main_ui_dashboard_grid__grid-item.main_ui_dashboard_grid__add-file {
  border: 1px dashed var(--color-foreground-secondary);
  justify-content: center;
  box-shadow: none;
}
.main_ui_dashboard_grid__grid-item.main_ui_dashboard_grid__add-file span {
  color: var(--color-background-primary);
  font-size: 0.875rem;
}
.main_ui_dashboard_grid__grid-item.main_ui_dashboard_grid__add-file:hover {
  background-color: var(--color-foreground-primary);
  border: 0.125rem solid var(--color-accent-tertiary);
}

.main_ui_dashboard_grid__drag-counter {
  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;
}

.main_ui_dashboard_grid__project-th {
  background-color: transparent;
  border-radius: 0.5rem;
  padding-top: 0.375rem;
}
.main_ui_dashboard_grid__project-th:hover, .main_ui_dashboard_grid__project-th:focus, .main_ui_dashboard_grid__project-th:focus-within {
  background-color: var(--color-background-tertiary);
}
.main_ui_dashboard_grid__project-th:hover .main_ui_dashboard_grid__project-th-actions, .main_ui_dashboard_grid__project-th:focus .main_ui_dashboard_grid__project-th-actions, .main_ui_dashboard_grid__project-th:focus-within .main_ui_dashboard_grid__project-th-actions {
  opacity: 1;
}
.main_ui_dashboard_grid__project-th:hover a, .main_ui_dashboard_grid__project-th:focus a, .main_ui_dashboard_grid__project-th:focus-within a {
  text-decoration: none;
}
.main_ui_dashboard_grid__project-th .main_ui_dashboard_grid__selected .main_ui_dashboard_grid__grid-item-th {
  outline: 0.25rem solid var(--color-accent-tertiary);
}

.main_ui_dashboard_grid__project-th-actions {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: 0;
  right: 0.375rem;
  width: 2rem;
}
.main_ui_dashboard_grid__project-th-actions span {
  color: var(--color-background-secondary);
}

.main_ui_dashboard_grid__project-th-icon {
  align-items: center;
  display: flex;
  margin-right: 0.5rem;
  margin-top: 0;
}

.main_ui_dashboard_grid__menu {
  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-tertiary-foreground-color-rest);
}
.main_ui_dashboard_grid__menu:hover, .main_ui_dashboard_grid__menu:focus {
  --menu-icon-color: var(--button-tertiary-foreground-color-hover);
}

.main_ui_dashboard_grid__menu-icon {
  stroke: var(--menu-icon-color);
  fill: none;
  margin-right: 0;
  height: 1rem;
  width: 1rem;
}

.main_ui_dashboard_grid__project-th-actions.main_ui_dashboard_grid__force-display {
  opacity: 1;
}

.main_ui_dashboard_grid__grid-item-th {
  border-radius: 0.25rem;
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.main_ui_dashboard_grid__grid-item-th .main_ui_dashboard_grid__img-th {
  height: auto;
  width: 100%;
}

.main_ui_dashboard_grid__library {
  height: 36.25rem;
}

.main_ui_dashboard_grid__grid-item.main_ui_dashboard_grid__project-th.main_ui_dashboard_grid__library {
  height: 38.25rem;
}

.main_ui_dashboard_grid__grid-item-th.main_ui_dashboard_grid__library {
  background-color: var(--color-background-tertiary);
  flex-direction: column;
  height: 90%;
  justify-content: flex-start;
  max-height: 36.25rem;
  padding: 2rem;
}
.main_ui_dashboard_grid__grid-item-th.main_ui_dashboard_grid__library .main_ui_dashboard_grid__asset-section {
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
}
.main_ui_dashboard_grid__grid-item-th.main_ui_dashboard_grid__library .main_ui_dashboard_grid__asset-section:not(:first-child) {
  margin-top: 1rem;
}
.main_ui_dashboard_grid__grid-item-th.main_ui_dashboard_grid__library .main_ui_dashboard_grid__asset-title {
  display: flex;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.main_ui_dashboard_grid__grid-item-th.main_ui_dashboard_grid__library .main_ui_dashboard_grid__asset-title .main_ui_dashboard_grid__num-assets {
  color: var(--color-foreground-secondary);
}
.main_ui_dashboard_grid__grid-item-th.main_ui_dashboard_grid__library .main_ui_dashboard_grid__asset-list-item {
  align-items: center;
  border-radius: 0.25rem;
  border: 1px solid transparent;
  color: var(--color-foreground-primary);
  display: flex;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  padding: 0.125rem;
  position: relative;
}
.main_ui_dashboard_grid__grid-item-th.main_ui_dashboard_grid__library .main_ui_dashboard_grid__asset-list-item .main_ui_dashboard_grid__name-block {
  color: var(--color-foreground-secondary);
  width: calc(100% - 1.5rem - 0.5rem);
}
.main_ui_dashboard_grid__grid-item-th.main_ui_dashboard_grid__library .main_ui_dashboard_grid__asset-list-item .main_ui_dashboard_grid__item-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_grid__grid-item-th.main_ui_dashboard_grid__library .main_ui_dashboard_grid__asset-list-item svg {
  background-color: var(--color-canvas);
  border-radius: 0.25rem;
  border: 0.125rem solid transparent;
  height: 1.5rem;
  margin-right: 0.5rem;
  width: 1.5rem;
}
.main_ui_dashboard_grid__grid-item-th.main_ui_dashboard_grid__library .main_ui_dashboard_grid__asset-list-item .main_ui_dashboard_grid__color-name {
  color: var(--color-foreground-primary);
}
.main_ui_dashboard_grid__grid-item-th.main_ui_dashboard_grid__library .main_ui_dashboard_grid__asset-list-item .main_ui_dashboard_grid__color-value {
  color: var(--color-foreground-secondary);
  margin-left: 0.25rem;
  text-transform: uppercase;
}
.main_ui_dashboard_grid__grid-item-th.main_ui_dashboard_grid__library .main_ui_dashboard_grid__asset-list-item .main_ui_dashboard_grid__typography-sample {
  height: 1.25rem;
  margin-right: 0.25rem;
  width: 1.25rem;
}

.main_ui_dashboard_grid__color-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
}

.main_ui_dashboard_grid__grid-loader {
  --icon-width: calc(var(--th-width, 15.75rem) * 0.25);
}
@keyframes main_ui_dashboard_import__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_import__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_import__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_import__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_import__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_import__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_import__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_import__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_import__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_import__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_import__new-scrollbar ::placeholder,
.main_ui_dashboard_import__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_import__button-primary, .main_ui_dashboard_import__modal-danger-btn, .main_ui_dashboard_import__accept-btn.main_ui_dashboard_import__danger, .main_ui_dashboard_import__modal-accept-btn, .main_ui_dashboard_import__accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_import__button-primary:focus-visible, .main_ui_dashboard_import__modal-danger-btn:focus-visible, .main_ui_dashboard_import__modal-accept-btn:focus-visible, .main_ui_dashboard_import__accept-btn: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);
}
.main_ui_dashboard_import__button-primary:focus-visible svg, .main_ui_dashboard_import__modal-danger-btn:focus-visible svg, .main_ui_dashboard_import__modal-accept-btn:focus-visible svg, .main_ui_dashboard_import__accept-btn:focus-visible svg,
.main_ui_dashboard_import__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_import__button-primary svg, .main_ui_dashboard_import__modal-danger-btn svg, .main_ui_dashboard_import__accept-btn.main_ui_dashboard_import__danger svg, .main_ui_dashboard_import__modal-accept-btn svg, .main_ui_dashboard_import__accept-btn svg,
.main_ui_dashboard_import__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_import__button-primary:hover, .main_ui_dashboard_import__modal-danger-btn:hover, .main_ui_dashboard_import__modal-accept-btn:hover, .main_ui_dashboard_import__accept-btn: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;
}
.main_ui_dashboard_import__button-primary:hover svg, .main_ui_dashboard_import__modal-danger-btn:hover svg, .main_ui_dashboard_import__modal-accept-btn:hover svg, .main_ui_dashboard_import__accept-btn:hover svg,
.main_ui_dashboard_import__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_import__button-primary:active, .main_ui_dashboard_import__modal-danger-btn:active, .main_ui_dashboard_import__modal-accept-btn:active, .main_ui_dashboard_import__accept-btn: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;
}
.main_ui_dashboard_import__button-primary:active svg, .main_ui_dashboard_import__modal-danger-btn:active svg, .main_ui_dashboard_import__modal-accept-btn:active svg, .main_ui_dashboard_import__accept-btn:active svg,
.main_ui_dashboard_import__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_import__button-primary.disabled, .main_ui_dashboard_import__modal-danger-btn.disabled, .main_ui_dashboard_import__modal-accept-btn.disabled, .main_ui_dashboard_import__accept-btn.disabled, .main_ui_dashboard_import__button-primary[disabled], [disabled].main_ui_dashboard_import__modal-danger-btn, [disabled].main_ui_dashboard_import__modal-accept-btn, [disabled].main_ui_dashboard_import__accept-btn, .main_ui_dashboard_import__button-primary:disabled, .main_ui_dashboard_import__modal-danger-btn:disabled, .main_ui_dashboard_import__modal-accept-btn:disabled, .main_ui_dashboard_import__accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_import__button-secondary, .main_ui_dashboard_import__modal-cancel-btn, .main_ui_dashboard_import__cancel-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_import__button-secondary:focus-visible, .main_ui_dashboard_import__modal-cancel-btn:focus-visible, .main_ui_dashboard_import__cancel-button:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_import__button-secondary:focus-visible svg, .main_ui_dashboard_import__modal-cancel-btn:focus-visible svg, .main_ui_dashboard_import__cancel-button:focus-visible svg,
.main_ui_dashboard_import__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_import__button-secondary svg, .main_ui_dashboard_import__modal-cancel-btn svg, .main_ui_dashboard_import__cancel-button svg,
.main_ui_dashboard_import__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_import__button-secondary:hover, .main_ui_dashboard_import__modal-cancel-btn:hover, .main_ui_dashboard_import__cancel-button: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;
}
.main_ui_dashboard_import__button-secondary:hover svg, .main_ui_dashboard_import__modal-cancel-btn:hover svg, .main_ui_dashboard_import__cancel-button:hover svg,
.main_ui_dashboard_import__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_import__button-secondary:active, .main_ui_dashboard_import__modal-cancel-btn:active, .main_ui_dashboard_import__cancel-button: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);
}
.main_ui_dashboard_import__button-secondary:active svg, .main_ui_dashboard_import__modal-cancel-btn:active svg, .main_ui_dashboard_import__cancel-button:active svg,
.main_ui_dashboard_import__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_import__button-secondary.disabled, .main_ui_dashboard_import__modal-cancel-btn.disabled, .main_ui_dashboard_import__cancel-button.disabled, .main_ui_dashboard_import__button-secondary[disabled], [disabled].main_ui_dashboard_import__modal-cancel-btn, [disabled].main_ui_dashboard_import__cancel-button, .main_ui_dashboard_import__button-secondary:disabled, .main_ui_dashboard_import__modal-cancel-btn:disabled, .main_ui_dashboard_import__cancel-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;
}

.main_ui_dashboard_import__button-tertiary, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button, .main_ui_dashboard_import__attr-title button, .main_ui_dashboard_import__modal-close-btn-base, .main_ui_dashboard_import__modal-close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_import__button-tertiary:focus-visible, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button:focus-visible, .main_ui_dashboard_import__attr-title button:focus-visible, .main_ui_dashboard_import__modal-close-btn-base:focus-visible, .main_ui_dashboard_import__modal-close-btn: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);
}
.main_ui_dashboard_import__button-tertiary:focus-visible svg, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button:focus-visible svg, .main_ui_dashboard_import__attr-title button:focus-visible svg, .main_ui_dashboard_import__modal-close-btn-base:focus-visible svg, .main_ui_dashboard_import__modal-close-btn:focus-visible svg,
.main_ui_dashboard_import__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_import__button-tertiary svg, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button svg, .main_ui_dashboard_import__attr-title button svg, .main_ui_dashboard_import__modal-close-btn-base svg, .main_ui_dashboard_import__modal-close-btn svg,
.main_ui_dashboard_import__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_import__button-tertiary:hover, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button:hover, .main_ui_dashboard_import__attr-title button:hover, .main_ui_dashboard_import__modal-close-btn-base:hover, .main_ui_dashboard_import__modal-close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_import__button-tertiary:hover svg, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button:hover svg, .main_ui_dashboard_import__attr-title button:hover svg, .main_ui_dashboard_import__modal-close-btn-base:hover svg, .main_ui_dashboard_import__modal-close-btn:hover svg,
.main_ui_dashboard_import__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_import__button-tertiary:active, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button:active, .main_ui_dashboard_import__attr-title button:active, .main_ui_dashboard_import__modal-close-btn-base:active, .main_ui_dashboard_import__modal-close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_import__button-tertiary:active svg, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button:active svg, .main_ui_dashboard_import__attr-title button:active svg, .main_ui_dashboard_import__modal-close-btn-base:active svg, .main_ui_dashboard_import__modal-close-btn:active svg,
.main_ui_dashboard_import__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_import__button-tertiary.disabled, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button.disabled, .main_ui_dashboard_import__attr-title button.disabled, .main_ui_dashboard_import__modal-close-btn-base.disabled, .main_ui_dashboard_import__modal-close-btn.disabled, .main_ui_dashboard_import__button-tertiary[disabled], .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button[disabled], .main_ui_dashboard_import__attr-title button[disabled], [disabled].main_ui_dashboard_import__modal-close-btn-base, [disabled].main_ui_dashboard_import__modal-close-btn, .main_ui_dashboard_import__button-tertiary:disabled, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button:disabled, .main_ui_dashboard_import__attr-title button:disabled, .main_ui_dashboard_import__modal-close-btn-base:disabled, .main_ui_dashboard_import__modal-close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_import__button-tertiary.disabled svg, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button.disabled svg, .main_ui_dashboard_import__attr-title button.disabled svg, .main_ui_dashboard_import__modal-close-btn-base.disabled svg, .main_ui_dashboard_import__modal-close-btn.disabled svg,
.main_ui_dashboard_import__button-tertiary.disabled span svg, .main_ui_dashboard_import__button-tertiary[disabled] svg, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button[disabled] svg, .main_ui_dashboard_import__attr-title button[disabled] svg, [disabled].main_ui_dashboard_import__modal-close-btn-base svg, [disabled].main_ui_dashboard_import__modal-close-btn svg,
.main_ui_dashboard_import__button-tertiary[disabled] span svg, .main_ui_dashboard_import__button-tertiary:disabled svg, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button:disabled svg, .main_ui_dashboard_import__attr-title button:disabled svg, .main_ui_dashboard_import__modal-close-btn-base:disabled svg, .main_ui_dashboard_import__modal-close-btn:disabled svg,
.main_ui_dashboard_import__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_import__button-icon-selected {
  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);
}
.main_ui_dashboard_import__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_import__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_import__button-radio: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);
}
.main_ui_dashboard_import__button-radio:focus-visible svg,
.main_ui_dashboard_import__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_import__button-radio svg,
.main_ui_dashboard_import__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_import__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_import__button-radio:hover svg,
.main_ui_dashboard_import__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_import__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_import__button-radio:active svg,
.main_ui_dashboard_import__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_import__button-warning {
  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);
}

.main_ui_dashboard_import__button-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;
}

.main_ui_dashboard_import__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_import__button-tag: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);
}
.main_ui_dashboard_import__button-tag:focus-visible svg,
.main_ui_dashboard_import__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_import__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_import__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_import__button-icon, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__linked-library .main_ui_dashboard_import__linked-library-tag svg, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button svg, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-icon svg, .main_ui_dashboard_import__empty-icon svg, .main_ui_dashboard_import__modal-close-btn-base svg, .main_ui_dashboard_import__modal-close-btn svg, .main_ui_dashboard_import__button-icon-small, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-label .main_ui_dashboard_import__icon svg, .main_ui_dashboard_import__dropdown-element-base span svg, .main_ui_dashboard_import__attr-title button svg, .main_ui_dashboard_import__checkbox-icon.intermediate svg, .main_ui_dashboard_import__input-checkbox label span.intermediate svg, .main_ui_dashboard_import__checkbox-icon.checked svg, .main_ui_dashboard_import__input-checkbox label span.checked svg, .main_ui_dashboard_import__input-element span svg, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit span svg,
.main_ui_dashboard_import__input-element label svg,
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit label svg, .main_ui_dashboard_import__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_import__button-icon-small, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-label .main_ui_dashboard_import__icon svg, .main_ui_dashboard_import__dropdown-element-base span svg, .main_ui_dashboard_import__attr-title button svg, .main_ui_dashboard_import__checkbox-icon.intermediate svg, .main_ui_dashboard_import__input-checkbox label span.intermediate svg, .main_ui_dashboard_import__checkbox-icon.checked svg, .main_ui_dashboard_import__input-checkbox label span.checked svg, .main_ui_dashboard_import__input-element span svg, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit span svg,
.main_ui_dashboard_import__input-element label svg,
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit label svg, .main_ui_dashboard_import__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_import__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_import__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_import__input-base, .main_ui_dashboard_import__input-with-label input, .main_ui_dashboard_import__input-element-label input, .main_ui_dashboard_import__input-element input, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_import__input-base[disabled], .main_ui_dashboard_import__input-with-label input[disabled], .main_ui_dashboard_import__input-element-label input[disabled], .main_ui_dashboard_import__input-element input[disabled], .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_import__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_import__input-label, .main_ui_dashboard_import__input-element span, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit span,
.main_ui_dashboard_import__input-element label,
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_import__input-element, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_import__input-element:focus-within, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_import__input-element span svg, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit span svg,
.main_ui_dashboard_import__input-element label svg,
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_import__input-element ::-moz-placeholder, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_import__input-element ::placeholder, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_import__input-element:hover, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_import__input-element:hover span, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_import__input-element:hover input, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_import__input-element:active, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_import__input-element:active span, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_import__input-element:active input, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_import__input-element:focus, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:focus, .main_ui_dashboard_import__input-element:focus-within, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_import__input-element:focus span, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:focus span, .main_ui_dashboard_import__input-element:focus-within span, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_import__input-element:focus input, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:focus input, .main_ui_dashboard_import__input-element:focus-within input, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_import__input-element:focus:hover, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:focus:hover, .main_ui_dashboard_import__input-element:focus-within:hover, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_import__input-element:focus:hover span, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:focus:hover span, .main_ui_dashboard_import__input-element:focus-within:hover span, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_import__input-element:focus:hover input, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:focus:hover input, .main_ui_dashboard_import__input-element:focus-within:hover input, .main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_import__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_import__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_import__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_import__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_import__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_import__input-element-label:focus-within input, .main_ui_dashboard_import__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_import__disabled-input, .main_ui_dashboard_import__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_import__disabled-input input, .main_ui_dashboard_import__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_import__disabled-input span svg, .main_ui_dashboard_import__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_import__checkbox-icon, .main_ui_dashboard_import__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_import__checkbox-icon svg, .main_ui_dashboard_import__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_import__checkbox-icon:hover, .main_ui_dashboard_import__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_import__checkbox-icon:focus, .main_ui_dashboard_import__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_import__checkbox-icon.checked, .main_ui_dashboard_import__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_import__checkbox-icon.checked svg, .main_ui_dashboard_import__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_import__checkbox-icon.intermediate, .main_ui_dashboard_import__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_import__checkbox-icon.intermediate svg, .main_ui_dashboard_import__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_import__checkbox-icon.unchecked, .main_ui_dashboard_import__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_import__checkbox-icon.unchecked svg, .main_ui_dashboard_import__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_import__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_import__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_import__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_import__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_import__input-checkbox label:focus span, .main_ui_dashboard_import__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_import__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_import__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_import__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_import__input-with-label input:focus-within, .main_ui_dashboard_import__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_import__input-with-label input:focus-within input, .main_ui_dashboard_import__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_import__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_import__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_import__modal-overlay-base, .main_ui_dashboard_import__modal-overlay {
  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);
}

.main_ui_dashboard_import__modal-container-base, .main_ui_dashboard_import__modal-container {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_import__modal-close-btn-base, .main_ui_dashboard_import__modal-close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_import__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_import__modal-action-btns, .main_ui_dashboard_import__action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_import__modal-cancel-btn, .main_ui_dashboard_import__cancel-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_import__modal-accept-btn, .main_ui_dashboard_import__accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_import__modal-danger-btn, .main_ui_dashboard_import__accept-btn.main_ui_dashboard_import__danger {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_import__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_import__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_import__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_import__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_import__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_import__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_import__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_import__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_import__colorpicker-handler {
  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;
}
.main_ui_dashboard_import__colorpicker-handler:hover, .main_ui_dashboard_import__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_import__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_import__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_import__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_import__attr-title button {
  display: none;
}
.main_ui_dashboard_import__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_import__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_import__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_import__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_import__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_import__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_import__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_import__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_import__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_import__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_import__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_import__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_import__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_import__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_import__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_import__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_import__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_import__modal-container {
  display: flex;
  flex-direction: column;
}

.main_ui_dashboard_import__modal-header {
  margin-bottom: 1.5rem;
}

.main_ui_dashboard_import__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--modal-title-foreground-color);
}

.main_ui_dashboard_import__modal-content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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;
}

.main_ui_dashboard_import__modal-scd-msg,
.main_ui_dashboard_import__modal-subtitle,
.main_ui_dashboard_import__modal-msg {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--modal-text-foreground-color);
  line-height: 1.5;
}

.main_ui_dashboard_import__file-entry {
  display: flex;
}
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1rem;
}
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-icon svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-icon.main_ui_dashboard_import__icon-fill svg {
  fill: var(--icon-foreground);
}
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-edit {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  flex-grow: 1;
}
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-grow: 1;
}
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-label .main_ui_dashboard_import__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
}
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-name-label .main_ui_dashboard_import__icon svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button {
  width: 1.75rem;
  height: 2rem;
}
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__file-name .main_ui_dashboard_import__edit-entry-buttons button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__error-message,
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__progress-message {
  display: flex;
  align-items: center;
  height: 2rem;
  color: var(--modal-text-foreground-color);
}
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__linked-library {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--modal-text-foreground-color);
}
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__linked-library .main_ui_dashboard_import__linked-library-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
}
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__linked-library .main_ui_dashboard_import__linked-library-tag svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_import__file-entry .main_ui_dashboard_import__linked-library .main_ui_dashboard_import__linked-library-tag.main_ui_dashboard_import__error svg {
  stroke: var(--element-foreground-error);
}
.main_ui_dashboard_import__file-entry.main_ui_dashboard_import__loading .main_ui_dashboard_import__file-name {
  color: var(--modal-text-foreground-color);
}
.main_ui_dashboard_import__file-entry.main_ui_dashboard_import__warning .main_ui_dashboard_import__file-name {
  color: var(--element-foreground-warning);
}
.main_ui_dashboard_import__file-entry.main_ui_dashboard_import__warning .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-icon svg {
  stroke: var(--element-foreground-warning);
}
.main_ui_dashboard_import__file-entry.main_ui_dashboard_import__warning .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-icon.main_ui_dashboard_import__icon-fill svg {
  fill: var(--element-foreground-warning);
}
.main_ui_dashboard_import__file-entry.main_ui_dashboard_import__success .main_ui_dashboard_import__file-name {
  color: var(--modal-text-foreground-color);
}
.main_ui_dashboard_import__file-entry.main_ui_dashboard_import__success .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-icon svg {
  stroke: var(--modal-text-foreground-color);
}
.main_ui_dashboard_import__file-entry.main_ui_dashboard_import__success .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-icon.main_ui_dashboard_import__icon-fill svg {
  fill: var(--modal-text-foreground-color);
}
.main_ui_dashboard_import__file-entry.main_ui_dashboard_import__error .main_ui_dashboard_import__file-name {
  color: var(--modal-text-foreground-color);
}
.main_ui_dashboard_import__file-entry.main_ui_dashboard_import__error .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-icon svg {
  stroke: var(--modal-text-foreground-color);
}
.main_ui_dashboard_import__file-entry.main_ui_dashboard_import__error .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-icon.main_ui_dashboard_import__icon-fill svg {
  fill: var(--modal-text-foreground-color);
}
.main_ui_dashboard_import__file-entry.main_ui_dashboard_import__editable .main_ui_dashboard_import__file-name {
  color: var(--modal-text-foreground-color);
}
.main_ui_dashboard_import__file-entry.main_ui_dashboard_import__editable .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-icon svg {
  stroke: var(--modal-text-foreground-color);
}
.main_ui_dashboard_import__file-entry.main_ui_dashboard_import__editable .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-icon.main_ui_dashboard_import__icon-fill svg {
  fill: var(--modal-text-foreground-color);
}

.main_ui_dashboard_import__context-notification-error {
  --context-notification-bg-color: var(--modal-background-color);
}

.main_ui_dashboard_import__import-error-disclaimer {
  color: var(--color-foreground-secondary);
}

.main_ui_dashboard_import__import-error-list {
  padding: 0 var(--sp-l);
  list-style: disc;
}

.main_ui_dashboard_import__import-error-list-enry {
  padding: var(--sp-xs) 0;
}
@keyframes main_ui_dashboard_inline_edition__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_inline_edition__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_inline_edition__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_inline_edition__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_inline_edition__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_inline_edition__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_inline_edition__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_inline_edition__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_inline_edition__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_inline_edition__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_inline_edition__new-scrollbar ::placeholder,
.main_ui_dashboard_inline_edition__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_inline_edition__button-primary, .main_ui_dashboard_inline_edition__modal-danger-btn, .main_ui_dashboard_inline_edition__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_inline_edition__button-primary:focus-visible, .main_ui_dashboard_inline_edition__modal-danger-btn:focus-visible, .main_ui_dashboard_inline_edition__modal-accept-btn: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);
}
.main_ui_dashboard_inline_edition__button-primary:focus-visible svg, .main_ui_dashboard_inline_edition__modal-danger-btn:focus-visible svg, .main_ui_dashboard_inline_edition__modal-accept-btn:focus-visible svg,
.main_ui_dashboard_inline_edition__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_inline_edition__button-primary svg, .main_ui_dashboard_inline_edition__modal-danger-btn svg, .main_ui_dashboard_inline_edition__modal-accept-btn svg,
.main_ui_dashboard_inline_edition__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_inline_edition__button-primary:hover, .main_ui_dashboard_inline_edition__modal-danger-btn:hover, .main_ui_dashboard_inline_edition__modal-accept-btn: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;
}
.main_ui_dashboard_inline_edition__button-primary:hover svg, .main_ui_dashboard_inline_edition__modal-danger-btn:hover svg, .main_ui_dashboard_inline_edition__modal-accept-btn:hover svg,
.main_ui_dashboard_inline_edition__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_inline_edition__button-primary:active, .main_ui_dashboard_inline_edition__modal-danger-btn:active, .main_ui_dashboard_inline_edition__modal-accept-btn: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;
}
.main_ui_dashboard_inline_edition__button-primary:active svg, .main_ui_dashboard_inline_edition__modal-danger-btn:active svg, .main_ui_dashboard_inline_edition__modal-accept-btn:active svg,
.main_ui_dashboard_inline_edition__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_inline_edition__button-primary.disabled, .main_ui_dashboard_inline_edition__modal-danger-btn.disabled, .main_ui_dashboard_inline_edition__modal-accept-btn.disabled, .main_ui_dashboard_inline_edition__button-primary[disabled], [disabled].main_ui_dashboard_inline_edition__modal-danger-btn, [disabled].main_ui_dashboard_inline_edition__modal-accept-btn, .main_ui_dashboard_inline_edition__button-primary:disabled, .main_ui_dashboard_inline_edition__modal-danger-btn:disabled, .main_ui_dashboard_inline_edition__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_inline_edition__button-secondary, .main_ui_dashboard_inline_edition__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_inline_edition__button-secondary:focus-visible, .main_ui_dashboard_inline_edition__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_inline_edition__button-secondary:focus-visible svg, .main_ui_dashboard_inline_edition__modal-cancel-btn:focus-visible svg,
.main_ui_dashboard_inline_edition__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_inline_edition__button-secondary svg, .main_ui_dashboard_inline_edition__modal-cancel-btn svg,
.main_ui_dashboard_inline_edition__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_inline_edition__button-secondary:hover, .main_ui_dashboard_inline_edition__modal-cancel-btn: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;
}
.main_ui_dashboard_inline_edition__button-secondary:hover svg, .main_ui_dashboard_inline_edition__modal-cancel-btn:hover svg,
.main_ui_dashboard_inline_edition__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_inline_edition__button-secondary:active, .main_ui_dashboard_inline_edition__modal-cancel-btn: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);
}
.main_ui_dashboard_inline_edition__button-secondary:active svg, .main_ui_dashboard_inline_edition__modal-cancel-btn:active svg,
.main_ui_dashboard_inline_edition__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_inline_edition__button-secondary.disabled, .main_ui_dashboard_inline_edition__modal-cancel-btn.disabled, .main_ui_dashboard_inline_edition__button-secondary[disabled], [disabled].main_ui_dashboard_inline_edition__modal-cancel-btn, .main_ui_dashboard_inline_edition__button-secondary:disabled, .main_ui_dashboard_inline_edition__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_inline_edition__button-tertiary, .main_ui_dashboard_inline_edition__attr-title button, .main_ui_dashboard_inline_edition__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_inline_edition__button-tertiary:focus-visible, .main_ui_dashboard_inline_edition__attr-title button:focus-visible, .main_ui_dashboard_inline_edition__modal-close-btn-base: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);
}
.main_ui_dashboard_inline_edition__button-tertiary:focus-visible svg, .main_ui_dashboard_inline_edition__attr-title button:focus-visible svg, .main_ui_dashboard_inline_edition__modal-close-btn-base:focus-visible svg,
.main_ui_dashboard_inline_edition__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_inline_edition__button-tertiary svg, .main_ui_dashboard_inline_edition__attr-title button svg, .main_ui_dashboard_inline_edition__modal-close-btn-base svg,
.main_ui_dashboard_inline_edition__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_inline_edition__button-tertiary:hover, .main_ui_dashboard_inline_edition__attr-title button:hover, .main_ui_dashboard_inline_edition__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_inline_edition__button-tertiary:hover svg, .main_ui_dashboard_inline_edition__attr-title button:hover svg, .main_ui_dashboard_inline_edition__modal-close-btn-base:hover svg,
.main_ui_dashboard_inline_edition__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_inline_edition__button-tertiary:active, .main_ui_dashboard_inline_edition__attr-title button:active, .main_ui_dashboard_inline_edition__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_inline_edition__button-tertiary:active svg, .main_ui_dashboard_inline_edition__attr-title button:active svg, .main_ui_dashboard_inline_edition__modal-close-btn-base:active svg,
.main_ui_dashboard_inline_edition__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_inline_edition__button-tertiary.disabled, .main_ui_dashboard_inline_edition__attr-title button.disabled, .main_ui_dashboard_inline_edition__modal-close-btn-base.disabled, .main_ui_dashboard_inline_edition__button-tertiary[disabled], .main_ui_dashboard_inline_edition__attr-title button[disabled], [disabled].main_ui_dashboard_inline_edition__modal-close-btn-base, .main_ui_dashboard_inline_edition__button-tertiary:disabled, .main_ui_dashboard_inline_edition__attr-title button:disabled, .main_ui_dashboard_inline_edition__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_inline_edition__button-tertiary.disabled svg, .main_ui_dashboard_inline_edition__attr-title button.disabled svg, .main_ui_dashboard_inline_edition__modal-close-btn-base.disabled svg,
.main_ui_dashboard_inline_edition__button-tertiary.disabled span svg, .main_ui_dashboard_inline_edition__button-tertiary[disabled] svg, .main_ui_dashboard_inline_edition__attr-title button[disabled] svg, [disabled].main_ui_dashboard_inline_edition__modal-close-btn-base svg,
.main_ui_dashboard_inline_edition__button-tertiary[disabled] span svg, .main_ui_dashboard_inline_edition__button-tertiary:disabled svg, .main_ui_dashboard_inline_edition__attr-title button:disabled svg, .main_ui_dashboard_inline_edition__modal-close-btn-base:disabled svg,
.main_ui_dashboard_inline_edition__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_inline_edition__button-icon-selected {
  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);
}
.main_ui_dashboard_inline_edition__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_inline_edition__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_inline_edition__button-radio: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);
}
.main_ui_dashboard_inline_edition__button-radio:focus-visible svg,
.main_ui_dashboard_inline_edition__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_inline_edition__button-radio svg,
.main_ui_dashboard_inline_edition__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_inline_edition__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_inline_edition__button-radio:hover svg,
.main_ui_dashboard_inline_edition__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_inline_edition__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_inline_edition__button-radio:active svg,
.main_ui_dashboard_inline_edition__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_inline_edition__button-warning {
  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);
}

.main_ui_dashboard_inline_edition__button-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;
}

.main_ui_dashboard_inline_edition__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_inline_edition__button-tag: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);
}
.main_ui_dashboard_inline_edition__button-tag:focus-visible svg,
.main_ui_dashboard_inline_edition__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_inline_edition__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_inline_edition__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_inline_edition__button-icon, .main_ui_dashboard_inline_edition__empty-icon svg, .main_ui_dashboard_inline_edition__modal-close-btn-base svg, .main_ui_dashboard_inline_edition__button-icon-small, .main_ui_dashboard_inline_edition__dropdown-element-base span svg, .main_ui_dashboard_inline_edition__attr-title button svg, .main_ui_dashboard_inline_edition__checkbox-icon.intermediate svg, .main_ui_dashboard_inline_edition__input-checkbox label span.intermediate svg, .main_ui_dashboard_inline_edition__checkbox-icon.checked svg, .main_ui_dashboard_inline_edition__input-checkbox label span.checked svg, .main_ui_dashboard_inline_edition__input-element span svg,
.main_ui_dashboard_inline_edition__input-element label svg, .main_ui_dashboard_inline_edition__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_inline_edition__button-icon-small, .main_ui_dashboard_inline_edition__dropdown-element-base span svg, .main_ui_dashboard_inline_edition__attr-title button svg, .main_ui_dashboard_inline_edition__checkbox-icon.intermediate svg, .main_ui_dashboard_inline_edition__input-checkbox label span.intermediate svg, .main_ui_dashboard_inline_edition__checkbox-icon.checked svg, .main_ui_dashboard_inline_edition__input-checkbox label span.checked svg, .main_ui_dashboard_inline_edition__input-element span svg,
.main_ui_dashboard_inline_edition__input-element label svg, .main_ui_dashboard_inline_edition__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_inline_edition__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_inline_edition__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_inline_edition__input-base, .main_ui_dashboard_inline_edition__input-with-label input, .main_ui_dashboard_inline_edition__input-element-label input, .main_ui_dashboard_inline_edition__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_inline_edition__input-base[disabled], .main_ui_dashboard_inline_edition__input-with-label input[disabled], .main_ui_dashboard_inline_edition__input-element-label input[disabled], .main_ui_dashboard_inline_edition__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_inline_edition__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_inline_edition__input-label, .main_ui_dashboard_inline_edition__input-element span,
.main_ui_dashboard_inline_edition__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_inline_edition__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_inline_edition__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_inline_edition__input-element span svg,
.main_ui_dashboard_inline_edition__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_inline_edition__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_inline_edition__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_inline_edition__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_inline_edition__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_inline_edition__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_inline_edition__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_inline_edition__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_inline_edition__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_inline_edition__input-element:focus, .main_ui_dashboard_inline_edition__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_inline_edition__input-element:focus span, .main_ui_dashboard_inline_edition__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_inline_edition__input-element:focus input, .main_ui_dashboard_inline_edition__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_inline_edition__input-element:focus:hover, .main_ui_dashboard_inline_edition__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_inline_edition__input-element:focus:hover span, .main_ui_dashboard_inline_edition__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_inline_edition__input-element:focus:hover input, .main_ui_dashboard_inline_edition__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_inline_edition__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_inline_edition__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_inline_edition__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_inline_edition__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_inline_edition__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_inline_edition__input-element-label:focus-within input, .main_ui_dashboard_inline_edition__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_inline_edition__disabled-input, .main_ui_dashboard_inline_edition__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_inline_edition__disabled-input input, .main_ui_dashboard_inline_edition__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_inline_edition__disabled-input span svg, .main_ui_dashboard_inline_edition__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_inline_edition__checkbox-icon, .main_ui_dashboard_inline_edition__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_inline_edition__checkbox-icon svg, .main_ui_dashboard_inline_edition__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_inline_edition__checkbox-icon:hover, .main_ui_dashboard_inline_edition__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_inline_edition__checkbox-icon:focus, .main_ui_dashboard_inline_edition__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_inline_edition__checkbox-icon.checked, .main_ui_dashboard_inline_edition__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_inline_edition__checkbox-icon.checked svg, .main_ui_dashboard_inline_edition__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_inline_edition__checkbox-icon.intermediate, .main_ui_dashboard_inline_edition__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_inline_edition__checkbox-icon.intermediate svg, .main_ui_dashboard_inline_edition__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_inline_edition__checkbox-icon.unchecked, .main_ui_dashboard_inline_edition__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_inline_edition__checkbox-icon.unchecked svg, .main_ui_dashboard_inline_edition__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_inline_edition__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_inline_edition__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_inline_edition__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_inline_edition__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_inline_edition__input-checkbox label:focus span, .main_ui_dashboard_inline_edition__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_inline_edition__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_inline_edition__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_inline_edition__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_inline_edition__input-with-label input:focus-within, .main_ui_dashboard_inline_edition__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_inline_edition__input-with-label input:focus-within input, .main_ui_dashboard_inline_edition__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_inline_edition__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_inline_edition__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_inline_edition__modal-overlay-base {
  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);
}

.main_ui_dashboard_inline_edition__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_inline_edition__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_inline_edition__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_inline_edition__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_inline_edition__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_inline_edition__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_inline_edition__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_inline_edition__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_inline_edition__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_inline_edition__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_inline_edition__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_inline_edition__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_inline_edition__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_inline_edition__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_inline_edition__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_inline_edition__colorpicker-handler {
  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;
}
.main_ui_dashboard_inline_edition__colorpicker-handler:hover, .main_ui_dashboard_inline_edition__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_inline_edition__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_inline_edition__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_inline_edition__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_inline_edition__attr-title button {
  display: none;
}
.main_ui_dashboard_inline_edition__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_inline_edition__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_inline_edition__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_inline_edition__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_inline_edition__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_inline_edition__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_inline_edition__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_inline_edition__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_inline_edition__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_inline_edition__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_inline_edition__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_inline_edition__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_inline_edition__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_inline_edition__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_inline_edition__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_inline_edition__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_inline_edition__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_inline_edition__edit-wrapper {
  border-radius: 0.25rem;
  display: flex;
  padding-right: 1.5rem;
  position: relative;
  margin-right: 1.5rem;
}

input.main_ui_dashboard_inline_edition__element-title {
  background-color: var(--input-background-color-active);
  border-radius: 0.5rem;
  color: var(--color-foreground-primary);
  font-size: 1rem;
  height: 2rem;
  margin: 0;
  border: none;
  padding: 0.375rem;
  width: 100%;
}
input.main_ui_dashboard_inline_edition__element-title:focus-visible {
  border: 1px solid var(--color-accent-primary);
  outline: none;
}

.main_ui_dashboard_inline_edition__close {
  cursor: pointer;
  position: absolute;
  top: 1px;
  right: calc(-1 * 0.5rem);
}
.main_ui_dashboard_inline_edition__close svg {
  fill: var(--color-foreground-secondary);
  height: 1rem;
  transform: rotate(45deg) translateY(7px);
  width: 1rem;
  margin: 0;
}
.main_ui_dashboard_inline_edition__close:hover svg {
  fill: var(--element-foreground-warning);
}
@keyframes main_ui_dashboard_libraries__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_libraries__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_libraries__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_libraries__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_libraries__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_libraries__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_libraries__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_libraries__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_libraries__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_libraries__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_libraries__new-scrollbar ::placeholder,
.main_ui_dashboard_libraries__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_libraries__button-primary, .main_ui_dashboard_libraries__btn-primary, .main_ui_dashboard_libraries__modal-danger-btn, .main_ui_dashboard_libraries__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_libraries__button-primary:focus-visible, .main_ui_dashboard_libraries__btn-primary:focus-visible, .main_ui_dashboard_libraries__modal-danger-btn:focus-visible, .main_ui_dashboard_libraries__modal-accept-btn: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);
}
.main_ui_dashboard_libraries__button-primary:focus-visible svg, .main_ui_dashboard_libraries__btn-primary:focus-visible svg, .main_ui_dashboard_libraries__modal-danger-btn:focus-visible svg, .main_ui_dashboard_libraries__modal-accept-btn:focus-visible svg,
.main_ui_dashboard_libraries__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_libraries__button-primary svg, .main_ui_dashboard_libraries__btn-primary svg, .main_ui_dashboard_libraries__modal-danger-btn svg, .main_ui_dashboard_libraries__modal-accept-btn svg,
.main_ui_dashboard_libraries__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_libraries__button-primary:hover, .main_ui_dashboard_libraries__btn-primary:hover, .main_ui_dashboard_libraries__modal-danger-btn:hover, .main_ui_dashboard_libraries__modal-accept-btn: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;
}
.main_ui_dashboard_libraries__button-primary:hover svg, .main_ui_dashboard_libraries__btn-primary:hover svg, .main_ui_dashboard_libraries__modal-danger-btn:hover svg, .main_ui_dashboard_libraries__modal-accept-btn:hover svg,
.main_ui_dashboard_libraries__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_libraries__button-primary:active, .main_ui_dashboard_libraries__btn-primary:active, .main_ui_dashboard_libraries__modal-danger-btn:active, .main_ui_dashboard_libraries__modal-accept-btn: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;
}
.main_ui_dashboard_libraries__button-primary:active svg, .main_ui_dashboard_libraries__btn-primary:active svg, .main_ui_dashboard_libraries__modal-danger-btn:active svg, .main_ui_dashboard_libraries__modal-accept-btn:active svg,
.main_ui_dashboard_libraries__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_libraries__button-primary.disabled, .main_ui_dashboard_libraries__btn-primary.disabled, .main_ui_dashboard_libraries__modal-danger-btn.disabled, .main_ui_dashboard_libraries__modal-accept-btn.disabled, .main_ui_dashboard_libraries__button-primary[disabled], [disabled].main_ui_dashboard_libraries__btn-primary, [disabled].main_ui_dashboard_libraries__modal-danger-btn, [disabled].main_ui_dashboard_libraries__modal-accept-btn, .main_ui_dashboard_libraries__button-primary:disabled, .main_ui_dashboard_libraries__btn-primary:disabled, .main_ui_dashboard_libraries__modal-danger-btn:disabled, .main_ui_dashboard_libraries__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_libraries__button-secondary, .main_ui_dashboard_libraries__btn-secondary, .main_ui_dashboard_libraries__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_libraries__button-secondary:focus-visible, .main_ui_dashboard_libraries__btn-secondary:focus-visible, .main_ui_dashboard_libraries__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_libraries__button-secondary:focus-visible svg, .main_ui_dashboard_libraries__btn-secondary:focus-visible svg, .main_ui_dashboard_libraries__modal-cancel-btn:focus-visible svg,
.main_ui_dashboard_libraries__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_libraries__button-secondary svg, .main_ui_dashboard_libraries__btn-secondary svg, .main_ui_dashboard_libraries__modal-cancel-btn svg,
.main_ui_dashboard_libraries__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_libraries__button-secondary:hover, .main_ui_dashboard_libraries__btn-secondary:hover, .main_ui_dashboard_libraries__modal-cancel-btn: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;
}
.main_ui_dashboard_libraries__button-secondary:hover svg, .main_ui_dashboard_libraries__btn-secondary:hover svg, .main_ui_dashboard_libraries__modal-cancel-btn:hover svg,
.main_ui_dashboard_libraries__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_libraries__button-secondary:active, .main_ui_dashboard_libraries__btn-secondary:active, .main_ui_dashboard_libraries__modal-cancel-btn: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);
}
.main_ui_dashboard_libraries__button-secondary:active svg, .main_ui_dashboard_libraries__btn-secondary:active svg, .main_ui_dashboard_libraries__modal-cancel-btn:active svg,
.main_ui_dashboard_libraries__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_libraries__button-secondary.disabled, .main_ui_dashboard_libraries__btn-secondary.disabled, .main_ui_dashboard_libraries__modal-cancel-btn.disabled, .main_ui_dashboard_libraries__button-secondary[disabled], [disabled].main_ui_dashboard_libraries__btn-secondary, [disabled].main_ui_dashboard_libraries__modal-cancel-btn, .main_ui_dashboard_libraries__button-secondary:disabled, .main_ui_dashboard_libraries__btn-secondary:disabled, .main_ui_dashboard_libraries__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_libraries__button-tertiary, .main_ui_dashboard_libraries__attr-title button, .main_ui_dashboard_libraries__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_libraries__button-tertiary:focus-visible, .main_ui_dashboard_libraries__attr-title button:focus-visible, .main_ui_dashboard_libraries__modal-close-btn-base: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);
}
.main_ui_dashboard_libraries__button-tertiary:focus-visible svg, .main_ui_dashboard_libraries__attr-title button:focus-visible svg, .main_ui_dashboard_libraries__modal-close-btn-base:focus-visible svg,
.main_ui_dashboard_libraries__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_libraries__button-tertiary svg, .main_ui_dashboard_libraries__attr-title button svg, .main_ui_dashboard_libraries__modal-close-btn-base svg,
.main_ui_dashboard_libraries__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_libraries__button-tertiary:hover, .main_ui_dashboard_libraries__attr-title button:hover, .main_ui_dashboard_libraries__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_libraries__button-tertiary:hover svg, .main_ui_dashboard_libraries__attr-title button:hover svg, .main_ui_dashboard_libraries__modal-close-btn-base:hover svg,
.main_ui_dashboard_libraries__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_libraries__button-tertiary:active, .main_ui_dashboard_libraries__attr-title button:active, .main_ui_dashboard_libraries__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_libraries__button-tertiary:active svg, .main_ui_dashboard_libraries__attr-title button:active svg, .main_ui_dashboard_libraries__modal-close-btn-base:active svg,
.main_ui_dashboard_libraries__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_libraries__button-tertiary.disabled, .main_ui_dashboard_libraries__attr-title button.disabled, .main_ui_dashboard_libraries__modal-close-btn-base.disabled, .main_ui_dashboard_libraries__button-tertiary[disabled], .main_ui_dashboard_libraries__attr-title button[disabled], [disabled].main_ui_dashboard_libraries__modal-close-btn-base, .main_ui_dashboard_libraries__button-tertiary:disabled, .main_ui_dashboard_libraries__attr-title button:disabled, .main_ui_dashboard_libraries__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_libraries__button-tertiary.disabled svg, .main_ui_dashboard_libraries__attr-title button.disabled svg, .main_ui_dashboard_libraries__modal-close-btn-base.disabled svg,
.main_ui_dashboard_libraries__button-tertiary.disabled span svg, .main_ui_dashboard_libraries__button-tertiary[disabled] svg, .main_ui_dashboard_libraries__attr-title button[disabled] svg, [disabled].main_ui_dashboard_libraries__modal-close-btn-base svg,
.main_ui_dashboard_libraries__button-tertiary[disabled] span svg, .main_ui_dashboard_libraries__button-tertiary:disabled svg, .main_ui_dashboard_libraries__attr-title button:disabled svg, .main_ui_dashboard_libraries__modal-close-btn-base:disabled svg,
.main_ui_dashboard_libraries__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_libraries__button-icon-selected {
  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);
}
.main_ui_dashboard_libraries__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_libraries__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_libraries__button-radio: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);
}
.main_ui_dashboard_libraries__button-radio:focus-visible svg,
.main_ui_dashboard_libraries__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_libraries__button-radio svg,
.main_ui_dashboard_libraries__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_libraries__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_libraries__button-radio:hover svg,
.main_ui_dashboard_libraries__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_libraries__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_libraries__button-radio:active svg,
.main_ui_dashboard_libraries__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_libraries__button-warning {
  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);
}

.main_ui_dashboard_libraries__button-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;
}

.main_ui_dashboard_libraries__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_libraries__button-tag: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);
}
.main_ui_dashboard_libraries__button-tag:focus-visible svg,
.main_ui_dashboard_libraries__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_libraries__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_libraries__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_libraries__button-icon, .main_ui_dashboard_libraries__empty-icon svg, .main_ui_dashboard_libraries__modal-close-btn-base svg, .main_ui_dashboard_libraries__button-icon-small, .main_ui_dashboard_libraries__dropdown-element-base span svg, .main_ui_dashboard_libraries__attr-title button svg, .main_ui_dashboard_libraries__checkbox-icon.intermediate svg, .main_ui_dashboard_libraries__input-checkbox label span.intermediate svg, .main_ui_dashboard_libraries__checkbox-icon.checked svg, .main_ui_dashboard_libraries__input-checkbox label span.checked svg, .main_ui_dashboard_libraries__input-element span svg,
.main_ui_dashboard_libraries__input-element label svg, .main_ui_dashboard_libraries__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_libraries__button-icon-small, .main_ui_dashboard_libraries__dropdown-element-base span svg, .main_ui_dashboard_libraries__attr-title button svg, .main_ui_dashboard_libraries__checkbox-icon.intermediate svg, .main_ui_dashboard_libraries__input-checkbox label span.intermediate svg, .main_ui_dashboard_libraries__checkbox-icon.checked svg, .main_ui_dashboard_libraries__input-checkbox label span.checked svg, .main_ui_dashboard_libraries__input-element span svg,
.main_ui_dashboard_libraries__input-element label svg, .main_ui_dashboard_libraries__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_libraries__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_libraries__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_libraries__input-base, .main_ui_dashboard_libraries__input-with-label input, .main_ui_dashboard_libraries__input-element-label input, .main_ui_dashboard_libraries__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_libraries__input-base[disabled], .main_ui_dashboard_libraries__input-with-label input[disabled], .main_ui_dashboard_libraries__input-element-label input[disabled], .main_ui_dashboard_libraries__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_libraries__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_libraries__input-label, .main_ui_dashboard_libraries__input-element span,
.main_ui_dashboard_libraries__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_libraries__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_libraries__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_libraries__input-element span svg,
.main_ui_dashboard_libraries__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_libraries__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_libraries__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_libraries__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_libraries__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_libraries__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_libraries__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_libraries__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_libraries__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_libraries__input-element:focus, .main_ui_dashboard_libraries__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_libraries__input-element:focus span, .main_ui_dashboard_libraries__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_libraries__input-element:focus input, .main_ui_dashboard_libraries__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_libraries__input-element:focus:hover, .main_ui_dashboard_libraries__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_libraries__input-element:focus:hover span, .main_ui_dashboard_libraries__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_libraries__input-element:focus:hover input, .main_ui_dashboard_libraries__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_libraries__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_libraries__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_libraries__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_libraries__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_libraries__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_libraries__input-element-label:focus-within input, .main_ui_dashboard_libraries__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_libraries__disabled-input, .main_ui_dashboard_libraries__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_libraries__disabled-input input, .main_ui_dashboard_libraries__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_libraries__disabled-input span svg, .main_ui_dashboard_libraries__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_libraries__checkbox-icon, .main_ui_dashboard_libraries__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_libraries__checkbox-icon svg, .main_ui_dashboard_libraries__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_libraries__checkbox-icon:hover, .main_ui_dashboard_libraries__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_libraries__checkbox-icon:focus, .main_ui_dashboard_libraries__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_libraries__checkbox-icon.checked, .main_ui_dashboard_libraries__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_libraries__checkbox-icon.checked svg, .main_ui_dashboard_libraries__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_libraries__checkbox-icon.intermediate, .main_ui_dashboard_libraries__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_libraries__checkbox-icon.intermediate svg, .main_ui_dashboard_libraries__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_libraries__checkbox-icon.unchecked, .main_ui_dashboard_libraries__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_libraries__checkbox-icon.unchecked svg, .main_ui_dashboard_libraries__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_libraries__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_libraries__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_libraries__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_libraries__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_libraries__input-checkbox label:focus span, .main_ui_dashboard_libraries__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_libraries__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_libraries__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_libraries__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_libraries__input-with-label input:focus-within, .main_ui_dashboard_libraries__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_libraries__input-with-label input:focus-within input, .main_ui_dashboard_libraries__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_libraries__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_libraries__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_libraries__modal-overlay-base {
  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);
}

.main_ui_dashboard_libraries__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_libraries__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_libraries__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_libraries__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_libraries__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_libraries__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_libraries__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_libraries__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_libraries__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_libraries__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_libraries__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_libraries__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_libraries__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_libraries__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_libraries__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_libraries__colorpicker-handler {
  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;
}
.main_ui_dashboard_libraries__colorpicker-handler:hover, .main_ui_dashboard_libraries__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_libraries__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_libraries__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_libraries__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_libraries__attr-title button {
  display: none;
}
.main_ui_dashboard_libraries__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_libraries__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_libraries__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_libraries__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_libraries__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_libraries__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_libraries__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_libraries__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_libraries__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_libraries__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_libraries__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_libraries__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_libraries__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_libraries__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_libraries__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_libraries__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_libraries__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_libraries__dashboard-header {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 0.5rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.main_ui_dashboard_libraries__dashboard-header.main_ui_dashboard_libraries__team {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.main_ui_dashboard_libraries__dashboard-header .main_ui_dashboard_libraries__element-name {
  margin-right: 0.5rem;
}
.main_ui_dashboard_libraries__dashboard-header .main_ui_dashboard_libraries__btn-secondary {
  flex-shrink: 0;
  height: 2rem;
}
.main_ui_dashboard_libraries__dashboard-header .main_ui_dashboard_libraries__btn-secondary svg {
  height: 1rem;
  width: 1rem;
}
.main_ui_dashboard_libraries__dashboard-header nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.main_ui_dashboard_libraries__dashboard-header nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.main_ui_dashboard_libraries__dashboard-header 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;
}
.main_ui_dashboard_libraries__dashboard-header nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.main_ui_dashboard_libraries__dashboard-header .main_ui_dashboard_libraries__dashboard-title {
  display: flex;
  align-items: center;
  margin-left: 0.75rem;
}
.main_ui_dashboard_libraries__dashboard-header .main_ui_dashboard_libraries__dashboard-title h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 400;
  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%;
}
.main_ui_dashboard_libraries__dashboard-header .main_ui_dashboard_libraries__dashboard-title .main_ui_dashboard_libraries__context-menu.main_ui_dashboard_libraries__is-open {
  margin-top: 0.5rem;
}
.main_ui_dashboard_libraries__dashboard-header .main_ui_dashboard_libraries__icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.main_ui_dashboard_libraries__dashboard-header .main_ui_dashboard_libraries__icon svg {
  stroke: var(--color-foreground-secondary);
  fill: none;
  width: 1rem;
  height: 1rem;
}
.main_ui_dashboard_libraries__dashboard-header .main_ui_dashboard_libraries__icon svg:hover {
  stroke: var(--color-accent-tertiary);
  fill: none;
}
.main_ui_dashboard_libraries__dashboard-header .main_ui_dashboard_libraries__dashboard-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main_ui_dashboard_libraries__dashboard-header .main_ui_dashboard_libraries__dashboard-header-actions {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.main_ui_dashboard_libraries__dashboard-header .main_ui_dashboard_libraries__dashboard-header-options li a {
  font-size: 1rem;
  color: var(--color-foreground-secondary);
  border-color: transparent;
}
.main_ui_dashboard_libraries__dashboard-header .main_ui_dashboard_libraries__dashboard-header-options li a:hover {
  color: var(--color-foreground-primary);
}
.main_ui_dashboard_libraries__dashboard-header .main_ui_dashboard_libraries__dashboard-header-options li.main_ui_dashboard_libraries__active a {
  color: var(--color-foreground-primary);
}

.main_ui_dashboard_libraries__btn-primary {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 400;
}

.main_ui_dashboard_libraries__btn-secondary {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

.main_ui_dashboard_libraries__dashboard-container {
  flex: 1 0 0;
  margin-right: 1rem;
  overflow-y: auto;
  width: 100%;
  border-top: 1px solid var(--color-background-quaternary);
}
.main_ui_dashboard_libraries__dashboard-container.main_ui_dashboard_libraries__dashboard-projects {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.main_ui_dashboard_libraries__dashboard-container.main_ui_dashboard_libraries__search {
  margin-top: 0.75rem;
}
@keyframes main_ui_dashboard_pin_button__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_pin_button__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_pin_button__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_pin_button__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_pin_button__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_pin_button__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_pin_button__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_pin_button__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_pin_button__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_pin_button__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_pin_button__new-scrollbar ::placeholder,
.main_ui_dashboard_pin_button__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_pin_button__button-primary, .main_ui_dashboard_pin_button__modal-danger-btn, .main_ui_dashboard_pin_button__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_pin_button__button-primary:focus-visible, .main_ui_dashboard_pin_button__modal-danger-btn:focus-visible, .main_ui_dashboard_pin_button__modal-accept-btn: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);
}
.main_ui_dashboard_pin_button__button-primary:focus-visible svg, .main_ui_dashboard_pin_button__modal-danger-btn:focus-visible svg, .main_ui_dashboard_pin_button__modal-accept-btn:focus-visible svg,
.main_ui_dashboard_pin_button__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_pin_button__button-primary svg, .main_ui_dashboard_pin_button__modal-danger-btn svg, .main_ui_dashboard_pin_button__modal-accept-btn svg,
.main_ui_dashboard_pin_button__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_pin_button__button-primary:hover, .main_ui_dashboard_pin_button__modal-danger-btn:hover, .main_ui_dashboard_pin_button__modal-accept-btn: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;
}
.main_ui_dashboard_pin_button__button-primary:hover svg, .main_ui_dashboard_pin_button__modal-danger-btn:hover svg, .main_ui_dashboard_pin_button__modal-accept-btn:hover svg,
.main_ui_dashboard_pin_button__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_pin_button__button-primary:active, .main_ui_dashboard_pin_button__modal-danger-btn:active, .main_ui_dashboard_pin_button__modal-accept-btn: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;
}
.main_ui_dashboard_pin_button__button-primary:active svg, .main_ui_dashboard_pin_button__modal-danger-btn:active svg, .main_ui_dashboard_pin_button__modal-accept-btn:active svg,
.main_ui_dashboard_pin_button__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_pin_button__button-primary.disabled, .main_ui_dashboard_pin_button__modal-danger-btn.disabled, .main_ui_dashboard_pin_button__modal-accept-btn.disabled, .main_ui_dashboard_pin_button__button-primary[disabled], [disabled].main_ui_dashboard_pin_button__modal-danger-btn, [disabled].main_ui_dashboard_pin_button__modal-accept-btn, .main_ui_dashboard_pin_button__button-primary:disabled, .main_ui_dashboard_pin_button__modal-danger-btn:disabled, .main_ui_dashboard_pin_button__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_pin_button__button-secondary, .main_ui_dashboard_pin_button__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_pin_button__button-secondary:focus-visible, .main_ui_dashboard_pin_button__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_pin_button__button-secondary:focus-visible svg, .main_ui_dashboard_pin_button__modal-cancel-btn:focus-visible svg,
.main_ui_dashboard_pin_button__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_pin_button__button-secondary svg, .main_ui_dashboard_pin_button__modal-cancel-btn svg,
.main_ui_dashboard_pin_button__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_pin_button__button-secondary:hover, .main_ui_dashboard_pin_button__modal-cancel-btn: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;
}
.main_ui_dashboard_pin_button__button-secondary:hover svg, .main_ui_dashboard_pin_button__modal-cancel-btn:hover svg,
.main_ui_dashboard_pin_button__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_pin_button__button-secondary:active, .main_ui_dashboard_pin_button__modal-cancel-btn: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);
}
.main_ui_dashboard_pin_button__button-secondary:active svg, .main_ui_dashboard_pin_button__modal-cancel-btn:active svg,
.main_ui_dashboard_pin_button__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_pin_button__button-secondary.disabled, .main_ui_dashboard_pin_button__modal-cancel-btn.disabled, .main_ui_dashboard_pin_button__button-secondary[disabled], [disabled].main_ui_dashboard_pin_button__modal-cancel-btn, .main_ui_dashboard_pin_button__button-secondary:disabled, .main_ui_dashboard_pin_button__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_pin_button__button-tertiary, .main_ui_dashboard_pin_button__attr-title button, .main_ui_dashboard_pin_button__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_pin_button__button-tertiary:focus-visible, .main_ui_dashboard_pin_button__attr-title button:focus-visible, .main_ui_dashboard_pin_button__modal-close-btn-base: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);
}
.main_ui_dashboard_pin_button__button-tertiary:focus-visible svg, .main_ui_dashboard_pin_button__attr-title button:focus-visible svg, .main_ui_dashboard_pin_button__modal-close-btn-base:focus-visible svg,
.main_ui_dashboard_pin_button__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_pin_button__button-tertiary svg, .main_ui_dashboard_pin_button__attr-title button svg, .main_ui_dashboard_pin_button__modal-close-btn-base svg,
.main_ui_dashboard_pin_button__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_pin_button__button-tertiary:hover, .main_ui_dashboard_pin_button__attr-title button:hover, .main_ui_dashboard_pin_button__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_pin_button__button-tertiary:hover svg, .main_ui_dashboard_pin_button__attr-title button:hover svg, .main_ui_dashboard_pin_button__modal-close-btn-base:hover svg,
.main_ui_dashboard_pin_button__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_pin_button__button-tertiary:active, .main_ui_dashboard_pin_button__attr-title button:active, .main_ui_dashboard_pin_button__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_pin_button__button-tertiary:active svg, .main_ui_dashboard_pin_button__attr-title button:active svg, .main_ui_dashboard_pin_button__modal-close-btn-base:active svg,
.main_ui_dashboard_pin_button__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_pin_button__button-tertiary.disabled, .main_ui_dashboard_pin_button__attr-title button.disabled, .main_ui_dashboard_pin_button__modal-close-btn-base.disabled, .main_ui_dashboard_pin_button__button-tertiary[disabled], .main_ui_dashboard_pin_button__attr-title button[disabled], [disabled].main_ui_dashboard_pin_button__modal-close-btn-base, .main_ui_dashboard_pin_button__button-tertiary:disabled, .main_ui_dashboard_pin_button__attr-title button:disabled, .main_ui_dashboard_pin_button__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_pin_button__button-tertiary.disabled svg, .main_ui_dashboard_pin_button__attr-title button.disabled svg, .main_ui_dashboard_pin_button__modal-close-btn-base.disabled svg,
.main_ui_dashboard_pin_button__button-tertiary.disabled span svg, .main_ui_dashboard_pin_button__button-tertiary[disabled] svg, .main_ui_dashboard_pin_button__attr-title button[disabled] svg, [disabled].main_ui_dashboard_pin_button__modal-close-btn-base svg,
.main_ui_dashboard_pin_button__button-tertiary[disabled] span svg, .main_ui_dashboard_pin_button__button-tertiary:disabled svg, .main_ui_dashboard_pin_button__attr-title button:disabled svg, .main_ui_dashboard_pin_button__modal-close-btn-base:disabled svg,
.main_ui_dashboard_pin_button__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_pin_button__button-icon-selected {
  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);
}
.main_ui_dashboard_pin_button__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_pin_button__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_pin_button__button-radio: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);
}
.main_ui_dashboard_pin_button__button-radio:focus-visible svg,
.main_ui_dashboard_pin_button__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_pin_button__button-radio svg,
.main_ui_dashboard_pin_button__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_pin_button__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_pin_button__button-radio:hover svg,
.main_ui_dashboard_pin_button__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_pin_button__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_pin_button__button-radio:active svg,
.main_ui_dashboard_pin_button__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_pin_button__button-warning {
  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);
}

.main_ui_dashboard_pin_button__button-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;
}

.main_ui_dashboard_pin_button__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_pin_button__button-tag: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);
}
.main_ui_dashboard_pin_button__button-tag:focus-visible svg,
.main_ui_dashboard_pin_button__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_pin_button__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_pin_button__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_pin_button__button-icon, .main_ui_dashboard_pin_button__empty-icon svg, .main_ui_dashboard_pin_button__modal-close-btn-base svg, .main_ui_dashboard_pin_button__button-icon-small, .main_ui_dashboard_pin_button__dropdown-element-base span svg, .main_ui_dashboard_pin_button__attr-title button svg, .main_ui_dashboard_pin_button__checkbox-icon.intermediate svg, .main_ui_dashboard_pin_button__input-checkbox label span.intermediate svg, .main_ui_dashboard_pin_button__checkbox-icon.checked svg, .main_ui_dashboard_pin_button__input-checkbox label span.checked svg, .main_ui_dashboard_pin_button__input-element span svg,
.main_ui_dashboard_pin_button__input-element label svg, .main_ui_dashboard_pin_button__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_pin_button__button-icon-small, .main_ui_dashboard_pin_button__dropdown-element-base span svg, .main_ui_dashboard_pin_button__attr-title button svg, .main_ui_dashboard_pin_button__checkbox-icon.intermediate svg, .main_ui_dashboard_pin_button__input-checkbox label span.intermediate svg, .main_ui_dashboard_pin_button__checkbox-icon.checked svg, .main_ui_dashboard_pin_button__input-checkbox label span.checked svg, .main_ui_dashboard_pin_button__input-element span svg,
.main_ui_dashboard_pin_button__input-element label svg, .main_ui_dashboard_pin_button__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_pin_button__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_pin_button__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_pin_button__input-base, .main_ui_dashboard_pin_button__input-with-label input, .main_ui_dashboard_pin_button__input-element-label input, .main_ui_dashboard_pin_button__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_pin_button__input-base[disabled], .main_ui_dashboard_pin_button__input-with-label input[disabled], .main_ui_dashboard_pin_button__input-element-label input[disabled], .main_ui_dashboard_pin_button__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_pin_button__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_pin_button__input-label, .main_ui_dashboard_pin_button__input-element span,
.main_ui_dashboard_pin_button__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_pin_button__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_pin_button__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_pin_button__input-element span svg,
.main_ui_dashboard_pin_button__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_pin_button__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_pin_button__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_pin_button__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_pin_button__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_pin_button__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_pin_button__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_pin_button__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_pin_button__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_pin_button__input-element:focus, .main_ui_dashboard_pin_button__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_pin_button__input-element:focus span, .main_ui_dashboard_pin_button__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_pin_button__input-element:focus input, .main_ui_dashboard_pin_button__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_pin_button__input-element:focus:hover, .main_ui_dashboard_pin_button__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_pin_button__input-element:focus:hover span, .main_ui_dashboard_pin_button__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_pin_button__input-element:focus:hover input, .main_ui_dashboard_pin_button__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_pin_button__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_pin_button__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_pin_button__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_pin_button__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_pin_button__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_pin_button__input-element-label:focus-within input, .main_ui_dashboard_pin_button__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_pin_button__disabled-input, .main_ui_dashboard_pin_button__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_pin_button__disabled-input input, .main_ui_dashboard_pin_button__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_pin_button__disabled-input span svg, .main_ui_dashboard_pin_button__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_pin_button__checkbox-icon, .main_ui_dashboard_pin_button__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_pin_button__checkbox-icon svg, .main_ui_dashboard_pin_button__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_pin_button__checkbox-icon:hover, .main_ui_dashboard_pin_button__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_pin_button__checkbox-icon:focus, .main_ui_dashboard_pin_button__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_pin_button__checkbox-icon.checked, .main_ui_dashboard_pin_button__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_pin_button__checkbox-icon.checked svg, .main_ui_dashboard_pin_button__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_pin_button__checkbox-icon.intermediate, .main_ui_dashboard_pin_button__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_pin_button__checkbox-icon.intermediate svg, .main_ui_dashboard_pin_button__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_pin_button__checkbox-icon.unchecked, .main_ui_dashboard_pin_button__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_pin_button__checkbox-icon.unchecked svg, .main_ui_dashboard_pin_button__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_pin_button__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_pin_button__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_pin_button__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_pin_button__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_pin_button__input-checkbox label:focus span, .main_ui_dashboard_pin_button__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_pin_button__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_pin_button__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_pin_button__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_pin_button__input-with-label input:focus-within, .main_ui_dashboard_pin_button__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_pin_button__input-with-label input:focus-within input, .main_ui_dashboard_pin_button__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_pin_button__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_pin_button__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_pin_button__modal-overlay-base {
  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);
}

.main_ui_dashboard_pin_button__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_pin_button__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_pin_button__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_pin_button__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_pin_button__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_pin_button__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_pin_button__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_pin_button__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_pin_button__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_pin_button__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_pin_button__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_pin_button__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_pin_button__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_pin_button__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_pin_button__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_pin_button__colorpicker-handler {
  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;
}
.main_ui_dashboard_pin_button__colorpicker-handler:hover, .main_ui_dashboard_pin_button__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_pin_button__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_pin_button__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_pin_button__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_pin_button__attr-title button {
  display: none;
}
.main_ui_dashboard_pin_button__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_pin_button__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_pin_button__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_pin_button__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_pin_button__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_pin_button__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_pin_button__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_pin_button__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_pin_button__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_pin_button__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_pin_button__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_pin_button__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_pin_button__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_pin_button__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_pin_button__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_pin_button__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_pin_button__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_pin_button__button {
  --pin-button-icon-color: var(--button-icon-foreground-color);
  --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: 0.5rem;
  display: grid;
  place-content: center;
  cursor: pointer;
}

.main_ui_dashboard_pin_button__button-active {
  --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);
}

.main_ui_dashboard_pin_button__icon {
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: var(--pin-button-icon-color);
}
@keyframes main_ui_dashboard_placeholder__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_placeholder__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_placeholder__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_placeholder__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_placeholder__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_placeholder__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_placeholder__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_placeholder__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_placeholder__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_placeholder__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_placeholder__new-scrollbar ::placeholder,
.main_ui_dashboard_placeholder__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_placeholder__button-primary, .main_ui_dashboard_placeholder__modal-danger-btn, .main_ui_dashboard_placeholder__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_placeholder__button-primary:focus-visible, .main_ui_dashboard_placeholder__modal-danger-btn:focus-visible, .main_ui_dashboard_placeholder__modal-accept-btn: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);
}
.main_ui_dashboard_placeholder__button-primary:focus-visible svg, .main_ui_dashboard_placeholder__modal-danger-btn:focus-visible svg, .main_ui_dashboard_placeholder__modal-accept-btn:focus-visible svg,
.main_ui_dashboard_placeholder__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_placeholder__button-primary svg, .main_ui_dashboard_placeholder__modal-danger-btn svg, .main_ui_dashboard_placeholder__modal-accept-btn svg,
.main_ui_dashboard_placeholder__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_placeholder__button-primary:hover, .main_ui_dashboard_placeholder__modal-danger-btn:hover, .main_ui_dashboard_placeholder__modal-accept-btn: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;
}
.main_ui_dashboard_placeholder__button-primary:hover svg, .main_ui_dashboard_placeholder__modal-danger-btn:hover svg, .main_ui_dashboard_placeholder__modal-accept-btn:hover svg,
.main_ui_dashboard_placeholder__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_placeholder__button-primary:active, .main_ui_dashboard_placeholder__modal-danger-btn:active, .main_ui_dashboard_placeholder__modal-accept-btn: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;
}
.main_ui_dashboard_placeholder__button-primary:active svg, .main_ui_dashboard_placeholder__modal-danger-btn:active svg, .main_ui_dashboard_placeholder__modal-accept-btn:active svg,
.main_ui_dashboard_placeholder__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_placeholder__button-primary.disabled, .main_ui_dashboard_placeholder__modal-danger-btn.disabled, .main_ui_dashboard_placeholder__modal-accept-btn.disabled, .main_ui_dashboard_placeholder__button-primary[disabled], [disabled].main_ui_dashboard_placeholder__modal-danger-btn, [disabled].main_ui_dashboard_placeholder__modal-accept-btn, .main_ui_dashboard_placeholder__button-primary:disabled, .main_ui_dashboard_placeholder__modal-danger-btn:disabled, .main_ui_dashboard_placeholder__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_placeholder__button-secondary, .main_ui_dashboard_placeholder__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_placeholder__button-secondary:focus-visible, .main_ui_dashboard_placeholder__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_placeholder__button-secondary:focus-visible svg, .main_ui_dashboard_placeholder__modal-cancel-btn:focus-visible svg,
.main_ui_dashboard_placeholder__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_placeholder__button-secondary svg, .main_ui_dashboard_placeholder__modal-cancel-btn svg,
.main_ui_dashboard_placeholder__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_placeholder__button-secondary:hover, .main_ui_dashboard_placeholder__modal-cancel-btn: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;
}
.main_ui_dashboard_placeholder__button-secondary:hover svg, .main_ui_dashboard_placeholder__modal-cancel-btn:hover svg,
.main_ui_dashboard_placeholder__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_placeholder__button-secondary:active, .main_ui_dashboard_placeholder__modal-cancel-btn: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);
}
.main_ui_dashboard_placeholder__button-secondary:active svg, .main_ui_dashboard_placeholder__modal-cancel-btn:active svg,
.main_ui_dashboard_placeholder__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_placeholder__button-secondary.disabled, .main_ui_dashboard_placeholder__modal-cancel-btn.disabled, .main_ui_dashboard_placeholder__button-secondary[disabled], [disabled].main_ui_dashboard_placeholder__modal-cancel-btn, .main_ui_dashboard_placeholder__button-secondary:disabled, .main_ui_dashboard_placeholder__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_placeholder__button-tertiary, .main_ui_dashboard_placeholder__attr-title button, .main_ui_dashboard_placeholder__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_placeholder__button-tertiary:focus-visible, .main_ui_dashboard_placeholder__attr-title button:focus-visible, .main_ui_dashboard_placeholder__modal-close-btn-base: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);
}
.main_ui_dashboard_placeholder__button-tertiary:focus-visible svg, .main_ui_dashboard_placeholder__attr-title button:focus-visible svg, .main_ui_dashboard_placeholder__modal-close-btn-base:focus-visible svg,
.main_ui_dashboard_placeholder__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_placeholder__button-tertiary svg, .main_ui_dashboard_placeholder__attr-title button svg, .main_ui_dashboard_placeholder__modal-close-btn-base svg,
.main_ui_dashboard_placeholder__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_placeholder__button-tertiary:hover, .main_ui_dashboard_placeholder__attr-title button:hover, .main_ui_dashboard_placeholder__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_placeholder__button-tertiary:hover svg, .main_ui_dashboard_placeholder__attr-title button:hover svg, .main_ui_dashboard_placeholder__modal-close-btn-base:hover svg,
.main_ui_dashboard_placeholder__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_placeholder__button-tertiary:active, .main_ui_dashboard_placeholder__attr-title button:active, .main_ui_dashboard_placeholder__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_placeholder__button-tertiary:active svg, .main_ui_dashboard_placeholder__attr-title button:active svg, .main_ui_dashboard_placeholder__modal-close-btn-base:active svg,
.main_ui_dashboard_placeholder__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_placeholder__button-tertiary.disabled, .main_ui_dashboard_placeholder__attr-title button.disabled, .main_ui_dashboard_placeholder__modal-close-btn-base.disabled, .main_ui_dashboard_placeholder__button-tertiary[disabled], .main_ui_dashboard_placeholder__attr-title button[disabled], [disabled].main_ui_dashboard_placeholder__modal-close-btn-base, .main_ui_dashboard_placeholder__button-tertiary:disabled, .main_ui_dashboard_placeholder__attr-title button:disabled, .main_ui_dashboard_placeholder__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_placeholder__button-tertiary.disabled svg, .main_ui_dashboard_placeholder__attr-title button.disabled svg, .main_ui_dashboard_placeholder__modal-close-btn-base.disabled svg,
.main_ui_dashboard_placeholder__button-tertiary.disabled span svg, .main_ui_dashboard_placeholder__button-tertiary[disabled] svg, .main_ui_dashboard_placeholder__attr-title button[disabled] svg, [disabled].main_ui_dashboard_placeholder__modal-close-btn-base svg,
.main_ui_dashboard_placeholder__button-tertiary[disabled] span svg, .main_ui_dashboard_placeholder__button-tertiary:disabled svg, .main_ui_dashboard_placeholder__attr-title button:disabled svg, .main_ui_dashboard_placeholder__modal-close-btn-base:disabled svg,
.main_ui_dashboard_placeholder__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_placeholder__button-icon-selected {
  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);
}
.main_ui_dashboard_placeholder__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_placeholder__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_placeholder__button-radio: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);
}
.main_ui_dashboard_placeholder__button-radio:focus-visible svg,
.main_ui_dashboard_placeholder__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_placeholder__button-radio svg,
.main_ui_dashboard_placeholder__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_placeholder__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_placeholder__button-radio:hover svg,
.main_ui_dashboard_placeholder__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_placeholder__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_placeholder__button-radio:active svg,
.main_ui_dashboard_placeholder__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_placeholder__button-warning {
  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);
}

.main_ui_dashboard_placeholder__button-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;
}

.main_ui_dashboard_placeholder__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_placeholder__button-tag: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);
}
.main_ui_dashboard_placeholder__button-tag:focus-visible svg,
.main_ui_dashboard_placeholder__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_placeholder__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_placeholder__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_placeholder__button-icon, .main_ui_dashboard_placeholder__empty-icon svg, .main_ui_dashboard_placeholder__modal-close-btn-base svg, .main_ui_dashboard_placeholder__button-icon-small, .main_ui_dashboard_placeholder__dropdown-element-base span svg, .main_ui_dashboard_placeholder__attr-title button svg, .main_ui_dashboard_placeholder__checkbox-icon.intermediate svg, .main_ui_dashboard_placeholder__input-checkbox label span.intermediate svg, .main_ui_dashboard_placeholder__checkbox-icon.checked svg, .main_ui_dashboard_placeholder__input-checkbox label span.checked svg, .main_ui_dashboard_placeholder__input-element span svg,
.main_ui_dashboard_placeholder__input-element label svg, .main_ui_dashboard_placeholder__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_placeholder__button-icon-small, .main_ui_dashboard_placeholder__dropdown-element-base span svg, .main_ui_dashboard_placeholder__attr-title button svg, .main_ui_dashboard_placeholder__checkbox-icon.intermediate svg, .main_ui_dashboard_placeholder__input-checkbox label span.intermediate svg, .main_ui_dashboard_placeholder__checkbox-icon.checked svg, .main_ui_dashboard_placeholder__input-checkbox label span.checked svg, .main_ui_dashboard_placeholder__input-element span svg,
.main_ui_dashboard_placeholder__input-element label svg, .main_ui_dashboard_placeholder__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_placeholder__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_placeholder__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_placeholder__input-base, .main_ui_dashboard_placeholder__input-with-label input, .main_ui_dashboard_placeholder__input-element-label input, .main_ui_dashboard_placeholder__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_placeholder__input-base[disabled], .main_ui_dashboard_placeholder__input-with-label input[disabled], .main_ui_dashboard_placeholder__input-element-label input[disabled], .main_ui_dashboard_placeholder__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_placeholder__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_placeholder__input-label, .main_ui_dashboard_placeholder__input-element span,
.main_ui_dashboard_placeholder__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_placeholder__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_placeholder__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_placeholder__input-element span svg,
.main_ui_dashboard_placeholder__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_placeholder__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_placeholder__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_placeholder__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_placeholder__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_placeholder__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_placeholder__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_placeholder__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_placeholder__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_placeholder__input-element:focus, .main_ui_dashboard_placeholder__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_placeholder__input-element:focus span, .main_ui_dashboard_placeholder__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_placeholder__input-element:focus input, .main_ui_dashboard_placeholder__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_placeholder__input-element:focus:hover, .main_ui_dashboard_placeholder__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_placeholder__input-element:focus:hover span, .main_ui_dashboard_placeholder__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_placeholder__input-element:focus:hover input, .main_ui_dashboard_placeholder__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_placeholder__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_placeholder__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_placeholder__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_placeholder__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_placeholder__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_placeholder__input-element-label:focus-within input, .main_ui_dashboard_placeholder__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_placeholder__disabled-input, .main_ui_dashboard_placeholder__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_placeholder__disabled-input input, .main_ui_dashboard_placeholder__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_placeholder__disabled-input span svg, .main_ui_dashboard_placeholder__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_placeholder__checkbox-icon, .main_ui_dashboard_placeholder__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_placeholder__checkbox-icon svg, .main_ui_dashboard_placeholder__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_placeholder__checkbox-icon:hover, .main_ui_dashboard_placeholder__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_placeholder__checkbox-icon:focus, .main_ui_dashboard_placeholder__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_placeholder__checkbox-icon.checked, .main_ui_dashboard_placeholder__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_placeholder__checkbox-icon.checked svg, .main_ui_dashboard_placeholder__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_placeholder__checkbox-icon.intermediate, .main_ui_dashboard_placeholder__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_placeholder__checkbox-icon.intermediate svg, .main_ui_dashboard_placeholder__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_placeholder__checkbox-icon.unchecked, .main_ui_dashboard_placeholder__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_placeholder__checkbox-icon.unchecked svg, .main_ui_dashboard_placeholder__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_placeholder__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_placeholder__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_placeholder__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_placeholder__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_placeholder__input-checkbox label:focus span, .main_ui_dashboard_placeholder__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_placeholder__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_placeholder__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_placeholder__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_placeholder__input-with-label input:focus-within, .main_ui_dashboard_placeholder__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_placeholder__input-with-label input:focus-within input, .main_ui_dashboard_placeholder__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_placeholder__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_placeholder__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_placeholder__modal-overlay-base {
  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);
}

.main_ui_dashboard_placeholder__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_placeholder__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_placeholder__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_placeholder__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_placeholder__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_placeholder__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_placeholder__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_placeholder__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_placeholder__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_placeholder__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_placeholder__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_placeholder__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_placeholder__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_placeholder__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_placeholder__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_placeholder__colorpicker-handler {
  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;
}
.main_ui_dashboard_placeholder__colorpicker-handler:hover, .main_ui_dashboard_placeholder__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_placeholder__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_placeholder__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_placeholder__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_placeholder__attr-title button {
  display: none;
}
.main_ui_dashboard_placeholder__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_placeholder__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_placeholder__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_placeholder__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_placeholder__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_placeholder__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_placeholder__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_placeholder__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_placeholder__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_placeholder__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_placeholder__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_placeholder__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_placeholder__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_placeholder__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_placeholder__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_placeholder__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_placeholder__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

@keyframes main_ui_dashboard_placeholder__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_placeholder__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_placeholder__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_placeholder__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_placeholder__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_placeholder__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_placeholder__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_placeholder__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_placeholder__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_placeholder__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_placeholder__new-scrollbar ::placeholder,
.main_ui_dashboard_placeholder__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_placeholder__button-primary, .main_ui_dashboard_placeholder__modal-danger-btn, .main_ui_dashboard_placeholder__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_placeholder__button-primary:focus-visible, .main_ui_dashboard_placeholder__modal-danger-btn:focus-visible, .main_ui_dashboard_placeholder__modal-accept-btn: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);
}
.main_ui_dashboard_placeholder__button-primary:focus-visible svg, .main_ui_dashboard_placeholder__modal-danger-btn:focus-visible svg, .main_ui_dashboard_placeholder__modal-accept-btn:focus-visible svg,
.main_ui_dashboard_placeholder__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_placeholder__button-primary svg, .main_ui_dashboard_placeholder__modal-danger-btn svg, .main_ui_dashboard_placeholder__modal-accept-btn svg,
.main_ui_dashboard_placeholder__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_placeholder__button-primary:hover, .main_ui_dashboard_placeholder__modal-danger-btn:hover, .main_ui_dashboard_placeholder__modal-accept-btn: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;
}
.main_ui_dashboard_placeholder__button-primary:hover svg, .main_ui_dashboard_placeholder__modal-danger-btn:hover svg, .main_ui_dashboard_placeholder__modal-accept-btn:hover svg,
.main_ui_dashboard_placeholder__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_placeholder__button-primary:active, .main_ui_dashboard_placeholder__modal-danger-btn:active, .main_ui_dashboard_placeholder__modal-accept-btn: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;
}
.main_ui_dashboard_placeholder__button-primary:active svg, .main_ui_dashboard_placeholder__modal-danger-btn:active svg, .main_ui_dashboard_placeholder__modal-accept-btn:active svg,
.main_ui_dashboard_placeholder__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_placeholder__button-primary.disabled, .main_ui_dashboard_placeholder__modal-danger-btn.disabled, .main_ui_dashboard_placeholder__modal-accept-btn.disabled, .main_ui_dashboard_placeholder__button-primary[disabled], [disabled].main_ui_dashboard_placeholder__modal-danger-btn, [disabled].main_ui_dashboard_placeholder__modal-accept-btn, .main_ui_dashboard_placeholder__button-primary:disabled, .main_ui_dashboard_placeholder__modal-danger-btn:disabled, .main_ui_dashboard_placeholder__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_placeholder__button-secondary, .main_ui_dashboard_placeholder__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_placeholder__button-secondary:focus-visible, .main_ui_dashboard_placeholder__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_placeholder__button-secondary:focus-visible svg, .main_ui_dashboard_placeholder__modal-cancel-btn:focus-visible svg,
.main_ui_dashboard_placeholder__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_placeholder__button-secondary svg, .main_ui_dashboard_placeholder__modal-cancel-btn svg,
.main_ui_dashboard_placeholder__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_placeholder__button-secondary:hover, .main_ui_dashboard_placeholder__modal-cancel-btn: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;
}
.main_ui_dashboard_placeholder__button-secondary:hover svg, .main_ui_dashboard_placeholder__modal-cancel-btn:hover svg,
.main_ui_dashboard_placeholder__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_placeholder__button-secondary:active, .main_ui_dashboard_placeholder__modal-cancel-btn: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);
}
.main_ui_dashboard_placeholder__button-secondary:active svg, .main_ui_dashboard_placeholder__modal-cancel-btn:active svg,
.main_ui_dashboard_placeholder__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_placeholder__button-secondary.disabled, .main_ui_dashboard_placeholder__modal-cancel-btn.disabled, .main_ui_dashboard_placeholder__button-secondary[disabled], [disabled].main_ui_dashboard_placeholder__modal-cancel-btn, .main_ui_dashboard_placeholder__button-secondary:disabled, .main_ui_dashboard_placeholder__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_placeholder__button-tertiary, .main_ui_dashboard_placeholder__attr-title button, .main_ui_dashboard_placeholder__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_placeholder__button-tertiary:focus-visible, .main_ui_dashboard_placeholder__attr-title button:focus-visible, .main_ui_dashboard_placeholder__modal-close-btn-base: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);
}
.main_ui_dashboard_placeholder__button-tertiary:focus-visible svg, .main_ui_dashboard_placeholder__attr-title button:focus-visible svg, .main_ui_dashboard_placeholder__modal-close-btn-base:focus-visible svg,
.main_ui_dashboard_placeholder__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_placeholder__button-tertiary svg, .main_ui_dashboard_placeholder__attr-title button svg, .main_ui_dashboard_placeholder__modal-close-btn-base svg,
.main_ui_dashboard_placeholder__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_placeholder__button-tertiary:hover, .main_ui_dashboard_placeholder__attr-title button:hover, .main_ui_dashboard_placeholder__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_placeholder__button-tertiary:hover svg, .main_ui_dashboard_placeholder__attr-title button:hover svg, .main_ui_dashboard_placeholder__modal-close-btn-base:hover svg,
.main_ui_dashboard_placeholder__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_placeholder__button-tertiary:active, .main_ui_dashboard_placeholder__attr-title button:active, .main_ui_dashboard_placeholder__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_placeholder__button-tertiary:active svg, .main_ui_dashboard_placeholder__attr-title button:active svg, .main_ui_dashboard_placeholder__modal-close-btn-base:active svg,
.main_ui_dashboard_placeholder__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_placeholder__button-tertiary.disabled, .main_ui_dashboard_placeholder__attr-title button.disabled, .main_ui_dashboard_placeholder__modal-close-btn-base.disabled, .main_ui_dashboard_placeholder__button-tertiary[disabled], .main_ui_dashboard_placeholder__attr-title button[disabled], [disabled].main_ui_dashboard_placeholder__modal-close-btn-base, .main_ui_dashboard_placeholder__button-tertiary:disabled, .main_ui_dashboard_placeholder__attr-title button:disabled, .main_ui_dashboard_placeholder__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_placeholder__button-tertiary.disabled svg, .main_ui_dashboard_placeholder__attr-title button.disabled svg, .main_ui_dashboard_placeholder__modal-close-btn-base.disabled svg,
.main_ui_dashboard_placeholder__button-tertiary.disabled span svg, .main_ui_dashboard_placeholder__button-tertiary[disabled] svg, .main_ui_dashboard_placeholder__attr-title button[disabled] svg, [disabled].main_ui_dashboard_placeholder__modal-close-btn-base svg,
.main_ui_dashboard_placeholder__button-tertiary[disabled] span svg, .main_ui_dashboard_placeholder__button-tertiary:disabled svg, .main_ui_dashboard_placeholder__attr-title button:disabled svg, .main_ui_dashboard_placeholder__modal-close-btn-base:disabled svg,
.main_ui_dashboard_placeholder__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_placeholder__button-icon-selected {
  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);
}
.main_ui_dashboard_placeholder__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_placeholder__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_placeholder__button-radio: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);
}
.main_ui_dashboard_placeholder__button-radio:focus-visible svg,
.main_ui_dashboard_placeholder__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_placeholder__button-radio svg,
.main_ui_dashboard_placeholder__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_placeholder__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_placeholder__button-radio:hover svg,
.main_ui_dashboard_placeholder__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_placeholder__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_placeholder__button-radio:active svg,
.main_ui_dashboard_placeholder__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_placeholder__button-warning {
  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);
}

.main_ui_dashboard_placeholder__button-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;
}

.main_ui_dashboard_placeholder__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_placeholder__button-tag: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);
}
.main_ui_dashboard_placeholder__button-tag:focus-visible svg,
.main_ui_dashboard_placeholder__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_placeholder__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_placeholder__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_placeholder__button-icon, .main_ui_dashboard_placeholder__empty-icon svg, .main_ui_dashboard_placeholder__modal-close-btn-base svg, .main_ui_dashboard_placeholder__button-icon-small, .main_ui_dashboard_placeholder__dropdown-element-base span svg, .main_ui_dashboard_placeholder__attr-title button svg, .main_ui_dashboard_placeholder__checkbox-icon.intermediate svg, .main_ui_dashboard_placeholder__input-checkbox label span.intermediate svg, .main_ui_dashboard_placeholder__checkbox-icon.checked svg, .main_ui_dashboard_placeholder__input-checkbox label span.checked svg, .main_ui_dashboard_placeholder__input-element span svg,
.main_ui_dashboard_placeholder__input-element label svg, .main_ui_dashboard_placeholder__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_placeholder__button-icon-small, .main_ui_dashboard_placeholder__dropdown-element-base span svg, .main_ui_dashboard_placeholder__attr-title button svg, .main_ui_dashboard_placeholder__checkbox-icon.intermediate svg, .main_ui_dashboard_placeholder__input-checkbox label span.intermediate svg, .main_ui_dashboard_placeholder__checkbox-icon.checked svg, .main_ui_dashboard_placeholder__input-checkbox label span.checked svg, .main_ui_dashboard_placeholder__input-element span svg,
.main_ui_dashboard_placeholder__input-element label svg, .main_ui_dashboard_placeholder__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_placeholder__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_placeholder__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_placeholder__input-base, .main_ui_dashboard_placeholder__input-with-label input, .main_ui_dashboard_placeholder__input-element-label input, .main_ui_dashboard_placeholder__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_placeholder__input-base[disabled], .main_ui_dashboard_placeholder__input-with-label input[disabled], .main_ui_dashboard_placeholder__input-element-label input[disabled], .main_ui_dashboard_placeholder__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_placeholder__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_placeholder__input-label, .main_ui_dashboard_placeholder__input-element span,
.main_ui_dashboard_placeholder__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_placeholder__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_placeholder__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_placeholder__input-element span svg,
.main_ui_dashboard_placeholder__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_placeholder__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_placeholder__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_placeholder__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_placeholder__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_placeholder__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_placeholder__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_placeholder__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_placeholder__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_placeholder__input-element:focus, .main_ui_dashboard_placeholder__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_placeholder__input-element:focus span, .main_ui_dashboard_placeholder__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_placeholder__input-element:focus input, .main_ui_dashboard_placeholder__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_placeholder__input-element:focus:hover, .main_ui_dashboard_placeholder__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_placeholder__input-element:focus:hover span, .main_ui_dashboard_placeholder__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_placeholder__input-element:focus:hover input, .main_ui_dashboard_placeholder__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_placeholder__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_placeholder__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_placeholder__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_placeholder__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_placeholder__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_placeholder__input-element-label:focus-within input, .main_ui_dashboard_placeholder__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_placeholder__disabled-input, .main_ui_dashboard_placeholder__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_placeholder__disabled-input input, .main_ui_dashboard_placeholder__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_placeholder__disabled-input span svg, .main_ui_dashboard_placeholder__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_placeholder__checkbox-icon, .main_ui_dashboard_placeholder__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_placeholder__checkbox-icon svg, .main_ui_dashboard_placeholder__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_placeholder__checkbox-icon:hover, .main_ui_dashboard_placeholder__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_placeholder__checkbox-icon:focus, .main_ui_dashboard_placeholder__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_placeholder__checkbox-icon.checked, .main_ui_dashboard_placeholder__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_placeholder__checkbox-icon.checked svg, .main_ui_dashboard_placeholder__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_placeholder__checkbox-icon.intermediate, .main_ui_dashboard_placeholder__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_placeholder__checkbox-icon.intermediate svg, .main_ui_dashboard_placeholder__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_placeholder__checkbox-icon.unchecked, .main_ui_dashboard_placeholder__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_placeholder__checkbox-icon.unchecked svg, .main_ui_dashboard_placeholder__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_placeholder__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_placeholder__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_placeholder__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_placeholder__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_placeholder__input-checkbox label:focus span, .main_ui_dashboard_placeholder__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_placeholder__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_placeholder__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_placeholder__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_placeholder__input-with-label input:focus-within, .main_ui_dashboard_placeholder__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_placeholder__input-with-label input:focus-within input, .main_ui_dashboard_placeholder__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_placeholder__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_placeholder__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_placeholder__modal-overlay-base {
  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);
}

.main_ui_dashboard_placeholder__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_placeholder__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_placeholder__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_placeholder__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_placeholder__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_placeholder__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_placeholder__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_placeholder__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_placeholder__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_placeholder__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_placeholder__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_placeholder__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_placeholder__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_placeholder__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_placeholder__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_placeholder__colorpicker-handler {
  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;
}
.main_ui_dashboard_placeholder__colorpicker-handler:hover, .main_ui_dashboard_placeholder__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_placeholder__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_placeholder__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_placeholder__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_placeholder__attr-title button {
  display: none;
}
.main_ui_dashboard_placeholder__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_placeholder__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_placeholder__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_placeholder__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_placeholder__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_placeholder__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_placeholder__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_placeholder__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_placeholder__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_placeholder__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_placeholder__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_placeholder__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_placeholder__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_placeholder__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_placeholder__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_placeholder__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_placeholder__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_placeholder__dashboard-grid {
  font-size: 0.875rem;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 1rem;
}

.main_ui_dashboard_placeholder__grid-row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(0.75rem + var(--th-width, 15.75rem));
  width: 100%;
  gap: 1.5rem;
}

.main_ui_dashboard_placeholder__grid-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin: 0.75rem 0;
  position: relative;
  text-align: center;
}
.main_ui_dashboard_placeholder__grid-item a,
.main_ui_dashboard_placeholder__grid-item button {
  width: 100%;
  font-weight: 400;
}
.main_ui_dashboard_placeholder__grid-item button {
  background-color: transparent;
  border: none;
  padding: 0 0.375rem;
}
.main_ui_dashboard_placeholder__grid-item .main_ui_dashboard_placeholder__grid-item-th {
  border-radius: 0.5rem;
  text-align: initial;
  width: var(--th-width, 15.75rem);
  height: var(--th-height, 10.5rem);
  background-size: cover;
  overflow: hidden;
}
.main_ui_dashboard_placeholder__grid-item .main_ui_dashboard_placeholder__grid-item-th img {
  -o-object-fit: contain;
     object-fit: contain;
}
.main_ui_dashboard_placeholder__grid-item.main_ui_dashboard_placeholder__dragged {
  border-radius: 0.25rem;
  outline: 0.25rem solid var(--color-accent-primary);
  text-align: initial;
  width: calc(var(--th-width) + 0.75rem);
  height: var(--th-height, 10.5rem);
}
.main_ui_dashboard_placeholder__grid-item.main_ui_dashboard_placeholder__overlay {
  border-radius: 0.25rem;
  border: 0.125rem solid var(--color-accent-tertiary);
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.main_ui_dashboard_placeholder__grid-item:hover .main_ui_dashboard_placeholder__overlay {
  display: block;
  opacity: 1;
}
.main_ui_dashboard_placeholder__grid-item .main_ui_dashboard_placeholder__info-wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  cursor: pointer;
  max-width: var(--th-width, 15.75rem);
}
.main_ui_dashboard_placeholder__grid-item .main_ui_dashboard_placeholder__item-info {
  display: grid;
  padding: 0.5rem;
  text-align: left;
  width: 100%;
  font-size: 0.75rem;
}
.main_ui_dashboard_placeholder__grid-item .main_ui_dashboard_placeholder__item-info 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) {
  .main_ui_dashboard_placeholder__grid-item .main_ui_dashboard_placeholder__item-info h3 {
    max-width: 14.5rem;
  }
}
.main_ui_dashboard_placeholder__grid-item .main_ui_dashboard_placeholder__item-info .main_ui_dashboard_placeholder__date {
  color: var(--color-foreground-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  max-width: 16.25rem;
}
.main_ui_dashboard_placeholder__grid-item .main_ui_dashboard_placeholder__item-info .main_ui_dashboard_placeholder__date::first-letter {
  text-transform: capitalize;
}
@media (max-width: 1366px) {
  .main_ui_dashboard_placeholder__grid-item .main_ui_dashboard_placeholder__item-info .main_ui_dashboard_placeholder__date {
    max-width: 14.5rem;
  }
}
.main_ui_dashboard_placeholder__grid-item .main_ui_dashboard_placeholder__item-badge {
  background-color: var(--color-accent-primary);
  border: none;
  border-radius: 0.375rem;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_ui_dashboard_placeholder__grid-item .main_ui_dashboard_placeholder__item-badge svg {
  stroke: var(--color-background-secondary);
  fill: none;
  height: 1rem;
  width: 1rem;
}
.main_ui_dashboard_placeholder__grid-item.main_ui_dashboard_placeholder__add-file {
  border: 1px dashed var(--color-foreground-secondary);
  justify-content: center;
  box-shadow: none;
}
.main_ui_dashboard_placeholder__grid-item.main_ui_dashboard_placeholder__add-file span {
  color: var(--color-background-primary);
  font-size: 0.875rem;
}
.main_ui_dashboard_placeholder__grid-item.main_ui_dashboard_placeholder__add-file:hover {
  background-color: var(--color-foreground-primary);
  border: 0.125rem solid var(--color-accent-tertiary);
}

.main_ui_dashboard_placeholder__drag-counter {
  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;
}

.main_ui_dashboard_placeholder__project-th {
  background-color: transparent;
  border-radius: 0.5rem;
  padding-top: 0.375rem;
}
.main_ui_dashboard_placeholder__project-th:hover, .main_ui_dashboard_placeholder__project-th:focus, .main_ui_dashboard_placeholder__project-th:focus-within {
  background-color: var(--color-background-tertiary);
}
.main_ui_dashboard_placeholder__project-th:hover .main_ui_dashboard_placeholder__project-th-actions, .main_ui_dashboard_placeholder__project-th:focus .main_ui_dashboard_placeholder__project-th-actions, .main_ui_dashboard_placeholder__project-th:focus-within .main_ui_dashboard_placeholder__project-th-actions {
  opacity: 1;
}
.main_ui_dashboard_placeholder__project-th:hover a, .main_ui_dashboard_placeholder__project-th:focus a, .main_ui_dashboard_placeholder__project-th:focus-within a {
  text-decoration: none;
}
.main_ui_dashboard_placeholder__project-th .main_ui_dashboard_placeholder__selected .main_ui_dashboard_placeholder__grid-item-th {
  outline: 0.25rem solid var(--color-accent-tertiary);
}

.main_ui_dashboard_placeholder__project-th-actions {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: 0;
  right: 0.375rem;
  width: 2rem;
}
.main_ui_dashboard_placeholder__project-th-actions span {
  color: var(--color-background-secondary);
}

.main_ui_dashboard_placeholder__project-th-icon {
  align-items: center;
  display: flex;
  margin-right: 0.5rem;
  margin-top: 0;
}

.main_ui_dashboard_placeholder__menu {
  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-tertiary-foreground-color-rest);
}
.main_ui_dashboard_placeholder__menu:hover, .main_ui_dashboard_placeholder__menu:focus {
  --menu-icon-color: var(--button-tertiary-foreground-color-hover);
}

.main_ui_dashboard_placeholder__menu-icon {
  stroke: var(--menu-icon-color);
  fill: none;
  margin-right: 0;
  height: 1rem;
  width: 1rem;
}

.main_ui_dashboard_placeholder__project-th-actions.main_ui_dashboard_placeholder__force-display {
  opacity: 1;
}

.main_ui_dashboard_placeholder__grid-item-th {
  border-radius: 0.25rem;
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.main_ui_dashboard_placeholder__grid-item-th .main_ui_dashboard_placeholder__img-th {
  height: auto;
  width: 100%;
}

.main_ui_dashboard_placeholder__library {
  height: 36.25rem;
}

.main_ui_dashboard_placeholder__grid-item.main_ui_dashboard_placeholder__project-th.main_ui_dashboard_placeholder__library {
  height: 38.25rem;
}

.main_ui_dashboard_placeholder__grid-item-th.main_ui_dashboard_placeholder__library {
  background-color: var(--color-background-tertiary);
  flex-direction: column;
  height: 90%;
  justify-content: flex-start;
  max-height: 36.25rem;
  padding: 2rem;
}
.main_ui_dashboard_placeholder__grid-item-th.main_ui_dashboard_placeholder__library .main_ui_dashboard_placeholder__asset-section {
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
}
.main_ui_dashboard_placeholder__grid-item-th.main_ui_dashboard_placeholder__library .main_ui_dashboard_placeholder__asset-section:not(:first-child) {
  margin-top: 1rem;
}
.main_ui_dashboard_placeholder__grid-item-th.main_ui_dashboard_placeholder__library .main_ui_dashboard_placeholder__asset-title {
  display: flex;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.main_ui_dashboard_placeholder__grid-item-th.main_ui_dashboard_placeholder__library .main_ui_dashboard_placeholder__asset-title .main_ui_dashboard_placeholder__num-assets {
  color: var(--color-foreground-secondary);
}
.main_ui_dashboard_placeholder__grid-item-th.main_ui_dashboard_placeholder__library .main_ui_dashboard_placeholder__asset-list-item {
  align-items: center;
  border-radius: 0.25rem;
  border: 1px solid transparent;
  color: var(--color-foreground-primary);
  display: flex;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  padding: 0.125rem;
  position: relative;
}
.main_ui_dashboard_placeholder__grid-item-th.main_ui_dashboard_placeholder__library .main_ui_dashboard_placeholder__asset-list-item .main_ui_dashboard_placeholder__name-block {
  color: var(--color-foreground-secondary);
  width: calc(100% - 1.5rem - 0.5rem);
}
.main_ui_dashboard_placeholder__grid-item-th.main_ui_dashboard_placeholder__library .main_ui_dashboard_placeholder__asset-list-item .main_ui_dashboard_placeholder__item-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_placeholder__grid-item-th.main_ui_dashboard_placeholder__library .main_ui_dashboard_placeholder__asset-list-item svg {
  background-color: var(--color-canvas);
  border-radius: 0.25rem;
  border: 0.125rem solid transparent;
  height: 1.5rem;
  margin-right: 0.5rem;
  width: 1.5rem;
}
.main_ui_dashboard_placeholder__grid-item-th.main_ui_dashboard_placeholder__library .main_ui_dashboard_placeholder__asset-list-item .main_ui_dashboard_placeholder__color-name {
  color: var(--color-foreground-primary);
}
.main_ui_dashboard_placeholder__grid-item-th.main_ui_dashboard_placeholder__library .main_ui_dashboard_placeholder__asset-list-item .main_ui_dashboard_placeholder__color-value {
  color: var(--color-foreground-secondary);
  margin-left: 0.25rem;
  text-transform: uppercase;
}
.main_ui_dashboard_placeholder__grid-item-th.main_ui_dashboard_placeholder__library .main_ui_dashboard_placeholder__asset-list-item .main_ui_dashboard_placeholder__typography-sample {
  height: 1.25rem;
  margin-right: 0.25rem;
  width: 1.25rem;
}

.main_ui_dashboard_placeholder__color-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
}

.main_ui_dashboard_placeholder__grid-loader {
  --icon-width: calc(var(--th-width, 15.75rem) * 0.25);
}

.main_ui_dashboard_placeholder__grid-empty-placeholder {
  border-radius: 0.75rem;
  display: grid;
  padding: 0.75rem 0;
}
.main_ui_dashboard_placeholder__grid-empty-placeholder.main_ui_dashboard_placeholder__libs {
  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: 0.25rem;
  display: flex;
  flex-direction: column;
  height: 12.5rem;
  margin: 1rem;
  padding: 3rem;
  justify-content: center;
}
.main_ui_dashboard_placeholder__grid-empty-placeholder.main_ui_dashboard_placeholder__libs .main_ui_dashboard_placeholder__text a {
  color: var(--color-foreground-primary);
}
.main_ui_dashboard_placeholder__grid-empty-placeholder.main_ui_dashboard_placeholder__libs .main_ui_dashboard_placeholder__text p {
  max-width: 22.5rem;
  text-align: center;
  font-size: 1rem;
}
.main_ui_dashboard_placeholder__grid-empty-placeholder .main_ui_dashboard_placeholder__create-new {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  color: var(--color-foreground-primary);
  cursor: pointer;
  height: 10rem;
  margin: 0.5rem;
  border: 0.125rem solid transparent;
  width: var(--th-width, 15.75rem);
  height: var(--th-height, 10.5rem);
}
.main_ui_dashboard_placeholder__grid-empty-placeholder .main_ui_dashboard_placeholder__create-new svg {
  width: 2rem;
  height: 2rem;
  stroke: var(--color-foreground-secondary);
}
.main_ui_dashboard_placeholder__grid-empty-placeholder .main_ui_dashboard_placeholder__create-new:hover {
  border: 0.125rem solid var(--color-accent-tertiary);
  background-color: var(--color-background-quaternary);
  color: var(--color-accent-primary);
}
.main_ui_dashboard_placeholder__grid-empty-placeholder .main_ui_dashboard_placeholder__create-new:hover svg {
  stroke: var(--color-accent-tertiary);
}
.main_ui_dashboard_placeholder__grid-empty-placeholder .main_ui_dashboard_placeholder__text {
  margin-top: 0.75rem;
  color: var(--color-foreground-secondary);
  font-size: 1rem;
}

.main_ui_dashboard_placeholder__placeholder-loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: var(--sp-xxxl);
  margin: var(--sp-xxxl) 0 var(--sp-m) 0;
}

.main_ui_dashboard_placeholder__placeholder-text {
  color: var(--color-foreground-secondary);
  font-size: 1rem;
  text-align: center;
}

.main_ui_dashboard_placeholder__placeholder-markdown {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1rem;
}
.main_ui_dashboard_placeholder__placeholder-markdown a {
  color: var(--color-accent-primary);
}

.main_ui_dashboard_placeholder__empty-placeholder-libraries {
  margin: 1rem;
}

.main_ui_dashboard_placeholder__empty-project-container {
  width: 100%;
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 0.75rem;
}

.main_ui_dashboard_placeholder__empty-project-card {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  --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: 0.5rem;
  padding: var(--sp-m) 0;
  flex-grow: 1;
}
.main_ui_dashboard_placeholder__empty-project-card:hover {
  --color-card-background: var(--color-accent-primary);
  --color-card-title: var(--color-background-secondary);
  --color-card-subtitle: var(--color-background-secondary);
  cursor: pointer;
}
.main_ui_dashboard_placeholder__empty-project-card:hover .main_ui_dashboard_placeholder__empty-project-card-title {
  font-weight: 500;
}

.main_ui_dashboard_placeholder__empty-project-card-title {
  color: var(--color-card-title);
}

.main_ui_dashboard_placeholder__empty-project-card-subtitle {
  color: var(--color-card-subtitle);
}
@keyframes main_ui_dashboard_projects__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_projects__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_projects__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_projects__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_projects__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_projects__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_projects__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_projects__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_projects__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_projects__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_projects__new-scrollbar ::placeholder,
.main_ui_dashboard_projects__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_projects__button-primary, .main_ui_dashboard_projects__btn-primary, .main_ui_dashboard_projects__modal-danger-btn, .main_ui_dashboard_projects__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_projects__button-primary:focus-visible, .main_ui_dashboard_projects__btn-primary:focus-visible, .main_ui_dashboard_projects__modal-danger-btn:focus-visible, .main_ui_dashboard_projects__modal-accept-btn: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);
}
.main_ui_dashboard_projects__button-primary:focus-visible svg, .main_ui_dashboard_projects__btn-primary:focus-visible svg, .main_ui_dashboard_projects__modal-danger-btn:focus-visible svg, .main_ui_dashboard_projects__modal-accept-btn:focus-visible svg,
.main_ui_dashboard_projects__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_projects__button-primary svg, .main_ui_dashboard_projects__btn-primary svg, .main_ui_dashboard_projects__modal-danger-btn svg, .main_ui_dashboard_projects__modal-accept-btn svg,
.main_ui_dashboard_projects__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_projects__button-primary:hover, .main_ui_dashboard_projects__btn-primary:hover, .main_ui_dashboard_projects__modal-danger-btn:hover, .main_ui_dashboard_projects__modal-accept-btn: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;
}
.main_ui_dashboard_projects__button-primary:hover svg, .main_ui_dashboard_projects__btn-primary:hover svg, .main_ui_dashboard_projects__modal-danger-btn:hover svg, .main_ui_dashboard_projects__modal-accept-btn:hover svg,
.main_ui_dashboard_projects__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_projects__button-primary:active, .main_ui_dashboard_projects__btn-primary:active, .main_ui_dashboard_projects__modal-danger-btn:active, .main_ui_dashboard_projects__modal-accept-btn: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;
}
.main_ui_dashboard_projects__button-primary:active svg, .main_ui_dashboard_projects__btn-primary:active svg, .main_ui_dashboard_projects__modal-danger-btn:active svg, .main_ui_dashboard_projects__modal-accept-btn:active svg,
.main_ui_dashboard_projects__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_projects__button-primary.disabled, .main_ui_dashboard_projects__btn-primary.disabled, .main_ui_dashboard_projects__modal-danger-btn.disabled, .main_ui_dashboard_projects__modal-accept-btn.disabled, .main_ui_dashboard_projects__button-primary[disabled], [disabled].main_ui_dashboard_projects__btn-primary, [disabled].main_ui_dashboard_projects__modal-danger-btn, [disabled].main_ui_dashboard_projects__modal-accept-btn, .main_ui_dashboard_projects__button-primary:disabled, .main_ui_dashboard_projects__btn-primary:disabled, .main_ui_dashboard_projects__modal-danger-btn:disabled, .main_ui_dashboard_projects__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_projects__button-secondary, .main_ui_dashboard_projects__btn-secondary, .main_ui_dashboard_projects__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_projects__button-secondary:focus-visible, .main_ui_dashboard_projects__btn-secondary:focus-visible, .main_ui_dashboard_projects__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_projects__button-secondary:focus-visible svg, .main_ui_dashboard_projects__btn-secondary:focus-visible svg, .main_ui_dashboard_projects__modal-cancel-btn:focus-visible svg,
.main_ui_dashboard_projects__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_projects__button-secondary svg, .main_ui_dashboard_projects__btn-secondary svg, .main_ui_dashboard_projects__modal-cancel-btn svg,
.main_ui_dashboard_projects__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_projects__button-secondary:hover, .main_ui_dashboard_projects__btn-secondary:hover, .main_ui_dashboard_projects__modal-cancel-btn: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;
}
.main_ui_dashboard_projects__button-secondary:hover svg, .main_ui_dashboard_projects__btn-secondary:hover svg, .main_ui_dashboard_projects__modal-cancel-btn:hover svg,
.main_ui_dashboard_projects__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_projects__button-secondary:active, .main_ui_dashboard_projects__btn-secondary:active, .main_ui_dashboard_projects__modal-cancel-btn: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);
}
.main_ui_dashboard_projects__button-secondary:active svg, .main_ui_dashboard_projects__btn-secondary:active svg, .main_ui_dashboard_projects__modal-cancel-btn:active svg,
.main_ui_dashboard_projects__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_projects__button-secondary.disabled, .main_ui_dashboard_projects__btn-secondary.disabled, .main_ui_dashboard_projects__modal-cancel-btn.disabled, .main_ui_dashboard_projects__button-secondary[disabled], [disabled].main_ui_dashboard_projects__btn-secondary, [disabled].main_ui_dashboard_projects__modal-cancel-btn, .main_ui_dashboard_projects__button-secondary:disabled, .main_ui_dashboard_projects__btn-secondary:disabled, .main_ui_dashboard_projects__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_projects__button-tertiary, .main_ui_dashboard_projects__add-file-btn,
.main_ui_dashboard_projects__options-btn, .main_ui_dashboard_projects__attr-title button, .main_ui_dashboard_projects__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_projects__button-tertiary:focus-visible, .main_ui_dashboard_projects__add-file-btn:focus-visible,
.main_ui_dashboard_projects__options-btn:focus-visible, .main_ui_dashboard_projects__attr-title button:focus-visible, .main_ui_dashboard_projects__modal-close-btn-base: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);
}
.main_ui_dashboard_projects__button-tertiary:focus-visible svg, .main_ui_dashboard_projects__add-file-btn:focus-visible svg,
.main_ui_dashboard_projects__options-btn:focus-visible svg, .main_ui_dashboard_projects__attr-title button:focus-visible svg, .main_ui_dashboard_projects__modal-close-btn-base:focus-visible svg,
.main_ui_dashboard_projects__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_projects__button-tertiary svg, .main_ui_dashboard_projects__add-file-btn svg,
.main_ui_dashboard_projects__options-btn svg, .main_ui_dashboard_projects__attr-title button svg, .main_ui_dashboard_projects__modal-close-btn-base svg,
.main_ui_dashboard_projects__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_projects__button-tertiary:hover, .main_ui_dashboard_projects__add-file-btn:hover,
.main_ui_dashboard_projects__options-btn:hover, .main_ui_dashboard_projects__attr-title button:hover, .main_ui_dashboard_projects__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_projects__button-tertiary:hover svg, .main_ui_dashboard_projects__add-file-btn:hover svg,
.main_ui_dashboard_projects__options-btn:hover svg, .main_ui_dashboard_projects__attr-title button:hover svg, .main_ui_dashboard_projects__modal-close-btn-base:hover svg,
.main_ui_dashboard_projects__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_projects__button-tertiary:active, .main_ui_dashboard_projects__add-file-btn:active,
.main_ui_dashboard_projects__options-btn:active, .main_ui_dashboard_projects__attr-title button:active, .main_ui_dashboard_projects__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_projects__button-tertiary:active svg, .main_ui_dashboard_projects__add-file-btn:active svg,
.main_ui_dashboard_projects__options-btn:active svg, .main_ui_dashboard_projects__attr-title button:active svg, .main_ui_dashboard_projects__modal-close-btn-base:active svg,
.main_ui_dashboard_projects__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_projects__button-tertiary.disabled, .main_ui_dashboard_projects__add-file-btn.disabled,
.main_ui_dashboard_projects__options-btn.disabled, .main_ui_dashboard_projects__attr-title button.disabled, .main_ui_dashboard_projects__modal-close-btn-base.disabled, .main_ui_dashboard_projects__button-tertiary[disabled], [disabled].main_ui_dashboard_projects__add-file-btn,
[disabled].main_ui_dashboard_projects__options-btn, .main_ui_dashboard_projects__attr-title button[disabled], [disabled].main_ui_dashboard_projects__modal-close-btn-base, .main_ui_dashboard_projects__button-tertiary:disabled, .main_ui_dashboard_projects__add-file-btn:disabled,
.main_ui_dashboard_projects__options-btn:disabled, .main_ui_dashboard_projects__attr-title button:disabled, .main_ui_dashboard_projects__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_projects__button-tertiary.disabled svg, .main_ui_dashboard_projects__add-file-btn.disabled svg,
.main_ui_dashboard_projects__options-btn.disabled svg, .main_ui_dashboard_projects__attr-title button.disabled svg, .main_ui_dashboard_projects__modal-close-btn-base.disabled svg,
.main_ui_dashboard_projects__button-tertiary.disabled span svg, .main_ui_dashboard_projects__button-tertiary[disabled] svg, [disabled].main_ui_dashboard_projects__add-file-btn svg,
[disabled].main_ui_dashboard_projects__options-btn svg, .main_ui_dashboard_projects__attr-title button[disabled] svg, [disabled].main_ui_dashboard_projects__modal-close-btn-base svg,
.main_ui_dashboard_projects__button-tertiary[disabled] span svg, .main_ui_dashboard_projects__button-tertiary:disabled svg, .main_ui_dashboard_projects__add-file-btn:disabled svg,
.main_ui_dashboard_projects__options-btn:disabled svg, .main_ui_dashboard_projects__attr-title button:disabled svg, .main_ui_dashboard_projects__modal-close-btn-base:disabled svg,
.main_ui_dashboard_projects__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_projects__button-icon-selected {
  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);
}
.main_ui_dashboard_projects__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_projects__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_projects__button-radio: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);
}
.main_ui_dashboard_projects__button-radio:focus-visible svg,
.main_ui_dashboard_projects__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_projects__button-radio svg,
.main_ui_dashboard_projects__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_projects__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_projects__button-radio:hover svg,
.main_ui_dashboard_projects__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_projects__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_projects__button-radio:active svg,
.main_ui_dashboard_projects__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_projects__button-warning {
  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);
}

.main_ui_dashboard_projects__button-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;
}

.main_ui_dashboard_projects__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_projects__button-tag: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);
}
.main_ui_dashboard_projects__button-tag:focus-visible svg,
.main_ui_dashboard_projects__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_projects__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_projects__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_projects__button-icon, .main_ui_dashboard_projects__add-icon,
.main_ui_dashboard_projects__menu-icon, .main_ui_dashboard_projects__close-icon, .main_ui_dashboard_projects__empty-icon svg, .main_ui_dashboard_projects__modal-close-btn-base svg, .main_ui_dashboard_projects__button-icon-small, .main_ui_dashboard_projects__dropdown-element-base span svg, .main_ui_dashboard_projects__attr-title button svg, .main_ui_dashboard_projects__checkbox-icon.intermediate svg, .main_ui_dashboard_projects__input-checkbox label span.intermediate svg, .main_ui_dashboard_projects__checkbox-icon.checked svg, .main_ui_dashboard_projects__input-checkbox label span.checked svg, .main_ui_dashboard_projects__input-element span svg,
.main_ui_dashboard_projects__input-element label svg, .main_ui_dashboard_projects__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_projects__button-icon-small, .main_ui_dashboard_projects__dropdown-element-base span svg, .main_ui_dashboard_projects__attr-title button svg, .main_ui_dashboard_projects__checkbox-icon.intermediate svg, .main_ui_dashboard_projects__input-checkbox label span.intermediate svg, .main_ui_dashboard_projects__checkbox-icon.checked svg, .main_ui_dashboard_projects__input-checkbox label span.checked svg, .main_ui_dashboard_projects__input-element span svg,
.main_ui_dashboard_projects__input-element label svg, .main_ui_dashboard_projects__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_projects__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_projects__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_projects__input-base, .main_ui_dashboard_projects__input-with-label input, .main_ui_dashboard_projects__input-element-label input, .main_ui_dashboard_projects__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_projects__input-base[disabled], .main_ui_dashboard_projects__input-with-label input[disabled], .main_ui_dashboard_projects__input-element-label input[disabled], .main_ui_dashboard_projects__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_projects__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_projects__input-label, .main_ui_dashboard_projects__input-element span,
.main_ui_dashboard_projects__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_projects__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_projects__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_projects__input-element span svg,
.main_ui_dashboard_projects__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_projects__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_projects__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_projects__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_projects__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_projects__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_projects__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_projects__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_projects__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_projects__input-element:focus, .main_ui_dashboard_projects__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_projects__input-element:focus span, .main_ui_dashboard_projects__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_projects__input-element:focus input, .main_ui_dashboard_projects__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_projects__input-element:focus:hover, .main_ui_dashboard_projects__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_projects__input-element:focus:hover span, .main_ui_dashboard_projects__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_projects__input-element:focus:hover input, .main_ui_dashboard_projects__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_projects__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_projects__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_projects__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_projects__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_projects__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_projects__input-element-label:focus-within input, .main_ui_dashboard_projects__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_projects__disabled-input, .main_ui_dashboard_projects__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_projects__disabled-input input, .main_ui_dashboard_projects__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_projects__disabled-input span svg, .main_ui_dashboard_projects__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_projects__checkbox-icon, .main_ui_dashboard_projects__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_projects__checkbox-icon svg, .main_ui_dashboard_projects__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_projects__checkbox-icon:hover, .main_ui_dashboard_projects__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_projects__checkbox-icon:focus, .main_ui_dashboard_projects__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_projects__checkbox-icon.checked, .main_ui_dashboard_projects__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_projects__checkbox-icon.checked svg, .main_ui_dashboard_projects__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_projects__checkbox-icon.intermediate, .main_ui_dashboard_projects__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_projects__checkbox-icon.intermediate svg, .main_ui_dashboard_projects__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_projects__checkbox-icon.unchecked, .main_ui_dashboard_projects__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_projects__checkbox-icon.unchecked svg, .main_ui_dashboard_projects__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_projects__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_projects__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_projects__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_projects__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_projects__input-checkbox label:focus span, .main_ui_dashboard_projects__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_projects__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_projects__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_projects__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_projects__input-with-label input:focus-within, .main_ui_dashboard_projects__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_projects__input-with-label input:focus-within input, .main_ui_dashboard_projects__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_projects__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_projects__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_projects__modal-overlay-base {
  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);
}

.main_ui_dashboard_projects__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_projects__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_projects__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_projects__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_projects__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_projects__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_projects__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_projects__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_projects__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_projects__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_projects__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_projects__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_projects__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_projects__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_projects__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_projects__colorpicker-handler {
  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;
}
.main_ui_dashboard_projects__colorpicker-handler:hover, .main_ui_dashboard_projects__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_projects__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_projects__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_projects__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_projects__attr-title button {
  display: none;
}
.main_ui_dashboard_projects__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_projects__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_projects__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_projects__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_projects__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_projects__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_projects__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_projects__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_projects__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_projects__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_projects__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_projects__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_projects__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_projects__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_projects__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_projects__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_projects__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_projects__dashboard-header {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 0.5rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.main_ui_dashboard_projects__dashboard-header.main_ui_dashboard_projects__team {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.main_ui_dashboard_projects__dashboard-header .main_ui_dashboard_projects__element-name {
  margin-right: 0.5rem;
}
.main_ui_dashboard_projects__dashboard-header .main_ui_dashboard_projects__btn-secondary {
  flex-shrink: 0;
  height: 2rem;
}
.main_ui_dashboard_projects__dashboard-header .main_ui_dashboard_projects__btn-secondary svg {
  height: 1rem;
  width: 1rem;
}
.main_ui_dashboard_projects__dashboard-header nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.main_ui_dashboard_projects__dashboard-header nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.main_ui_dashboard_projects__dashboard-header 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;
}
.main_ui_dashboard_projects__dashboard-header nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.main_ui_dashboard_projects__dashboard-header .main_ui_dashboard_projects__dashboard-title {
  display: flex;
  align-items: center;
  margin-left: 0.75rem;
}
.main_ui_dashboard_projects__dashboard-header .main_ui_dashboard_projects__dashboard-title h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 400;
  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%;
}
.main_ui_dashboard_projects__dashboard-header .main_ui_dashboard_projects__dashboard-title .main_ui_dashboard_projects__context-menu.main_ui_dashboard_projects__is-open {
  margin-top: 0.5rem;
}
.main_ui_dashboard_projects__dashboard-header .main_ui_dashboard_projects__icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.main_ui_dashboard_projects__dashboard-header .main_ui_dashboard_projects__icon svg {
  stroke: var(--color-foreground-secondary);
  fill: none;
  width: 1rem;
  height: 1rem;
}
.main_ui_dashboard_projects__dashboard-header .main_ui_dashboard_projects__icon svg:hover {
  stroke: var(--color-accent-tertiary);
  fill: none;
}
.main_ui_dashboard_projects__dashboard-header .main_ui_dashboard_projects__dashboard-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main_ui_dashboard_projects__dashboard-header .main_ui_dashboard_projects__dashboard-header-actions {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.main_ui_dashboard_projects__dashboard-header .main_ui_dashboard_projects__dashboard-header-options li a {
  font-size: 1rem;
  color: var(--color-foreground-secondary);
  border-color: transparent;
}
.main_ui_dashboard_projects__dashboard-header .main_ui_dashboard_projects__dashboard-header-options li a:hover {
  color: var(--color-foreground-primary);
}
.main_ui_dashboard_projects__dashboard-header .main_ui_dashboard_projects__dashboard-header-options li.main_ui_dashboard_projects__active a {
  color: var(--color-foreground-primary);
}

.main_ui_dashboard_projects__btn-primary {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 400;
}

.main_ui_dashboard_projects__btn-secondary {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

.main_ui_dashboard_projects__dashboard-container {
  flex: 1 0 0;
  width: 100%;
  margin-right: 1rem;
  border-top: 1px solid var(--panel-border-color);
  overflow-y: auto;
  padding-bottom: 2rem;
}

.main_ui_dashboard_projects__dashboard-projects {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: calc(100vh - 4rem);
}

.main_ui_dashboard_projects__with-team-hero {
  height: calc(100vh - 17.5rem);
}

.main_ui_dashboard_projects__dashboard-shared {
  width: calc(100vw - 20rem);
  margin-right: 3.25rem;
}

.main_ui_dashboard_projects__search {
  margin-top: 0.75rem;
}

.main_ui_dashboard_projects__dashboard-project-row {
  --actions-opacity: 0;
  margin-bottom: 1.5rem;
  position: relative;
}
.main_ui_dashboard_projects__dashboard-project-row:hover, .main_ui_dashboard_projects__dashboard-project-row:focus, .main_ui_dashboard_projects__dashboard-project-row:focus-within {
  --actions-opacity: 1;
}

.main_ui_dashboard_projects__pinned-project {
  --actions-opacity: 1;
}

.main_ui_dashboard_projects__projects-container {
  display: grid;
  grid-auto-rows: min-content;
}

.main_ui_dashboard_projects__project {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 99%;
  max-height: 2.5rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  margin-top: 1rem;
  border-radius: 0.25rem;
}

.main_ui_dashboard_projects__project-name-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 2rem;
  margin-left: 0.5rem;
}

.main_ui_dashboard_projects__project-name {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 0.75rem;
  line-height: 0.8;
  color: var(--title-foreground-color-hover);
  cursor: pointer;
  height: 1rem;
}

.main_ui_dashboard_projects__info-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.main_ui_dashboard_projects__info,
.main_ui_dashboard_projects__recent-files-row-title-info {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  color: var(--title-foreground-color);
}
@media (max-width: 760px) {
  .main_ui_dashboard_projects__info,
  .main_ui_dashboard_projects__recent-files-row-title-info {
    display: none;
  }
}

.main_ui_dashboard_projects__project-actions {
  display: flex;
  opacity: var(--actions-opacity);
  margin-left: 2rem;
}

.main_ui_dashboard_projects__add-file-btn,
.main_ui_dashboard_projects__options-btn {
  height: 2rem;
  width: 2rem;
  margin: 0 0.5rem;
  padding: 0.5rem;
}

.main_ui_dashboard_projects__add-icon,
.main_ui_dashboard_projects__menu-icon {
  stroke: var(--icon-foreground);
}

.main_ui_dashboard_projects__grid-container {
  width: 100%;
  padding: 0 0.25rem;
}

.main_ui_dashboard_projects__placeholder-placement {
  margin: 1rem 2rem;
}

.main_ui_dashboard_projects__show-more {
  --show-more-color: var(--button-secondary-foreground-color-rest);
  border: none;
  background: none;
  cursor: pointer;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  position: absolute;
  top: 0.5rem;
  right: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  color: var(--show-more-color);
}
.main_ui_dashboard_projects__show-more:hover {
  --show-more-color: var(--button-secondary-foreground-color-active);
}

.main_ui_dashboard_projects__show-more-icon {
  height: 1rem;
  width: 1rem;
  fill: none;
  stroke: var(--show-more-color);
}

.main_ui_dashboard_projects__team-hero {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  border: none;
  display: flex;
  margin: 1rem;
  padding: 0.5rem;
  position: relative;
}
.main_ui_dashboard_projects__team-hero img {
  border-radius: 0.25rem;
  height: 12.5rem;
  width: auto;
}
@media (max-width: 1200px) {
  .main_ui_dashboard_projects__team-hero img {
    display: none;
    width: 0;
  }
}

.main_ui_dashboard_projects__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  padding: 1.25rem 1.25rem;
}

.main_ui_dashboard_projects__title {
  font-size: 1.5rem;
  color: var(--color-foreground-primary);
  font-weight: 400;
}

.main_ui_dashboard_projects__info {
  flex: 1;
  font-size: 1rem;
  padding: 0.5rem 0;
}
.main_ui_dashboard_projects__info span {
  color: var(--color-foreground-secondary);
  display: block;
}
.main_ui_dashboard_projects__info a {
  color: var(--color-accent-primary);
}

.main_ui_dashboard_projects__close {
  --close-icon-foreground-color: var(--icon-foreground);
  position: absolute;
  top: 1.25rem;
  right: 1.5rem;
  width: 1.5rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.main_ui_dashboard_projects__close:hover {
  --close-icon-foreground-color: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_projects__close-icon {
  stroke: var(--close-icon-foreground-color);
}

.main_ui_dashboard_projects__invite {
  height: 2rem;
  width: 11.25rem;
}

.main_ui_dashboard_projects__img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12.5rem;
  height: 12.5rem;
  overflow: hidden;
  border-radius: 0.25rem;
}
@media (max-width: 1200px) {
  .main_ui_dashboard_projects__img-wrapper {
    display: none;
    width: 0;
  }
}
@keyframes main_ui_dashboard_search__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_search__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_search__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_search__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_search__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_search__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_search__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_search__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_search__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_search__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_search__new-scrollbar ::placeholder,
.main_ui_dashboard_search__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_search__button-primary, .main_ui_dashboard_search__btn-primary, .main_ui_dashboard_search__modal-danger-btn, .main_ui_dashboard_search__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_search__button-primary:focus-visible, .main_ui_dashboard_search__btn-primary:focus-visible, .main_ui_dashboard_search__modal-danger-btn:focus-visible, .main_ui_dashboard_search__modal-accept-btn: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);
}
.main_ui_dashboard_search__button-primary:focus-visible svg, .main_ui_dashboard_search__btn-primary:focus-visible svg, .main_ui_dashboard_search__modal-danger-btn:focus-visible svg, .main_ui_dashboard_search__modal-accept-btn:focus-visible svg,
.main_ui_dashboard_search__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_search__button-primary svg, .main_ui_dashboard_search__btn-primary svg, .main_ui_dashboard_search__modal-danger-btn svg, .main_ui_dashboard_search__modal-accept-btn svg,
.main_ui_dashboard_search__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_search__button-primary:hover, .main_ui_dashboard_search__btn-primary:hover, .main_ui_dashboard_search__modal-danger-btn:hover, .main_ui_dashboard_search__modal-accept-btn: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;
}
.main_ui_dashboard_search__button-primary:hover svg, .main_ui_dashboard_search__btn-primary:hover svg, .main_ui_dashboard_search__modal-danger-btn:hover svg, .main_ui_dashboard_search__modal-accept-btn:hover svg,
.main_ui_dashboard_search__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_search__button-primary:active, .main_ui_dashboard_search__btn-primary:active, .main_ui_dashboard_search__modal-danger-btn:active, .main_ui_dashboard_search__modal-accept-btn: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;
}
.main_ui_dashboard_search__button-primary:active svg, .main_ui_dashboard_search__btn-primary:active svg, .main_ui_dashboard_search__modal-danger-btn:active svg, .main_ui_dashboard_search__modal-accept-btn:active svg,
.main_ui_dashboard_search__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_search__button-primary.disabled, .main_ui_dashboard_search__btn-primary.disabled, .main_ui_dashboard_search__modal-danger-btn.disabled, .main_ui_dashboard_search__modal-accept-btn.disabled, .main_ui_dashboard_search__button-primary[disabled], [disabled].main_ui_dashboard_search__btn-primary, [disabled].main_ui_dashboard_search__modal-danger-btn, [disabled].main_ui_dashboard_search__modal-accept-btn, .main_ui_dashboard_search__button-primary:disabled, .main_ui_dashboard_search__btn-primary:disabled, .main_ui_dashboard_search__modal-danger-btn:disabled, .main_ui_dashboard_search__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_search__button-secondary, .main_ui_dashboard_search__btn-secondary, .main_ui_dashboard_search__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_search__button-secondary:focus-visible, .main_ui_dashboard_search__btn-secondary:focus-visible, .main_ui_dashboard_search__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_search__button-secondary:focus-visible svg, .main_ui_dashboard_search__btn-secondary:focus-visible svg, .main_ui_dashboard_search__modal-cancel-btn:focus-visible svg,
.main_ui_dashboard_search__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_search__button-secondary svg, .main_ui_dashboard_search__btn-secondary svg, .main_ui_dashboard_search__modal-cancel-btn svg,
.main_ui_dashboard_search__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_search__button-secondary:hover, .main_ui_dashboard_search__btn-secondary:hover, .main_ui_dashboard_search__modal-cancel-btn: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;
}
.main_ui_dashboard_search__button-secondary:hover svg, .main_ui_dashboard_search__btn-secondary:hover svg, .main_ui_dashboard_search__modal-cancel-btn:hover svg,
.main_ui_dashboard_search__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_search__button-secondary:active, .main_ui_dashboard_search__btn-secondary:active, .main_ui_dashboard_search__modal-cancel-btn: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);
}
.main_ui_dashboard_search__button-secondary:active svg, .main_ui_dashboard_search__btn-secondary:active svg, .main_ui_dashboard_search__modal-cancel-btn:active svg,
.main_ui_dashboard_search__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_search__button-secondary.disabled, .main_ui_dashboard_search__btn-secondary.disabled, .main_ui_dashboard_search__modal-cancel-btn.disabled, .main_ui_dashboard_search__button-secondary[disabled], [disabled].main_ui_dashboard_search__btn-secondary, [disabled].main_ui_dashboard_search__modal-cancel-btn, .main_ui_dashboard_search__button-secondary:disabled, .main_ui_dashboard_search__btn-secondary:disabled, .main_ui_dashboard_search__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_search__button-tertiary, .main_ui_dashboard_search__attr-title button, .main_ui_dashboard_search__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_search__button-tertiary:focus-visible, .main_ui_dashboard_search__attr-title button:focus-visible, .main_ui_dashboard_search__modal-close-btn-base: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);
}
.main_ui_dashboard_search__button-tertiary:focus-visible svg, .main_ui_dashboard_search__attr-title button:focus-visible svg, .main_ui_dashboard_search__modal-close-btn-base:focus-visible svg,
.main_ui_dashboard_search__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_search__button-tertiary svg, .main_ui_dashboard_search__attr-title button svg, .main_ui_dashboard_search__modal-close-btn-base svg,
.main_ui_dashboard_search__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_search__button-tertiary:hover, .main_ui_dashboard_search__attr-title button:hover, .main_ui_dashboard_search__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_search__button-tertiary:hover svg, .main_ui_dashboard_search__attr-title button:hover svg, .main_ui_dashboard_search__modal-close-btn-base:hover svg,
.main_ui_dashboard_search__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_search__button-tertiary:active, .main_ui_dashboard_search__attr-title button:active, .main_ui_dashboard_search__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_search__button-tertiary:active svg, .main_ui_dashboard_search__attr-title button:active svg, .main_ui_dashboard_search__modal-close-btn-base:active svg,
.main_ui_dashboard_search__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_search__button-tertiary.disabled, .main_ui_dashboard_search__attr-title button.disabled, .main_ui_dashboard_search__modal-close-btn-base.disabled, .main_ui_dashboard_search__button-tertiary[disabled], .main_ui_dashboard_search__attr-title button[disabled], [disabled].main_ui_dashboard_search__modal-close-btn-base, .main_ui_dashboard_search__button-tertiary:disabled, .main_ui_dashboard_search__attr-title button:disabled, .main_ui_dashboard_search__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_search__button-tertiary.disabled svg, .main_ui_dashboard_search__attr-title button.disabled svg, .main_ui_dashboard_search__modal-close-btn-base.disabled svg,
.main_ui_dashboard_search__button-tertiary.disabled span svg, .main_ui_dashboard_search__button-tertiary[disabled] svg, .main_ui_dashboard_search__attr-title button[disabled] svg, [disabled].main_ui_dashboard_search__modal-close-btn-base svg,
.main_ui_dashboard_search__button-tertiary[disabled] span svg, .main_ui_dashboard_search__button-tertiary:disabled svg, .main_ui_dashboard_search__attr-title button:disabled svg, .main_ui_dashboard_search__modal-close-btn-base:disabled svg,
.main_ui_dashboard_search__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_search__button-icon-selected {
  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);
}
.main_ui_dashboard_search__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_search__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_search__button-radio: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);
}
.main_ui_dashboard_search__button-radio:focus-visible svg,
.main_ui_dashboard_search__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_search__button-radio svg,
.main_ui_dashboard_search__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_search__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_search__button-radio:hover svg,
.main_ui_dashboard_search__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_search__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_search__button-radio:active svg,
.main_ui_dashboard_search__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_search__button-warning {
  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);
}

.main_ui_dashboard_search__button-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;
}

.main_ui_dashboard_search__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_search__button-tag: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);
}
.main_ui_dashboard_search__button-tag:focus-visible svg,
.main_ui_dashboard_search__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_search__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_search__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_search__button-icon, .main_ui_dashboard_search__empty-icon svg, .main_ui_dashboard_search__modal-close-btn-base svg, .main_ui_dashboard_search__button-icon-small, .main_ui_dashboard_search__dropdown-element-base span svg, .main_ui_dashboard_search__attr-title button svg, .main_ui_dashboard_search__checkbox-icon.intermediate svg, .main_ui_dashboard_search__input-checkbox label span.intermediate svg, .main_ui_dashboard_search__checkbox-icon.checked svg, .main_ui_dashboard_search__input-checkbox label span.checked svg, .main_ui_dashboard_search__input-element span svg,
.main_ui_dashboard_search__input-element label svg, .main_ui_dashboard_search__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_search__button-icon-small, .main_ui_dashboard_search__dropdown-element-base span svg, .main_ui_dashboard_search__attr-title button svg, .main_ui_dashboard_search__checkbox-icon.intermediate svg, .main_ui_dashboard_search__input-checkbox label span.intermediate svg, .main_ui_dashboard_search__checkbox-icon.checked svg, .main_ui_dashboard_search__input-checkbox label span.checked svg, .main_ui_dashboard_search__input-element span svg,
.main_ui_dashboard_search__input-element label svg, .main_ui_dashboard_search__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_search__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_search__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_search__input-base, .main_ui_dashboard_search__input-with-label input, .main_ui_dashboard_search__input-element-label input, .main_ui_dashboard_search__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_search__input-base[disabled], .main_ui_dashboard_search__input-with-label input[disabled], .main_ui_dashboard_search__input-element-label input[disabled], .main_ui_dashboard_search__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_search__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_search__input-label, .main_ui_dashboard_search__input-element span,
.main_ui_dashboard_search__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_search__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_search__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_search__input-element span svg,
.main_ui_dashboard_search__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_search__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_search__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_search__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_search__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_search__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_search__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_search__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_search__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_search__input-element:focus, .main_ui_dashboard_search__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_search__input-element:focus span, .main_ui_dashboard_search__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_search__input-element:focus input, .main_ui_dashboard_search__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_search__input-element:focus:hover, .main_ui_dashboard_search__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_search__input-element:focus:hover span, .main_ui_dashboard_search__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_search__input-element:focus:hover input, .main_ui_dashboard_search__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_search__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_search__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_search__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_search__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_search__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_search__input-element-label:focus-within input, .main_ui_dashboard_search__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_search__disabled-input, .main_ui_dashboard_search__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_search__disabled-input input, .main_ui_dashboard_search__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_search__disabled-input span svg, .main_ui_dashboard_search__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_search__checkbox-icon, .main_ui_dashboard_search__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_search__checkbox-icon svg, .main_ui_dashboard_search__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_search__checkbox-icon:hover, .main_ui_dashboard_search__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_search__checkbox-icon:focus, .main_ui_dashboard_search__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_search__checkbox-icon.checked, .main_ui_dashboard_search__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_search__checkbox-icon.checked svg, .main_ui_dashboard_search__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_search__checkbox-icon.intermediate, .main_ui_dashboard_search__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_search__checkbox-icon.intermediate svg, .main_ui_dashboard_search__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_search__checkbox-icon.unchecked, .main_ui_dashboard_search__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_search__checkbox-icon.unchecked svg, .main_ui_dashboard_search__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_search__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_search__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_search__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_search__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_search__input-checkbox label:focus span, .main_ui_dashboard_search__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_search__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_search__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_search__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_search__input-with-label input:focus-within, .main_ui_dashboard_search__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_search__input-with-label input:focus-within input, .main_ui_dashboard_search__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_search__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_search__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_search__modal-overlay-base {
  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);
}

.main_ui_dashboard_search__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_search__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_search__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_search__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_search__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_search__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_search__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_search__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_search__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_search__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_search__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_search__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_search__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_search__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_search__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_search__colorpicker-handler {
  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;
}
.main_ui_dashboard_search__colorpicker-handler:hover, .main_ui_dashboard_search__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_search__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_search__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_search__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_search__attr-title button {
  display: none;
}
.main_ui_dashboard_search__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_search__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_search__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_search__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_search__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_search__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_search__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_search__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_search__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_search__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_search__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_search__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_search__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_search__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_search__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_search__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_search__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_search__dashboard-header {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 0.5rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.main_ui_dashboard_search__dashboard-header.main_ui_dashboard_search__team {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.main_ui_dashboard_search__dashboard-header .main_ui_dashboard_search__element-name {
  margin-right: 0.5rem;
}
.main_ui_dashboard_search__dashboard-header .main_ui_dashboard_search__btn-secondary {
  flex-shrink: 0;
  height: 2rem;
}
.main_ui_dashboard_search__dashboard-header .main_ui_dashboard_search__btn-secondary svg {
  height: 1rem;
  width: 1rem;
}
.main_ui_dashboard_search__dashboard-header nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.main_ui_dashboard_search__dashboard-header nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.main_ui_dashboard_search__dashboard-header 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;
}
.main_ui_dashboard_search__dashboard-header nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.main_ui_dashboard_search__dashboard-header .main_ui_dashboard_search__dashboard-title {
  display: flex;
  align-items: center;
  margin-left: 0.75rem;
}
.main_ui_dashboard_search__dashboard-header .main_ui_dashboard_search__dashboard-title h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 400;
  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%;
}
.main_ui_dashboard_search__dashboard-header .main_ui_dashboard_search__dashboard-title .main_ui_dashboard_search__context-menu.main_ui_dashboard_search__is-open {
  margin-top: 0.5rem;
}
.main_ui_dashboard_search__dashboard-header .main_ui_dashboard_search__icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.main_ui_dashboard_search__dashboard-header .main_ui_dashboard_search__icon svg {
  stroke: var(--color-foreground-secondary);
  fill: none;
  width: 1rem;
  height: 1rem;
}
.main_ui_dashboard_search__dashboard-header .main_ui_dashboard_search__icon svg:hover {
  stroke: var(--color-accent-tertiary);
  fill: none;
}
.main_ui_dashboard_search__dashboard-header .main_ui_dashboard_search__dashboard-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main_ui_dashboard_search__dashboard-header .main_ui_dashboard_search__dashboard-header-actions {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.main_ui_dashboard_search__dashboard-header .main_ui_dashboard_search__dashboard-header-options li a {
  font-size: 1rem;
  color: var(--color-foreground-secondary);
  border-color: transparent;
}
.main_ui_dashboard_search__dashboard-header .main_ui_dashboard_search__dashboard-header-options li a:hover {
  color: var(--color-foreground-primary);
}
.main_ui_dashboard_search__dashboard-header .main_ui_dashboard_search__dashboard-header-options li.main_ui_dashboard_search__active a {
  color: var(--color-foreground-primary);
}

.main_ui_dashboard_search__btn-primary {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 400;
}

.main_ui_dashboard_search__btn-secondary {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

@keyframes main_ui_dashboard_search__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_search__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_search__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_search__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_search__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_search__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_search__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_search__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_search__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_search__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_search__new-scrollbar ::placeholder,
.main_ui_dashboard_search__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_search__button-primary, .main_ui_dashboard_search__modal-danger-btn, .main_ui_dashboard_search__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_search__button-primary:focus-visible, .main_ui_dashboard_search__modal-danger-btn:focus-visible, .main_ui_dashboard_search__modal-accept-btn: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);
}
.main_ui_dashboard_search__button-primary:focus-visible svg, .main_ui_dashboard_search__modal-danger-btn:focus-visible svg, .main_ui_dashboard_search__modal-accept-btn:focus-visible svg,
.main_ui_dashboard_search__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_search__button-primary svg, .main_ui_dashboard_search__modal-danger-btn svg, .main_ui_dashboard_search__modal-accept-btn svg,
.main_ui_dashboard_search__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_search__button-primary:hover, .main_ui_dashboard_search__modal-danger-btn:hover, .main_ui_dashboard_search__modal-accept-btn: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;
}
.main_ui_dashboard_search__button-primary:hover svg, .main_ui_dashboard_search__modal-danger-btn:hover svg, .main_ui_dashboard_search__modal-accept-btn:hover svg,
.main_ui_dashboard_search__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_search__button-primary:active, .main_ui_dashboard_search__modal-danger-btn:active, .main_ui_dashboard_search__modal-accept-btn: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;
}
.main_ui_dashboard_search__button-primary:active svg, .main_ui_dashboard_search__modal-danger-btn:active svg, .main_ui_dashboard_search__modal-accept-btn:active svg,
.main_ui_dashboard_search__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_search__button-primary.disabled, .main_ui_dashboard_search__modal-danger-btn.disabled, .main_ui_dashboard_search__modal-accept-btn.disabled, .main_ui_dashboard_search__button-primary[disabled], [disabled].main_ui_dashboard_search__modal-danger-btn, [disabled].main_ui_dashboard_search__modal-accept-btn, .main_ui_dashboard_search__button-primary:disabled, .main_ui_dashboard_search__modal-danger-btn:disabled, .main_ui_dashboard_search__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_search__button-secondary, .main_ui_dashboard_search__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_search__button-secondary:focus-visible, .main_ui_dashboard_search__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_search__button-secondary:focus-visible svg, .main_ui_dashboard_search__modal-cancel-btn:focus-visible svg,
.main_ui_dashboard_search__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_search__button-secondary svg, .main_ui_dashboard_search__modal-cancel-btn svg,
.main_ui_dashboard_search__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_search__button-secondary:hover, .main_ui_dashboard_search__modal-cancel-btn: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;
}
.main_ui_dashboard_search__button-secondary:hover svg, .main_ui_dashboard_search__modal-cancel-btn:hover svg,
.main_ui_dashboard_search__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_search__button-secondary:active, .main_ui_dashboard_search__modal-cancel-btn: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);
}
.main_ui_dashboard_search__button-secondary:active svg, .main_ui_dashboard_search__modal-cancel-btn:active svg,
.main_ui_dashboard_search__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_search__button-secondary.disabled, .main_ui_dashboard_search__modal-cancel-btn.disabled, .main_ui_dashboard_search__button-secondary[disabled], [disabled].main_ui_dashboard_search__modal-cancel-btn, .main_ui_dashboard_search__button-secondary:disabled, .main_ui_dashboard_search__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_search__button-tertiary, .main_ui_dashboard_search__attr-title button, .main_ui_dashboard_search__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_search__button-tertiary:focus-visible, .main_ui_dashboard_search__attr-title button:focus-visible, .main_ui_dashboard_search__modal-close-btn-base: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);
}
.main_ui_dashboard_search__button-tertiary:focus-visible svg, .main_ui_dashboard_search__attr-title button:focus-visible svg, .main_ui_dashboard_search__modal-close-btn-base:focus-visible svg,
.main_ui_dashboard_search__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_search__button-tertiary svg, .main_ui_dashboard_search__attr-title button svg, .main_ui_dashboard_search__modal-close-btn-base svg,
.main_ui_dashboard_search__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_search__button-tertiary:hover, .main_ui_dashboard_search__attr-title button:hover, .main_ui_dashboard_search__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_search__button-tertiary:hover svg, .main_ui_dashboard_search__attr-title button:hover svg, .main_ui_dashboard_search__modal-close-btn-base:hover svg,
.main_ui_dashboard_search__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_search__button-tertiary:active, .main_ui_dashboard_search__attr-title button:active, .main_ui_dashboard_search__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_search__button-tertiary:active svg, .main_ui_dashboard_search__attr-title button:active svg, .main_ui_dashboard_search__modal-close-btn-base:active svg,
.main_ui_dashboard_search__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_search__button-tertiary.disabled, .main_ui_dashboard_search__attr-title button.disabled, .main_ui_dashboard_search__modal-close-btn-base.disabled, .main_ui_dashboard_search__button-tertiary[disabled], .main_ui_dashboard_search__attr-title button[disabled], [disabled].main_ui_dashboard_search__modal-close-btn-base, .main_ui_dashboard_search__button-tertiary:disabled, .main_ui_dashboard_search__attr-title button:disabled, .main_ui_dashboard_search__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_search__button-tertiary.disabled svg, .main_ui_dashboard_search__attr-title button.disabled svg, .main_ui_dashboard_search__modal-close-btn-base.disabled svg,
.main_ui_dashboard_search__button-tertiary.disabled span svg, .main_ui_dashboard_search__button-tertiary[disabled] svg, .main_ui_dashboard_search__attr-title button[disabled] svg, [disabled].main_ui_dashboard_search__modal-close-btn-base svg,
.main_ui_dashboard_search__button-tertiary[disabled] span svg, .main_ui_dashboard_search__button-tertiary:disabled svg, .main_ui_dashboard_search__attr-title button:disabled svg, .main_ui_dashboard_search__modal-close-btn-base:disabled svg,
.main_ui_dashboard_search__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_search__button-icon-selected {
  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);
}
.main_ui_dashboard_search__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_search__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_search__button-radio: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);
}
.main_ui_dashboard_search__button-radio:focus-visible svg,
.main_ui_dashboard_search__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_search__button-radio svg,
.main_ui_dashboard_search__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_search__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_search__button-radio:hover svg,
.main_ui_dashboard_search__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_search__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_search__button-radio:active svg,
.main_ui_dashboard_search__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_search__button-warning {
  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);
}

.main_ui_dashboard_search__button-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;
}

.main_ui_dashboard_search__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_search__button-tag: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);
}
.main_ui_dashboard_search__button-tag:focus-visible svg,
.main_ui_dashboard_search__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_search__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_search__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_search__button-icon, .main_ui_dashboard_search__empty-icon svg, .main_ui_dashboard_search__modal-close-btn-base svg, .main_ui_dashboard_search__button-icon-small, .main_ui_dashboard_search__dropdown-element-base span svg, .main_ui_dashboard_search__attr-title button svg, .main_ui_dashboard_search__checkbox-icon.intermediate svg, .main_ui_dashboard_search__input-checkbox label span.intermediate svg, .main_ui_dashboard_search__checkbox-icon.checked svg, .main_ui_dashboard_search__input-checkbox label span.checked svg, .main_ui_dashboard_search__input-element span svg,
.main_ui_dashboard_search__input-element label svg, .main_ui_dashboard_search__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_search__button-icon-small, .main_ui_dashboard_search__dropdown-element-base span svg, .main_ui_dashboard_search__attr-title button svg, .main_ui_dashboard_search__checkbox-icon.intermediate svg, .main_ui_dashboard_search__input-checkbox label span.intermediate svg, .main_ui_dashboard_search__checkbox-icon.checked svg, .main_ui_dashboard_search__input-checkbox label span.checked svg, .main_ui_dashboard_search__input-element span svg,
.main_ui_dashboard_search__input-element label svg, .main_ui_dashboard_search__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_search__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_search__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_search__input-base, .main_ui_dashboard_search__input-with-label input, .main_ui_dashboard_search__input-element-label input, .main_ui_dashboard_search__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_search__input-base[disabled], .main_ui_dashboard_search__input-with-label input[disabled], .main_ui_dashboard_search__input-element-label input[disabled], .main_ui_dashboard_search__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_search__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_search__input-label, .main_ui_dashboard_search__input-element span,
.main_ui_dashboard_search__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_search__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_search__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_search__input-element span svg,
.main_ui_dashboard_search__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_search__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_search__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_search__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_search__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_search__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_search__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_search__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_search__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_search__input-element:focus, .main_ui_dashboard_search__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_search__input-element:focus span, .main_ui_dashboard_search__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_search__input-element:focus input, .main_ui_dashboard_search__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_search__input-element:focus:hover, .main_ui_dashboard_search__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_search__input-element:focus:hover span, .main_ui_dashboard_search__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_search__input-element:focus:hover input, .main_ui_dashboard_search__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_search__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_search__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_search__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_search__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_search__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_search__input-element-label:focus-within input, .main_ui_dashboard_search__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_search__disabled-input, .main_ui_dashboard_search__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_search__disabled-input input, .main_ui_dashboard_search__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_search__disabled-input span svg, .main_ui_dashboard_search__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_search__checkbox-icon, .main_ui_dashboard_search__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_search__checkbox-icon svg, .main_ui_dashboard_search__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_search__checkbox-icon:hover, .main_ui_dashboard_search__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_search__checkbox-icon:focus, .main_ui_dashboard_search__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_search__checkbox-icon.checked, .main_ui_dashboard_search__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_search__checkbox-icon.checked svg, .main_ui_dashboard_search__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_search__checkbox-icon.intermediate, .main_ui_dashboard_search__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_search__checkbox-icon.intermediate svg, .main_ui_dashboard_search__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_search__checkbox-icon.unchecked, .main_ui_dashboard_search__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_search__checkbox-icon.unchecked svg, .main_ui_dashboard_search__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_search__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_search__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_search__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_search__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_search__input-checkbox label:focus span, .main_ui_dashboard_search__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_search__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_search__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_search__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_search__input-with-label input:focus-within, .main_ui_dashboard_search__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_search__input-with-label input:focus-within input, .main_ui_dashboard_search__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_search__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_search__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_search__modal-overlay-base {
  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);
}

.main_ui_dashboard_search__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_search__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_search__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_search__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_search__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_search__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_search__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_search__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_search__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_search__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_search__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_search__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_search__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_search__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_search__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_search__colorpicker-handler {
  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;
}
.main_ui_dashboard_search__colorpicker-handler:hover, .main_ui_dashboard_search__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_search__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_search__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_search__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_search__attr-title button {
  display: none;
}
.main_ui_dashboard_search__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_search__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_search__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_search__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_search__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_search__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_search__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_search__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_search__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_search__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_search__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_search__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_search__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_search__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_search__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_search__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_search__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_search__dashboard-grid {
  font-size: 0.875rem;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 1rem;
}

.main_ui_dashboard_search__grid-row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(0.75rem + var(--th-width, 15.75rem));
  width: 100%;
  gap: 1.5rem;
}

.main_ui_dashboard_search__grid-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin: 0.75rem 0;
  position: relative;
  text-align: center;
}
.main_ui_dashboard_search__grid-item a,
.main_ui_dashboard_search__grid-item button {
  width: 100%;
  font-weight: 400;
}
.main_ui_dashboard_search__grid-item button {
  background-color: transparent;
  border: none;
  padding: 0 0.375rem;
}
.main_ui_dashboard_search__grid-item .main_ui_dashboard_search__grid-item-th {
  border-radius: 0.5rem;
  text-align: initial;
  width: var(--th-width, 15.75rem);
  height: var(--th-height, 10.5rem);
  background-size: cover;
  overflow: hidden;
}
.main_ui_dashboard_search__grid-item .main_ui_dashboard_search__grid-item-th img {
  -o-object-fit: contain;
     object-fit: contain;
}
.main_ui_dashboard_search__grid-item.main_ui_dashboard_search__dragged {
  border-radius: 0.25rem;
  outline: 0.25rem solid var(--color-accent-primary);
  text-align: initial;
  width: calc(var(--th-width) + 0.75rem);
  height: var(--th-height, 10.5rem);
}
.main_ui_dashboard_search__grid-item.main_ui_dashboard_search__overlay {
  border-radius: 0.25rem;
  border: 0.125rem solid var(--color-accent-tertiary);
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.main_ui_dashboard_search__grid-item:hover .main_ui_dashboard_search__overlay {
  display: block;
  opacity: 1;
}
.main_ui_dashboard_search__grid-item .main_ui_dashboard_search__info-wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  cursor: pointer;
  max-width: var(--th-width, 15.75rem);
}
.main_ui_dashboard_search__grid-item .main_ui_dashboard_search__item-info {
  display: grid;
  padding: 0.5rem;
  text-align: left;
  width: 100%;
  font-size: 0.75rem;
}
.main_ui_dashboard_search__grid-item .main_ui_dashboard_search__item-info 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) {
  .main_ui_dashboard_search__grid-item .main_ui_dashboard_search__item-info h3 {
    max-width: 14.5rem;
  }
}
.main_ui_dashboard_search__grid-item .main_ui_dashboard_search__item-info .main_ui_dashboard_search__date {
  color: var(--color-foreground-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  max-width: 16.25rem;
}
.main_ui_dashboard_search__grid-item .main_ui_dashboard_search__item-info .main_ui_dashboard_search__date::first-letter {
  text-transform: capitalize;
}
@media (max-width: 1366px) {
  .main_ui_dashboard_search__grid-item .main_ui_dashboard_search__item-info .main_ui_dashboard_search__date {
    max-width: 14.5rem;
  }
}
.main_ui_dashboard_search__grid-item .main_ui_dashboard_search__item-badge {
  background-color: var(--color-accent-primary);
  border: none;
  border-radius: 0.375rem;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_ui_dashboard_search__grid-item .main_ui_dashboard_search__item-badge svg {
  stroke: var(--color-background-secondary);
  fill: none;
  height: 1rem;
  width: 1rem;
}
.main_ui_dashboard_search__grid-item.main_ui_dashboard_search__add-file {
  border: 1px dashed var(--color-foreground-secondary);
  justify-content: center;
  box-shadow: none;
}
.main_ui_dashboard_search__grid-item.main_ui_dashboard_search__add-file span {
  color: var(--color-background-primary);
  font-size: 0.875rem;
}
.main_ui_dashboard_search__grid-item.main_ui_dashboard_search__add-file:hover {
  background-color: var(--color-foreground-primary);
  border: 0.125rem solid var(--color-accent-tertiary);
}

.main_ui_dashboard_search__drag-counter {
  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;
}

.main_ui_dashboard_search__project-th {
  background-color: transparent;
  border-radius: 0.5rem;
  padding-top: 0.375rem;
}
.main_ui_dashboard_search__project-th:hover, .main_ui_dashboard_search__project-th:focus, .main_ui_dashboard_search__project-th:focus-within {
  background-color: var(--color-background-tertiary);
}
.main_ui_dashboard_search__project-th:hover .main_ui_dashboard_search__project-th-actions, .main_ui_dashboard_search__project-th:focus .main_ui_dashboard_search__project-th-actions, .main_ui_dashboard_search__project-th:focus-within .main_ui_dashboard_search__project-th-actions {
  opacity: 1;
}
.main_ui_dashboard_search__project-th:hover a, .main_ui_dashboard_search__project-th:focus a, .main_ui_dashboard_search__project-th:focus-within a {
  text-decoration: none;
}
.main_ui_dashboard_search__project-th .main_ui_dashboard_search__selected .main_ui_dashboard_search__grid-item-th {
  outline: 0.25rem solid var(--color-accent-tertiary);
}

.main_ui_dashboard_search__project-th-actions {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: 0;
  right: 0.375rem;
  width: 2rem;
}
.main_ui_dashboard_search__project-th-actions span {
  color: var(--color-background-secondary);
}

.main_ui_dashboard_search__project-th-icon {
  align-items: center;
  display: flex;
  margin-right: 0.5rem;
  margin-top: 0;
}

.main_ui_dashboard_search__menu {
  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-tertiary-foreground-color-rest);
}
.main_ui_dashboard_search__menu:hover, .main_ui_dashboard_search__menu:focus {
  --menu-icon-color: var(--button-tertiary-foreground-color-hover);
}

.main_ui_dashboard_search__menu-icon {
  stroke: var(--menu-icon-color);
  fill: none;
  margin-right: 0;
  height: 1rem;
  width: 1rem;
}

.main_ui_dashboard_search__project-th-actions.main_ui_dashboard_search__force-display {
  opacity: 1;
}

.main_ui_dashboard_search__grid-item-th {
  border-radius: 0.25rem;
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.main_ui_dashboard_search__grid-item-th .main_ui_dashboard_search__img-th {
  height: auto;
  width: 100%;
}

.main_ui_dashboard_search__library {
  height: 36.25rem;
}

.main_ui_dashboard_search__grid-item.main_ui_dashboard_search__project-th.main_ui_dashboard_search__library {
  height: 38.25rem;
}

.main_ui_dashboard_search__grid-item-th.main_ui_dashboard_search__library {
  background-color: var(--color-background-tertiary);
  flex-direction: column;
  height: 90%;
  justify-content: flex-start;
  max-height: 36.25rem;
  padding: 2rem;
}
.main_ui_dashboard_search__grid-item-th.main_ui_dashboard_search__library .main_ui_dashboard_search__asset-section {
  font-size: 0.75rem;
  color: var(--color-foreground-secondary);
}
.main_ui_dashboard_search__grid-item-th.main_ui_dashboard_search__library .main_ui_dashboard_search__asset-section:not(:first-child) {
  margin-top: 1rem;
}
.main_ui_dashboard_search__grid-item-th.main_ui_dashboard_search__library .main_ui_dashboard_search__asset-title {
  display: flex;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.main_ui_dashboard_search__grid-item-th.main_ui_dashboard_search__library .main_ui_dashboard_search__asset-title .main_ui_dashboard_search__num-assets {
  color: var(--color-foreground-secondary);
}
.main_ui_dashboard_search__grid-item-th.main_ui_dashboard_search__library .main_ui_dashboard_search__asset-list-item {
  align-items: center;
  border-radius: 0.25rem;
  border: 1px solid transparent;
  color: var(--color-foreground-primary);
  display: flex;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  padding: 0.125rem;
  position: relative;
}
.main_ui_dashboard_search__grid-item-th.main_ui_dashboard_search__library .main_ui_dashboard_search__asset-list-item .main_ui_dashboard_search__name-block {
  color: var(--color-foreground-secondary);
  width: calc(100% - 1.5rem - 0.5rem);
}
.main_ui_dashboard_search__grid-item-th.main_ui_dashboard_search__library .main_ui_dashboard_search__asset-list-item .main_ui_dashboard_search__item-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_search__grid-item-th.main_ui_dashboard_search__library .main_ui_dashboard_search__asset-list-item svg {
  background-color: var(--color-canvas);
  border-radius: 0.25rem;
  border: 0.125rem solid transparent;
  height: 1.5rem;
  margin-right: 0.5rem;
  width: 1.5rem;
}
.main_ui_dashboard_search__grid-item-th.main_ui_dashboard_search__library .main_ui_dashboard_search__asset-list-item .main_ui_dashboard_search__color-name {
  color: var(--color-foreground-primary);
}
.main_ui_dashboard_search__grid-item-th.main_ui_dashboard_search__library .main_ui_dashboard_search__asset-list-item .main_ui_dashboard_search__color-value {
  color: var(--color-foreground-secondary);
  margin-left: 0.25rem;
  text-transform: uppercase;
}
.main_ui_dashboard_search__grid-item-th.main_ui_dashboard_search__library .main_ui_dashboard_search__asset-list-item .main_ui_dashboard_search__typography-sample {
  height: 1.25rem;
  margin-right: 0.25rem;
  width: 1.25rem;
}

.main_ui_dashboard_search__color-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
}

.main_ui_dashboard_search__grid-loader {
  --icon-width: calc(var(--th-width, 15.75rem) * 0.25);
}

.main_ui_dashboard_search__grid-empty-placeholder {
  border-radius: 0.75rem;
  display: grid;
  padding: 0.75rem 0;
}
.main_ui_dashboard_search__grid-empty-placeholder.main_ui_dashboard_search__libs {
  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: 0.25rem;
  display: flex;
  flex-direction: column;
  height: 12.5rem;
  margin: 1rem;
  padding: 3rem;
  justify-content: center;
}
.main_ui_dashboard_search__grid-empty-placeholder.main_ui_dashboard_search__libs .main_ui_dashboard_search__text a {
  color: var(--color-foreground-primary);
}
.main_ui_dashboard_search__grid-empty-placeholder.main_ui_dashboard_search__libs .main_ui_dashboard_search__text p {
  max-width: 22.5rem;
  text-align: center;
  font-size: 1rem;
}
.main_ui_dashboard_search__grid-empty-placeholder .main_ui_dashboard_search__create-new {
  background-color: var(--color-background-tertiary);
  border-radius: 0.5rem;
  color: var(--color-foreground-primary);
  cursor: pointer;
  height: 10rem;
  margin: 0.5rem;
  border: 0.125rem solid transparent;
  width: var(--th-width, 15.75rem);
  height: var(--th-height, 10.5rem);
}
.main_ui_dashboard_search__grid-empty-placeholder .main_ui_dashboard_search__create-new svg {
  width: 2rem;
  height: 2rem;
  stroke: var(--color-foreground-secondary);
}
.main_ui_dashboard_search__grid-empty-placeholder .main_ui_dashboard_search__create-new:hover {
  border: 0.125rem solid var(--color-accent-tertiary);
  background-color: var(--color-background-quaternary);
  color: var(--color-accent-primary);
}
.main_ui_dashboard_search__grid-empty-placeholder .main_ui_dashboard_search__create-new:hover svg {
  stroke: var(--color-accent-tertiary);
}
.main_ui_dashboard_search__grid-empty-placeholder .main_ui_dashboard_search__text {
  margin-top: 0.75rem;
  color: var(--color-foreground-secondary);
  font-size: 1rem;
}

.main_ui_dashboard_search__placeholder-loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: var(--sp-xxxl);
  margin: var(--sp-xxxl) 0 var(--sp-m) 0;
}

.main_ui_dashboard_search__placeholder-text {
  color: var(--color-foreground-secondary);
  font-size: 1rem;
  text-align: center;
}

.main_ui_dashboard_search__placeholder-markdown {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1rem;
}
.main_ui_dashboard_search__placeholder-markdown a {
  color: var(--color-accent-primary);
}

.main_ui_dashboard_search__empty-placeholder-libraries {
  margin: 1rem;
}

.main_ui_dashboard_search__empty-project-container {
  width: 100%;
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 0.75rem;
}

.main_ui_dashboard_search__empty-project-card {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  --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: 0.5rem;
  padding: var(--sp-m) 0;
  flex-grow: 1;
}
.main_ui_dashboard_search__empty-project-card:hover {
  --color-card-background: var(--color-accent-primary);
  --color-card-title: var(--color-background-secondary);
  --color-card-subtitle: var(--color-background-secondary);
  cursor: pointer;
}
.main_ui_dashboard_search__empty-project-card:hover .main_ui_dashboard_search__empty-project-card-title {
  font-weight: 500;
}

.main_ui_dashboard_search__empty-project-card-title {
  color: var(--color-card-title);
}

.main_ui_dashboard_search__empty-project-card-subtitle {
  color: var(--color-card-subtitle);
}

.main_ui_dashboard_search__dashboard-container {
  flex: 1 0 0;
  margin-right: 1rem;
  overflow-y: auto;
  width: 100%;
  border-top: 1px solid var(--color-background-quaternary);
}
.main_ui_dashboard_search__dashboard-container.main_ui_dashboard_search__dashboard-projects {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.main_ui_dashboard_search__dashboard-container.main_ui_dashboard_search__dashboard-shared {
  width: calc(100vw - 20rem);
  margin-right: 3.25rem;
}
.main_ui_dashboard_search__dashboard-container.main_ui_dashboard_search__search {
  margin-top: 0.75rem;
}

.main_ui_dashboard_search__grid-empty-placeholder.main_ui_dashboard_search__search {
  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: 0.5rem;
}
.main_ui_dashboard_search__grid-empty-placeholder.main_ui_dashboard_search__search .main_ui_dashboard_search__text {
  color: var(--color-foreground-primary);
}
.main_ui_dashboard_search__grid-empty-placeholder.main_ui_dashboard_search__search .main_ui_dashboard_search__icon svg {
  stroke: var(--color-foreground-secondary);
  width: 2rem;
  height: 2rem;
}
@keyframes main_ui_dashboard_sidebar__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_sidebar__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_sidebar__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_sidebar__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_sidebar__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_sidebar__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_sidebar__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_sidebar__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_sidebar__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_sidebar__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_sidebar__new-scrollbar ::placeholder,
.main_ui_dashboard_sidebar__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_sidebar__button-primary, .main_ui_dashboard_sidebar__btn-primary, .main_ui_dashboard_sidebar__modal-danger-btn, .main_ui_dashboard_sidebar__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_sidebar__button-primary:focus-visible, .main_ui_dashboard_sidebar__btn-primary:focus-visible, .main_ui_dashboard_sidebar__modal-danger-btn:focus-visible, .main_ui_dashboard_sidebar__modal-accept-btn: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);
}
.main_ui_dashboard_sidebar__button-primary:focus-visible svg, .main_ui_dashboard_sidebar__btn-primary:focus-visible svg, .main_ui_dashboard_sidebar__modal-danger-btn:focus-visible svg, .main_ui_dashboard_sidebar__modal-accept-btn:focus-visible svg,
.main_ui_dashboard_sidebar__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_sidebar__button-primary svg, .main_ui_dashboard_sidebar__btn-primary svg, .main_ui_dashboard_sidebar__modal-danger-btn svg, .main_ui_dashboard_sidebar__modal-accept-btn svg,
.main_ui_dashboard_sidebar__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_sidebar__button-primary:hover, .main_ui_dashboard_sidebar__btn-primary:hover, .main_ui_dashboard_sidebar__modal-danger-btn:hover, .main_ui_dashboard_sidebar__modal-accept-btn: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;
}
.main_ui_dashboard_sidebar__button-primary:hover svg, .main_ui_dashboard_sidebar__btn-primary:hover svg, .main_ui_dashboard_sidebar__modal-danger-btn:hover svg, .main_ui_dashboard_sidebar__modal-accept-btn:hover svg,
.main_ui_dashboard_sidebar__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_sidebar__button-primary:active, .main_ui_dashboard_sidebar__btn-primary:active, .main_ui_dashboard_sidebar__modal-danger-btn:active, .main_ui_dashboard_sidebar__modal-accept-btn: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;
}
.main_ui_dashboard_sidebar__button-primary:active svg, .main_ui_dashboard_sidebar__btn-primary:active svg, .main_ui_dashboard_sidebar__modal-danger-btn:active svg, .main_ui_dashboard_sidebar__modal-accept-btn:active svg,
.main_ui_dashboard_sidebar__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_sidebar__button-primary.disabled, .main_ui_dashboard_sidebar__btn-primary.disabled, .main_ui_dashboard_sidebar__modal-danger-btn.disabled, .main_ui_dashboard_sidebar__modal-accept-btn.disabled, .main_ui_dashboard_sidebar__button-primary[disabled], [disabled].main_ui_dashboard_sidebar__btn-primary, [disabled].main_ui_dashboard_sidebar__modal-danger-btn, [disabled].main_ui_dashboard_sidebar__modal-accept-btn, .main_ui_dashboard_sidebar__button-primary:disabled, .main_ui_dashboard_sidebar__btn-primary:disabled, .main_ui_dashboard_sidebar__modal-danger-btn:disabled, .main_ui_dashboard_sidebar__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_sidebar__button-secondary, .main_ui_dashboard_sidebar__btn-secondary, .main_ui_dashboard_sidebar__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_sidebar__button-secondary:focus-visible, .main_ui_dashboard_sidebar__btn-secondary:focus-visible, .main_ui_dashboard_sidebar__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_sidebar__button-secondary:focus-visible svg, .main_ui_dashboard_sidebar__btn-secondary:focus-visible svg, .main_ui_dashboard_sidebar__modal-cancel-btn:focus-visible svg,
.main_ui_dashboard_sidebar__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_sidebar__button-secondary svg, .main_ui_dashboard_sidebar__btn-secondary svg, .main_ui_dashboard_sidebar__modal-cancel-btn svg,
.main_ui_dashboard_sidebar__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_sidebar__button-secondary:hover, .main_ui_dashboard_sidebar__btn-secondary:hover, .main_ui_dashboard_sidebar__modal-cancel-btn: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;
}
.main_ui_dashboard_sidebar__button-secondary:hover svg, .main_ui_dashboard_sidebar__btn-secondary:hover svg, .main_ui_dashboard_sidebar__modal-cancel-btn:hover svg,
.main_ui_dashboard_sidebar__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_sidebar__button-secondary:active, .main_ui_dashboard_sidebar__btn-secondary:active, .main_ui_dashboard_sidebar__modal-cancel-btn: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);
}
.main_ui_dashboard_sidebar__button-secondary:active svg, .main_ui_dashboard_sidebar__btn-secondary:active svg, .main_ui_dashboard_sidebar__modal-cancel-btn:active svg,
.main_ui_dashboard_sidebar__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_sidebar__button-secondary.disabled, .main_ui_dashboard_sidebar__btn-secondary.disabled, .main_ui_dashboard_sidebar__modal-cancel-btn.disabled, .main_ui_dashboard_sidebar__button-secondary[disabled], [disabled].main_ui_dashboard_sidebar__btn-secondary, [disabled].main_ui_dashboard_sidebar__modal-cancel-btn, .main_ui_dashboard_sidebar__button-secondary:disabled, .main_ui_dashboard_sidebar__btn-secondary:disabled, .main_ui_dashboard_sidebar__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_sidebar__button-tertiary, .main_ui_dashboard_sidebar__attr-title button, .main_ui_dashboard_sidebar__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_sidebar__button-tertiary:focus-visible, .main_ui_dashboard_sidebar__attr-title button:focus-visible, .main_ui_dashboard_sidebar__modal-close-btn-base: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);
}
.main_ui_dashboard_sidebar__button-tertiary:focus-visible svg, .main_ui_dashboard_sidebar__attr-title button:focus-visible svg, .main_ui_dashboard_sidebar__modal-close-btn-base:focus-visible svg,
.main_ui_dashboard_sidebar__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_sidebar__button-tertiary svg, .main_ui_dashboard_sidebar__attr-title button svg, .main_ui_dashboard_sidebar__modal-close-btn-base svg,
.main_ui_dashboard_sidebar__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_sidebar__button-tertiary:hover, .main_ui_dashboard_sidebar__attr-title button:hover, .main_ui_dashboard_sidebar__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_sidebar__button-tertiary:hover svg, .main_ui_dashboard_sidebar__attr-title button:hover svg, .main_ui_dashboard_sidebar__modal-close-btn-base:hover svg,
.main_ui_dashboard_sidebar__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_sidebar__button-tertiary:active, .main_ui_dashboard_sidebar__attr-title button:active, .main_ui_dashboard_sidebar__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_sidebar__button-tertiary:active svg, .main_ui_dashboard_sidebar__attr-title button:active svg, .main_ui_dashboard_sidebar__modal-close-btn-base:active svg,
.main_ui_dashboard_sidebar__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_sidebar__button-tertiary.disabled, .main_ui_dashboard_sidebar__attr-title button.disabled, .main_ui_dashboard_sidebar__modal-close-btn-base.disabled, .main_ui_dashboard_sidebar__button-tertiary[disabled], .main_ui_dashboard_sidebar__attr-title button[disabled], [disabled].main_ui_dashboard_sidebar__modal-close-btn-base, .main_ui_dashboard_sidebar__button-tertiary:disabled, .main_ui_dashboard_sidebar__attr-title button:disabled, .main_ui_dashboard_sidebar__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_sidebar__button-tertiary.disabled svg, .main_ui_dashboard_sidebar__attr-title button.disabled svg, .main_ui_dashboard_sidebar__modal-close-btn-base.disabled svg,
.main_ui_dashboard_sidebar__button-tertiary.disabled span svg, .main_ui_dashboard_sidebar__button-tertiary[disabled] svg, .main_ui_dashboard_sidebar__attr-title button[disabled] svg, [disabled].main_ui_dashboard_sidebar__modal-close-btn-base svg,
.main_ui_dashboard_sidebar__button-tertiary[disabled] span svg, .main_ui_dashboard_sidebar__button-tertiary:disabled svg, .main_ui_dashboard_sidebar__attr-title button:disabled svg, .main_ui_dashboard_sidebar__modal-close-btn-base:disabled svg,
.main_ui_dashboard_sidebar__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_sidebar__button-icon-selected {
  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);
}
.main_ui_dashboard_sidebar__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_sidebar__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_sidebar__button-radio: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);
}
.main_ui_dashboard_sidebar__button-radio:focus-visible svg,
.main_ui_dashboard_sidebar__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_sidebar__button-radio svg,
.main_ui_dashboard_sidebar__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_sidebar__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_sidebar__button-radio:hover svg,
.main_ui_dashboard_sidebar__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_sidebar__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_sidebar__button-radio:active svg,
.main_ui_dashboard_sidebar__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_sidebar__button-warning {
  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);
}

.main_ui_dashboard_sidebar__button-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;
}

.main_ui_dashboard_sidebar__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_sidebar__button-tag: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);
}
.main_ui_dashboard_sidebar__button-tag:focus-visible svg,
.main_ui_dashboard_sidebar__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_sidebar__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_sidebar__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_sidebar__button-icon, .main_ui_dashboard_sidebar__arrow-icon, .main_ui_dashboard_sidebar__menu-icon, .main_ui_dashboard_sidebar__add-icon, .main_ui_dashboard_sidebar__search-icon,
.main_ui_dashboard_sidebar__clear-search-btn, .main_ui_dashboard_sidebar__exit-icon, .main_ui_dashboard_sidebar__empty-icon svg, .main_ui_dashboard_sidebar__modal-close-btn-base svg, .main_ui_dashboard_sidebar__button-icon-small, .main_ui_dashboard_sidebar__tick-icon, .main_ui_dashboard_sidebar__pin-icon, .main_ui_dashboard_sidebar__dropdown-element-base span svg, .main_ui_dashboard_sidebar__attr-title button svg, .main_ui_dashboard_sidebar__checkbox-icon.intermediate svg, .main_ui_dashboard_sidebar__input-checkbox label span.intermediate svg, .main_ui_dashboard_sidebar__checkbox-icon.checked svg, .main_ui_dashboard_sidebar__input-checkbox label span.checked svg, .main_ui_dashboard_sidebar__input-element span svg,
.main_ui_dashboard_sidebar__input-element label svg, .main_ui_dashboard_sidebar__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_sidebar__button-icon-small, .main_ui_dashboard_sidebar__tick-icon, .main_ui_dashboard_sidebar__pin-icon, .main_ui_dashboard_sidebar__dropdown-element-base span svg, .main_ui_dashboard_sidebar__attr-title button svg, .main_ui_dashboard_sidebar__checkbox-icon.intermediate svg, .main_ui_dashboard_sidebar__input-checkbox label span.intermediate svg, .main_ui_dashboard_sidebar__checkbox-icon.checked svg, .main_ui_dashboard_sidebar__input-checkbox label span.checked svg, .main_ui_dashboard_sidebar__input-element span svg,
.main_ui_dashboard_sidebar__input-element label svg, .main_ui_dashboard_sidebar__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_sidebar__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_sidebar__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_sidebar__input-base, .main_ui_dashboard_sidebar__input-with-label input, .main_ui_dashboard_sidebar__input-element-label input, .main_ui_dashboard_sidebar__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_sidebar__input-base[disabled], .main_ui_dashboard_sidebar__input-with-label input[disabled], .main_ui_dashboard_sidebar__input-element-label input[disabled], .main_ui_dashboard_sidebar__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_sidebar__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_sidebar__input-label, .main_ui_dashboard_sidebar__input-element span,
.main_ui_dashboard_sidebar__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_sidebar__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_sidebar__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_sidebar__input-element span svg,
.main_ui_dashboard_sidebar__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_sidebar__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_sidebar__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_sidebar__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_sidebar__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_sidebar__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_sidebar__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_sidebar__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_sidebar__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_sidebar__input-element:focus, .main_ui_dashboard_sidebar__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_sidebar__input-element:focus span, .main_ui_dashboard_sidebar__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_sidebar__input-element:focus input, .main_ui_dashboard_sidebar__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_sidebar__input-element:focus:hover, .main_ui_dashboard_sidebar__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_sidebar__input-element:focus:hover span, .main_ui_dashboard_sidebar__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_sidebar__input-element:focus:hover input, .main_ui_dashboard_sidebar__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_sidebar__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_sidebar__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_sidebar__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_sidebar__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_sidebar__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_sidebar__input-element-label:focus-within input, .main_ui_dashboard_sidebar__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_sidebar__disabled-input, .main_ui_dashboard_sidebar__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_sidebar__disabled-input input, .main_ui_dashboard_sidebar__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_sidebar__disabled-input span svg, .main_ui_dashboard_sidebar__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_sidebar__checkbox-icon, .main_ui_dashboard_sidebar__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_sidebar__checkbox-icon svg, .main_ui_dashboard_sidebar__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_sidebar__checkbox-icon:hover, .main_ui_dashboard_sidebar__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_sidebar__checkbox-icon:focus, .main_ui_dashboard_sidebar__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_sidebar__checkbox-icon.checked, .main_ui_dashboard_sidebar__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_sidebar__checkbox-icon.checked svg, .main_ui_dashboard_sidebar__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_sidebar__checkbox-icon.intermediate, .main_ui_dashboard_sidebar__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_sidebar__checkbox-icon.intermediate svg, .main_ui_dashboard_sidebar__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_sidebar__checkbox-icon.unchecked, .main_ui_dashboard_sidebar__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_sidebar__checkbox-icon.unchecked svg, .main_ui_dashboard_sidebar__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_sidebar__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_sidebar__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_sidebar__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_sidebar__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_sidebar__input-checkbox label:focus span, .main_ui_dashboard_sidebar__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_sidebar__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_sidebar__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_sidebar__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_sidebar__input-with-label input:focus-within, .main_ui_dashboard_sidebar__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_sidebar__input-with-label input:focus-within input, .main_ui_dashboard_sidebar__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_sidebar__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_sidebar__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_sidebar__modal-overlay-base {
  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);
}

.main_ui_dashboard_sidebar__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_sidebar__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_sidebar__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_sidebar__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_sidebar__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_sidebar__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_sidebar__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_sidebar__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_sidebar__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_sidebar__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_sidebar__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_sidebar__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_sidebar__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_sidebar__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_sidebar__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_sidebar__colorpicker-handler {
  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;
}
.main_ui_dashboard_sidebar__colorpicker-handler:hover, .main_ui_dashboard_sidebar__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_sidebar__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_sidebar__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_sidebar__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_sidebar__attr-title button {
  display: none;
}
.main_ui_dashboard_sidebar__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_sidebar__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_sidebar__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_sidebar__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_sidebar__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_sidebar__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_sidebar__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_sidebar__menu-dropdown, .main_ui_dashboard_sidebar__teams-dropdown, .main_ui_dashboard_sidebar__options-dropdown, .main_ui_dashboard_sidebar__profile-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_sidebar__menu-item-base, .main_ui_dashboard_sidebar__team-dropdown-item, .main_ui_dashboard_sidebar__team-options-item, .main_ui_dashboard_sidebar__profile-dropdown-item {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_sidebar__menu-item-base:hover, .main_ui_dashboard_sidebar__team-dropdown-item:hover, .main_ui_dashboard_sidebar__team-options-item:hover, .main_ui_dashboard_sidebar__profile-dropdown-item:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_sidebar__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_sidebar__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_sidebar__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_sidebar__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_sidebar__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_sidebar__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_sidebar__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_sidebar__dashboard-header {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 0.5rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.main_ui_dashboard_sidebar__dashboard-header.main_ui_dashboard_sidebar__team {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.main_ui_dashboard_sidebar__dashboard-header .main_ui_dashboard_sidebar__element-name {
  margin-right: 0.5rem;
}
.main_ui_dashboard_sidebar__dashboard-header .main_ui_dashboard_sidebar__btn-secondary {
  flex-shrink: 0;
  height: 2rem;
}
.main_ui_dashboard_sidebar__dashboard-header .main_ui_dashboard_sidebar__btn-secondary svg {
  height: 1rem;
  width: 1rem;
}
.main_ui_dashboard_sidebar__dashboard-header nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.main_ui_dashboard_sidebar__dashboard-header nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.main_ui_dashboard_sidebar__dashboard-header 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;
}
.main_ui_dashboard_sidebar__dashboard-header nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.main_ui_dashboard_sidebar__dashboard-header .main_ui_dashboard_sidebar__dashboard-title {
  display: flex;
  align-items: center;
  margin-left: 0.75rem;
}
.main_ui_dashboard_sidebar__dashboard-header .main_ui_dashboard_sidebar__dashboard-title h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 400;
  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%;
}
.main_ui_dashboard_sidebar__dashboard-header .main_ui_dashboard_sidebar__dashboard-title .main_ui_dashboard_sidebar__context-menu.main_ui_dashboard_sidebar__is-open {
  margin-top: 0.5rem;
}
.main_ui_dashboard_sidebar__dashboard-header .main_ui_dashboard_sidebar__icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.main_ui_dashboard_sidebar__dashboard-header .main_ui_dashboard_sidebar__icon svg {
  stroke: var(--color-foreground-secondary);
  fill: none;
  width: 1rem;
  height: 1rem;
}
.main_ui_dashboard_sidebar__dashboard-header .main_ui_dashboard_sidebar__icon svg:hover {
  stroke: var(--color-accent-tertiary);
  fill: none;
}
.main_ui_dashboard_sidebar__dashboard-header .main_ui_dashboard_sidebar__dashboard-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main_ui_dashboard_sidebar__dashboard-header .main_ui_dashboard_sidebar__dashboard-header-actions {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.main_ui_dashboard_sidebar__dashboard-header .main_ui_dashboard_sidebar__dashboard-header-options li a {
  font-size: 1rem;
  color: var(--color-foreground-secondary);
  border-color: transparent;
}
.main_ui_dashboard_sidebar__dashboard-header .main_ui_dashboard_sidebar__dashboard-header-options li a:hover {
  color: var(--color-foreground-primary);
}
.main_ui_dashboard_sidebar__dashboard-header .main_ui_dashboard_sidebar__dashboard-header-options li.main_ui_dashboard_sidebar__active a {
  color: var(--color-foreground-primary);
}

.main_ui_dashboard_sidebar__btn-primary {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 400;
}

.main_ui_dashboard_sidebar__btn-secondary {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

.main_ui_dashboard_sidebar__dashboard-sidebar {
  grid-row: 1/span 2;
  grid-column: 1/span 2;
  display: grid;
  grid-template-rows: 1fr auto;
  height: 100%;
  width: 100%;
  padding: 1rem 0 0 0;
  margin: 0 1rem 0 0;
  border-right: 1px solid var(--panel-border-color);
  background-color: var(--panel-background-color);
  z-index: 1;
}

.main_ui_dashboard_sidebar__sidebar-content {
  display: grid;
  grid-template-rows: auto auto auto auto 1fr;
  gap: 1.5rem;
  height: 100%;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.main_ui_dashboard_sidebar__separator {
  height: var(--sp-xxs);
  width: 94%;
  margin-left: 3%;
}

.main_ui_dashboard_sidebar__overflow-separator {
  border-bottom: 0.0625rem solid var(--color-background-quaternary);
}

.main_ui_dashboard_sidebar__sidebar-team-switch {
  position: relative;
  margin: 0.25rem 1rem;
}

.main_ui_dashboard_sidebar__switch-content {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  height: 3rem;
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid var(--menu-background-color);
  background-color: var(--menu-background-color);
}

.main_ui_dashboard_sidebar__current-team {
  border: none;
  background: none;
  cursor: pointer;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
  height: 100%;
  padding: 0 0.75rem;
}

.main_ui_dashboard_sidebar__team-name {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  gap: 0.75rem;
  height: 2.5rem;
}

.main_ui_dashboard_sidebar__team-text {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  width: 9rem;
  text-align: left;
  color: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_sidebar__penpot-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_sidebar__penpot-icon svg {
  fill: var(--icon-foreground);
  width: 1.5rem;
  height: 1.5rem;
}

.main_ui_dashboard_sidebar__team-picture {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
}

.main_ui_dashboard_sidebar__arrow-icon {
  transform: rotate(90deg);
  stroke: var(--icon-foreground);
}

.main_ui_dashboard_sidebar__switch-options {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1.5rem;
  min-width: 1.75rem;
  height: 100%;
  border-left: 1px solid var(--panel-background-color);
  background-color: transparent;
}

.main_ui_dashboard_sidebar__menu-icon {
  stroke: var(--icon-foreground);
}

.main_ui_dashboard_sidebar__teams-dropdown {
  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;
}

.main_ui_dashboard_sidebar__team-dropdown-item {
  display: grid;
  grid-template-columns: 1.5rem 1fr auto;
  gap: 0.5rem;
  height: 2.5rem;
}

.main_ui_dashboard_sidebar__action {
  --sidebar-action-icon-color: var(--icon-foreground);
  --sidebar-icon-backgroun-color: var(--color-background-secondary);
}
.main_ui_dashboard_sidebar__action:hover {
  --sidebar-action-icon-color: var(--color-background-secondary);
  --sidebar-icon-backgroun-color: var(--color-accent-primary);
}

.main_ui_dashboard_sidebar__icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.75rem;
  border-radius: 50%;
  background-color: var(--sidebar-icon-backgroun-color);
}

.main_ui_dashboard_sidebar__add-icon {
  width: 1.5rem;
  height: 1.5rem;
  stroke: var(--sidebar-action-icon-color);
}

.main_ui_dashboard_sidebar__team-separator {
  border-top: 1px solid var(--dropdown-separator-color);
  margin: 0;
}

.main_ui_dashboard_sidebar__tick-icon {
  stroke: var(--icon-foreground);
}

.main_ui_dashboard_sidebar__options-dropdown {
  right: 0.125rem;
  top: 3.25rem;
  max-height: 30rem;
}
.main_ui_dashboard_sidebar__options-dropdown:not(.main_ui_dashboard_sidebar__teams-dropdown) {
  min-width: 10rem;
}

.main_ui_dashboard_sidebar__team-options-item {
  height: 2.5rem;
}

.main_ui_dashboard_sidebar__team-option-separator {
  height: 1px;
  margin: 0;
  border-top: 1px solid var(--dropdown-separator-color);
}

.main_ui_dashboard_sidebar__sidebar-nav {
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: none;
}

.main_ui_dashboard_sidebar__pinned-projects {
  overflow-y: auto;
}

.main_ui_dashboard_sidebar__sidebar-nav-item {
  cursor: pointer;
}
.main_ui_dashboard_sidebar__sidebar-nav-item:hover {
  background-color: var(--sidebar-element-background-color-hover);
}
.main_ui_dashboard_sidebar__sidebar-nav-item:hover span {
  color: var(--sidebar-element-foreground-color-hover);
}
.main_ui_dashboard_sidebar__sidebar-nav-item.main_ui_dashboard_sidebar__current {
  background-color: var(--sidebar-element-background-color-selected);
}
.main_ui_dashboard_sidebar__sidebar-nav-item.main_ui_dashboard_sidebar__current .main_ui_dashboard_sidebar__element-title {
  color: var(--sidebar-element-foreground-color-selected);
}

.main_ui_dashboard_sidebar__recent-projects svg {
  stroke: var(--main-icon-foreground);
}

.main_ui_dashboard_sidebar__sidebar-link {
  display: block;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  font-weight: 400;
  width: 100%;
}
.main_ui_dashboard_sidebar__sidebar-link:hover {
  text-decoration: none;
}

.main_ui_dashboard_sidebar__project-element {
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}

.main_ui_dashboard_sidebar__element-title {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 16rem;
  color: var(--sidebar-element-foreground-color);
  font-size: 0.875rem;
}

.main_ui_dashboard_sidebar__sidebar-empty-placeholder {
  padding: 0.75rem;
  color: var(--empty-message-foreground-color);
  display: flex;
  align-items: center;
}

.main_ui_dashboard_sidebar__pin-icon {
  stroke: var(--icon-foreground);
  margin: 0 0.75rem;
}

.main_ui_dashboard_sidebar__empty-text {
  font-size: 0.75rem;
}

.main_ui_dashboard_sidebar__sidebar-search {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  border: 1px solid transparent;
  margin: 0 1rem;
  border-radius: 0.5rem;
  background-color: var(--search-bar-input-background-color);
}

.main_ui_dashboard_sidebar__input-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  height: 2.5rem;
  width: 100%;
  padding: 0.375rem 0.75rem;
  margin: 0;
  border: transparent;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--search-bar-foreground-color);
}
.main_ui_dashboard_sidebar__input-text:focus, .main_ui_dashboard_sidebar__input-text:focus-within, .main_ui_dashboard_sidebar__input-text:focus-visible {
  outline: none;
  border: 1px solid var(--search-bar-input-border-color-focus);
}
.main_ui_dashboard_sidebar__input-text ::-moz-placeholder {
  color: var(--search-bar-placeholder-foreground-color);
}
.main_ui_dashboard_sidebar__input-text ::placeholder {
  color: var(--search-bar-placeholder-foreground-color);
}

.main_ui_dashboard_sidebar__search-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  height: 1.5rem;
  width: 2rem;
  padding: 0 0.5rem;
}

.main_ui_dashboard_sidebar__search-icon,
.main_ui_dashboard_sidebar__clear-search-btn {
  --sidebar-search-foreground-color: var(--search-bar-icon-foreground-color);
  stroke: var(--sidebar-search-foreground-color);
}

.main_ui_dashboard_sidebar__clear-search-btn:hover {
  --sidebar-search-foreground-color: var(--search-bar-icon-foreground-color-hover);
}

.main_ui_dashboard_sidebar__profile-section {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--panel-border-color);
  background-color: var(--profile-section-background-color);
  cursor: pointer;
}

.main_ui_dashboard_sidebar__profile {
  border: none;
  background: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
  cursor: pointer;
  text-align: left;
}

.main_ui_dashboard_sidebar__profile-fullname {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: center;
  max-width: 10rem;
  color: var(--profile-foreground-color);
}

.main_ui_dashboard_sidebar__profile-img {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
}

.main_ui_dashboard_sidebar__profile-dropdown {
  left: 1rem;
  bottom: 4.5rem;
  min-width: 15.75rem;
}

.main_ui_dashboard_sidebar__profile-dropdown-item {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  height: 2.5rem;
  padding: 0.5rem 1rem;
}

.main_ui_dashboard_sidebar__profile-separator {
  height: 0.375rem;
  border-top: solid 1px var(--color-background-quaternary);
}

.main_ui_dashboard_sidebar__item-with-icon {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
}

.main_ui_dashboard_sidebar__exit-icon {
  stroke: var(--icon-foreground);
}

.main_ui_dashboard_sidebar__upgrade-plan-section {
  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;
}

.main_ui_dashboard_sidebar__penpot-free {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  text-align: left;
}

.main_ui_dashboard_sidebar__no-limits {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
}

.main_ui_dashboard_sidebar__power-up {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  color: var(--color-accent-tertiary);
}
@keyframes main_ui_dashboard_subscription__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_subscription__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_subscription__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_subscription__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_subscription__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_subscription__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_subscription__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_subscription__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_subscription__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_subscription__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_subscription__new-scrollbar ::placeholder,
.main_ui_dashboard_subscription__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_subscription__button-primary, .main_ui_dashboard_subscription__btn-primary, .main_ui_dashboard_subscription__modal-danger-btn, .main_ui_dashboard_subscription__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_subscription__button-primary:focus-visible, .main_ui_dashboard_subscription__btn-primary:focus-visible, .main_ui_dashboard_subscription__modal-danger-btn:focus-visible, .main_ui_dashboard_subscription__modal-accept-btn: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);
}
.main_ui_dashboard_subscription__button-primary:focus-visible svg, .main_ui_dashboard_subscription__btn-primary:focus-visible svg, .main_ui_dashboard_subscription__modal-danger-btn:focus-visible svg, .main_ui_dashboard_subscription__modal-accept-btn:focus-visible svg,
.main_ui_dashboard_subscription__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_subscription__button-primary svg, .main_ui_dashboard_subscription__btn-primary svg, .main_ui_dashboard_subscription__modal-danger-btn svg, .main_ui_dashboard_subscription__modal-accept-btn svg,
.main_ui_dashboard_subscription__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_subscription__button-primary:hover, .main_ui_dashboard_subscription__btn-primary:hover, .main_ui_dashboard_subscription__modal-danger-btn:hover, .main_ui_dashboard_subscription__modal-accept-btn: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;
}
.main_ui_dashboard_subscription__button-primary:hover svg, .main_ui_dashboard_subscription__btn-primary:hover svg, .main_ui_dashboard_subscription__modal-danger-btn:hover svg, .main_ui_dashboard_subscription__modal-accept-btn:hover svg,
.main_ui_dashboard_subscription__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_subscription__button-primary:active, .main_ui_dashboard_subscription__btn-primary:active, .main_ui_dashboard_subscription__modal-danger-btn:active, .main_ui_dashboard_subscription__modal-accept-btn: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;
}
.main_ui_dashboard_subscription__button-primary:active svg, .main_ui_dashboard_subscription__btn-primary:active svg, .main_ui_dashboard_subscription__modal-danger-btn:active svg, .main_ui_dashboard_subscription__modal-accept-btn:active svg,
.main_ui_dashboard_subscription__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_subscription__button-primary.disabled, .main_ui_dashboard_subscription__btn-primary.disabled, .main_ui_dashboard_subscription__modal-danger-btn.disabled, .main_ui_dashboard_subscription__modal-accept-btn.disabled, .main_ui_dashboard_subscription__button-primary[disabled], [disabled].main_ui_dashboard_subscription__btn-primary, [disabled].main_ui_dashboard_subscription__modal-danger-btn, [disabled].main_ui_dashboard_subscription__modal-accept-btn, .main_ui_dashboard_subscription__button-primary:disabled, .main_ui_dashboard_subscription__btn-primary:disabled, .main_ui_dashboard_subscription__modal-danger-btn:disabled, .main_ui_dashboard_subscription__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_subscription__button-secondary, .main_ui_dashboard_subscription__btn-secondary, .main_ui_dashboard_subscription__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_subscription__button-secondary:focus-visible, .main_ui_dashboard_subscription__btn-secondary:focus-visible, .main_ui_dashboard_subscription__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_subscription__button-secondary:focus-visible svg, .main_ui_dashboard_subscription__btn-secondary:focus-visible svg, .main_ui_dashboard_subscription__modal-cancel-btn:focus-visible svg,
.main_ui_dashboard_subscription__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_subscription__button-secondary svg, .main_ui_dashboard_subscription__btn-secondary svg, .main_ui_dashboard_subscription__modal-cancel-btn svg,
.main_ui_dashboard_subscription__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_subscription__button-secondary:hover, .main_ui_dashboard_subscription__btn-secondary:hover, .main_ui_dashboard_subscription__modal-cancel-btn: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;
}
.main_ui_dashboard_subscription__button-secondary:hover svg, .main_ui_dashboard_subscription__btn-secondary:hover svg, .main_ui_dashboard_subscription__modal-cancel-btn:hover svg,
.main_ui_dashboard_subscription__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_subscription__button-secondary:active, .main_ui_dashboard_subscription__btn-secondary:active, .main_ui_dashboard_subscription__modal-cancel-btn: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);
}
.main_ui_dashboard_subscription__button-secondary:active svg, .main_ui_dashboard_subscription__btn-secondary:active svg, .main_ui_dashboard_subscription__modal-cancel-btn:active svg,
.main_ui_dashboard_subscription__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_subscription__button-secondary.disabled, .main_ui_dashboard_subscription__btn-secondary.disabled, .main_ui_dashboard_subscription__modal-cancel-btn.disabled, .main_ui_dashboard_subscription__button-secondary[disabled], [disabled].main_ui_dashboard_subscription__btn-secondary, [disabled].main_ui_dashboard_subscription__modal-cancel-btn, .main_ui_dashboard_subscription__button-secondary:disabled, .main_ui_dashboard_subscription__btn-secondary:disabled, .main_ui_dashboard_subscription__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_subscription__button-tertiary, .main_ui_dashboard_subscription__attr-title button, .main_ui_dashboard_subscription__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_subscription__button-tertiary:focus-visible, .main_ui_dashboard_subscription__attr-title button:focus-visible, .main_ui_dashboard_subscription__modal-close-btn-base: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);
}
.main_ui_dashboard_subscription__button-tertiary:focus-visible svg, .main_ui_dashboard_subscription__attr-title button:focus-visible svg, .main_ui_dashboard_subscription__modal-close-btn-base:focus-visible svg,
.main_ui_dashboard_subscription__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_subscription__button-tertiary svg, .main_ui_dashboard_subscription__attr-title button svg, .main_ui_dashboard_subscription__modal-close-btn-base svg,
.main_ui_dashboard_subscription__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_subscription__button-tertiary:hover, .main_ui_dashboard_subscription__attr-title button:hover, .main_ui_dashboard_subscription__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_subscription__button-tertiary:hover svg, .main_ui_dashboard_subscription__attr-title button:hover svg, .main_ui_dashboard_subscription__modal-close-btn-base:hover svg,
.main_ui_dashboard_subscription__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_subscription__button-tertiary:active, .main_ui_dashboard_subscription__attr-title button:active, .main_ui_dashboard_subscription__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_subscription__button-tertiary:active svg, .main_ui_dashboard_subscription__attr-title button:active svg, .main_ui_dashboard_subscription__modal-close-btn-base:active svg,
.main_ui_dashboard_subscription__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_subscription__button-tertiary.disabled, .main_ui_dashboard_subscription__attr-title button.disabled, .main_ui_dashboard_subscription__modal-close-btn-base.disabled, .main_ui_dashboard_subscription__button-tertiary[disabled], .main_ui_dashboard_subscription__attr-title button[disabled], [disabled].main_ui_dashboard_subscription__modal-close-btn-base, .main_ui_dashboard_subscription__button-tertiary:disabled, .main_ui_dashboard_subscription__attr-title button:disabled, .main_ui_dashboard_subscription__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_subscription__button-tertiary.disabled svg, .main_ui_dashboard_subscription__attr-title button.disabled svg, .main_ui_dashboard_subscription__modal-close-btn-base.disabled svg,
.main_ui_dashboard_subscription__button-tertiary.disabled span svg, .main_ui_dashboard_subscription__button-tertiary[disabled] svg, .main_ui_dashboard_subscription__attr-title button[disabled] svg, [disabled].main_ui_dashboard_subscription__modal-close-btn-base svg,
.main_ui_dashboard_subscription__button-tertiary[disabled] span svg, .main_ui_dashboard_subscription__button-tertiary:disabled svg, .main_ui_dashboard_subscription__attr-title button:disabled svg, .main_ui_dashboard_subscription__modal-close-btn-base:disabled svg,
.main_ui_dashboard_subscription__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_subscription__button-icon-selected {
  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);
}
.main_ui_dashboard_subscription__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_subscription__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_subscription__button-radio: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);
}
.main_ui_dashboard_subscription__button-radio:focus-visible svg,
.main_ui_dashboard_subscription__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_subscription__button-radio svg,
.main_ui_dashboard_subscription__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_subscription__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_subscription__button-radio:hover svg,
.main_ui_dashboard_subscription__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_subscription__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_subscription__button-radio:active svg,
.main_ui_dashboard_subscription__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_subscription__button-warning {
  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);
}

.main_ui_dashboard_subscription__button-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;
}

.main_ui_dashboard_subscription__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_subscription__button-tag: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);
}
.main_ui_dashboard_subscription__button-tag:focus-visible svg,
.main_ui_dashboard_subscription__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_subscription__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_subscription__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_subscription__button-icon, .main_ui_dashboard_subscription__empty-icon svg, .main_ui_dashboard_subscription__modal-close-btn-base svg, .main_ui_dashboard_subscription__button-icon-small, .main_ui_dashboard_subscription__icon-dropdown svg, .main_ui_dashboard_subscription__dropdown-element-base span svg, .main_ui_dashboard_subscription__attr-title button svg, .main_ui_dashboard_subscription__checkbox-icon.intermediate svg, .main_ui_dashboard_subscription__input-checkbox label span.intermediate svg, .main_ui_dashboard_subscription__checkbox-icon.checked svg, .main_ui_dashboard_subscription__input-checkbox label span.checked svg, .main_ui_dashboard_subscription__input-element span svg,
.main_ui_dashboard_subscription__input-element label svg, .main_ui_dashboard_subscription__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_subscription__button-icon-small, .main_ui_dashboard_subscription__icon-dropdown svg, .main_ui_dashboard_subscription__dropdown-element-base span svg, .main_ui_dashboard_subscription__attr-title button svg, .main_ui_dashboard_subscription__checkbox-icon.intermediate svg, .main_ui_dashboard_subscription__input-checkbox label span.intermediate svg, .main_ui_dashboard_subscription__checkbox-icon.checked svg, .main_ui_dashboard_subscription__input-checkbox label span.checked svg, .main_ui_dashboard_subscription__input-element span svg,
.main_ui_dashboard_subscription__input-element label svg, .main_ui_dashboard_subscription__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_subscription__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_subscription__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_subscription__input-base, .main_ui_dashboard_subscription__input-with-label input, .main_ui_dashboard_subscription__input-element-label input, .main_ui_dashboard_subscription__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_subscription__input-base[disabled], .main_ui_dashboard_subscription__input-with-label input[disabled], .main_ui_dashboard_subscription__input-element-label input[disabled], .main_ui_dashboard_subscription__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_subscription__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_subscription__input-label, .main_ui_dashboard_subscription__input-element span,
.main_ui_dashboard_subscription__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_subscription__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_subscription__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_subscription__input-element span svg,
.main_ui_dashboard_subscription__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_subscription__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_subscription__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_subscription__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_subscription__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_subscription__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_subscription__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_subscription__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_subscription__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_subscription__input-element:focus, .main_ui_dashboard_subscription__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_subscription__input-element:focus span, .main_ui_dashboard_subscription__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_subscription__input-element:focus input, .main_ui_dashboard_subscription__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_subscription__input-element:focus:hover, .main_ui_dashboard_subscription__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_subscription__input-element:focus:hover span, .main_ui_dashboard_subscription__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_subscription__input-element:focus:hover input, .main_ui_dashboard_subscription__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_subscription__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_subscription__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_subscription__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_subscription__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_subscription__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_subscription__input-element-label:focus-within input, .main_ui_dashboard_subscription__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_subscription__disabled-input, .main_ui_dashboard_subscription__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_subscription__disabled-input input, .main_ui_dashboard_subscription__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_subscription__disabled-input span svg, .main_ui_dashboard_subscription__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_subscription__checkbox-icon, .main_ui_dashboard_subscription__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_subscription__checkbox-icon svg, .main_ui_dashboard_subscription__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_subscription__checkbox-icon:hover, .main_ui_dashboard_subscription__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_subscription__checkbox-icon:focus, .main_ui_dashboard_subscription__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_subscription__checkbox-icon.checked, .main_ui_dashboard_subscription__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_subscription__checkbox-icon.checked svg, .main_ui_dashboard_subscription__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_subscription__checkbox-icon.intermediate, .main_ui_dashboard_subscription__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_subscription__checkbox-icon.intermediate svg, .main_ui_dashboard_subscription__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_subscription__checkbox-icon.unchecked, .main_ui_dashboard_subscription__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_subscription__checkbox-icon.unchecked svg, .main_ui_dashboard_subscription__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_subscription__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_subscription__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_subscription__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_subscription__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_subscription__input-checkbox label:focus span, .main_ui_dashboard_subscription__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_subscription__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_subscription__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_subscription__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_subscription__input-with-label input:focus-within, .main_ui_dashboard_subscription__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_subscription__input-with-label input:focus-within input, .main_ui_dashboard_subscription__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_subscription__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_subscription__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_subscription__modal-overlay-base {
  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);
}

.main_ui_dashboard_subscription__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_subscription__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_subscription__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_subscription__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_subscription__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_subscription__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_subscription__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_subscription__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_subscription__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_subscription__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_subscription__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_subscription__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_subscription__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_subscription__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_subscription__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_subscription__colorpicker-handler {
  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;
}
.main_ui_dashboard_subscription__colorpicker-handler:hover, .main_ui_dashboard_subscription__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_subscription__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_subscription__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_subscription__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_subscription__attr-title button {
  display: none;
}
.main_ui_dashboard_subscription__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_subscription__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_subscription__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_subscription__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_subscription__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_subscription__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_subscription__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_subscription__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_subscription__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_subscription__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_subscription__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_subscription__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_subscription__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_subscription__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_subscription__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_subscription__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_subscription__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_subscription__dashboard-header {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 0.5rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.main_ui_dashboard_subscription__dashboard-header.main_ui_dashboard_subscription__team {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.main_ui_dashboard_subscription__dashboard-header .main_ui_dashboard_subscription__element-name {
  margin-right: 0.5rem;
}
.main_ui_dashboard_subscription__dashboard-header .main_ui_dashboard_subscription__btn-secondary {
  flex-shrink: 0;
  height: 2rem;
}
.main_ui_dashboard_subscription__dashboard-header .main_ui_dashboard_subscription__btn-secondary svg {
  height: 1rem;
  width: 1rem;
}
.main_ui_dashboard_subscription__dashboard-header nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.main_ui_dashboard_subscription__dashboard-header nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.main_ui_dashboard_subscription__dashboard-header 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;
}
.main_ui_dashboard_subscription__dashboard-header nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.main_ui_dashboard_subscription__dashboard-header .main_ui_dashboard_subscription__dashboard-title {
  display: flex;
  align-items: center;
  margin-left: 0.75rem;
}
.main_ui_dashboard_subscription__dashboard-header .main_ui_dashboard_subscription__dashboard-title h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 400;
  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%;
}
.main_ui_dashboard_subscription__dashboard-header .main_ui_dashboard_subscription__dashboard-title .main_ui_dashboard_subscription__context-menu.main_ui_dashboard_subscription__is-open {
  margin-top: 0.5rem;
}
.main_ui_dashboard_subscription__dashboard-header .main_ui_dashboard_subscription__icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.main_ui_dashboard_subscription__dashboard-header .main_ui_dashboard_subscription__icon svg {
  stroke: var(--color-foreground-secondary);
  fill: none;
  width: 1rem;
  height: 1rem;
}
.main_ui_dashboard_subscription__dashboard-header .main_ui_dashboard_subscription__icon svg:hover {
  stroke: var(--color-accent-tertiary);
  fill: none;
}
.main_ui_dashboard_subscription__dashboard-header .main_ui_dashboard_subscription__dashboard-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main_ui_dashboard_subscription__dashboard-header .main_ui_dashboard_subscription__dashboard-header-actions {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.main_ui_dashboard_subscription__dashboard-header .main_ui_dashboard_subscription__dashboard-header-options li a {
  font-size: 1rem;
  color: var(--color-foreground-secondary);
  border-color: transparent;
}
.main_ui_dashboard_subscription__dashboard-header .main_ui_dashboard_subscription__dashboard-header-options li a:hover {
  color: var(--color-foreground-primary);
}
.main_ui_dashboard_subscription__dashboard-header .main_ui_dashboard_subscription__dashboard-header-options li.main_ui_dashboard_subscription__active a {
  color: var(--color-foreground-primary);
}

.main_ui_dashboard_subscription__btn-primary {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 400;
}

.main_ui_dashboard_subscription__btn-secondary {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

.main_ui_dashboard_subscription__cta-power-up {
  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);
}

.main_ui_dashboard_subscription__cta-top-section {
  border: none;
  background: none;
  cursor: pointer;
  display: grid;
  color: var(--color-foreground-secondary);
  grid-template-columns: 1fr auto;
}

.main_ui_dashboard_subscription__cta-top-section .main_ui_dashboard_subscription__content {
  display: flex;
  flex-direction: column;
}

.main_ui_dashboard_subscription__icon-dropdown {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 1rem;
}

.main_ui_dashboard_subscription__icon-dropdown svg {
  stroke: var(--icon-foreground);
  transform: rotate(90deg);
}

.main_ui_dashboard_subscription__cta-bottom-section {
  border-block-start: 1px solid var(--color-background-quaternary);
  display: grid;
  color: var(--color-foreground-secondary);
  grid-template-columns: 1fr auto;
  margin-block-start: 0.75rem;
  padding-block-start: 0.75rem;
}

.main_ui_dashboard_subscription__cta-bottom-section .main_ui_dashboard_subscription__content {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--color-foreground-secondary);
  display: inline;
  text-align: left;
}

.main_ui_dashboard_subscription__cta-text,
.main_ui_dashboard_subscription__cta-title {
  text-align: left;
}

.main_ui_dashboard_subscription__cta-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
}

.main_ui_dashboard_subscription__cta-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.4;
  font-size: 0.875rem;
}

.main_ui_dashboard_subscription__cta-bottom-section .main_ui_dashboard_subscription__content strong,
.main_ui_dashboard_subscription__cta-highlight {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.3;
  font-size: 0.75rem;
  color: var(--color-accent-tertiary);
}

.main_ui_dashboard_subscription__cta-link {
  border: none;
  background: none;
  cursor: pointer;
  align-self: end;
  margin-inline-start: 0.25rem;
}
@keyframes main_ui_dashboard_team__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_team__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_team__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_team__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_team__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_team__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_team__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_team__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_team__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_team__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_team__new-scrollbar ::placeholder,
.main_ui_dashboard_team__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_team__button-primary, .main_ui_dashboard_team__btn-empty-invitations, .main_ui_dashboard_team__hero-btn, .main_ui_dashboard_team__btn-primary, .main_ui_dashboard_team__modal-danger-btn, .main_ui_dashboard_team__modal-accept-btn, .main_ui_dashboard_team__accept-btn, .main_ui_dashboard_team__action-buttons button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_team__button-primary:focus-visible, .main_ui_dashboard_team__btn-empty-invitations:focus-visible, .main_ui_dashboard_team__hero-btn:focus-visible, .main_ui_dashboard_team__btn-primary:focus-visible, .main_ui_dashboard_team__modal-danger-btn:focus-visible, .main_ui_dashboard_team__modal-accept-btn:focus-visible, .main_ui_dashboard_team__accept-btn:focus-visible, .main_ui_dashboard_team__action-buttons 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);
}
.main_ui_dashboard_team__button-primary:focus-visible svg, .main_ui_dashboard_team__btn-empty-invitations:focus-visible svg, .main_ui_dashboard_team__hero-btn:focus-visible svg, .main_ui_dashboard_team__btn-primary:focus-visible svg, .main_ui_dashboard_team__modal-danger-btn:focus-visible svg, .main_ui_dashboard_team__modal-accept-btn:focus-visible svg, .main_ui_dashboard_team__accept-btn:focus-visible svg, .main_ui_dashboard_team__action-buttons button:focus-visible svg,
.main_ui_dashboard_team__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_team__button-primary svg, .main_ui_dashboard_team__btn-empty-invitations svg, .main_ui_dashboard_team__hero-btn svg, .main_ui_dashboard_team__btn-primary svg, .main_ui_dashboard_team__modal-danger-btn svg, .main_ui_dashboard_team__modal-accept-btn svg, .main_ui_dashboard_team__accept-btn svg, .main_ui_dashboard_team__action-buttons button svg,
.main_ui_dashboard_team__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_team__button-primary:hover, .main_ui_dashboard_team__btn-empty-invitations:hover, .main_ui_dashboard_team__hero-btn:hover, .main_ui_dashboard_team__btn-primary:hover, .main_ui_dashboard_team__modal-danger-btn:hover, .main_ui_dashboard_team__modal-accept-btn:hover, .main_ui_dashboard_team__accept-btn:hover, .main_ui_dashboard_team__action-buttons 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;
}
.main_ui_dashboard_team__button-primary:hover svg, .main_ui_dashboard_team__btn-empty-invitations:hover svg, .main_ui_dashboard_team__hero-btn:hover svg, .main_ui_dashboard_team__btn-primary:hover svg, .main_ui_dashboard_team__modal-danger-btn:hover svg, .main_ui_dashboard_team__modal-accept-btn:hover svg, .main_ui_dashboard_team__accept-btn:hover svg, .main_ui_dashboard_team__action-buttons button:hover svg,
.main_ui_dashboard_team__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_team__button-primary:active, .main_ui_dashboard_team__btn-empty-invitations:active, .main_ui_dashboard_team__hero-btn:active, .main_ui_dashboard_team__btn-primary:active, .main_ui_dashboard_team__modal-danger-btn:active, .main_ui_dashboard_team__modal-accept-btn:active, .main_ui_dashboard_team__accept-btn:active, .main_ui_dashboard_team__action-buttons 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;
}
.main_ui_dashboard_team__button-primary:active svg, .main_ui_dashboard_team__btn-empty-invitations:active svg, .main_ui_dashboard_team__hero-btn:active svg, .main_ui_dashboard_team__btn-primary:active svg, .main_ui_dashboard_team__modal-danger-btn:active svg, .main_ui_dashboard_team__modal-accept-btn:active svg, .main_ui_dashboard_team__accept-btn:active svg, .main_ui_dashboard_team__action-buttons button:active svg,
.main_ui_dashboard_team__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_team__button-primary.disabled, .main_ui_dashboard_team__btn-empty-invitations.disabled, .main_ui_dashboard_team__hero-btn.disabled, .main_ui_dashboard_team__btn-primary.disabled, .main_ui_dashboard_team__modal-danger-btn.disabled, .main_ui_dashboard_team__modal-accept-btn.disabled, .main_ui_dashboard_team__accept-btn.disabled, .main_ui_dashboard_team__action-buttons button.disabled, .main_ui_dashboard_team__button-primary[disabled], [disabled].main_ui_dashboard_team__btn-empty-invitations, [disabled].main_ui_dashboard_team__hero-btn, [disabled].main_ui_dashboard_team__btn-primary, [disabled].main_ui_dashboard_team__modal-danger-btn, [disabled].main_ui_dashboard_team__modal-accept-btn, [disabled].main_ui_dashboard_team__accept-btn, .main_ui_dashboard_team__action-buttons button[disabled], .main_ui_dashboard_team__button-primary:disabled, .main_ui_dashboard_team__btn-empty-invitations:disabled, .main_ui_dashboard_team__hero-btn:disabled, .main_ui_dashboard_team__btn-primary:disabled, .main_ui_dashboard_team__modal-danger-btn:disabled, .main_ui_dashboard_team__modal-accept-btn:disabled, .main_ui_dashboard_team__accept-btn:disabled, .main_ui_dashboard_team__action-buttons 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;
}

.main_ui_dashboard_team__button-secondary, .main_ui_dashboard_team__btn-secondary, .main_ui_dashboard_team__modal-cancel-btn, .main_ui_dashboard_team__action-buttons .main_ui_dashboard_team__cancel-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_team__button-secondary:focus-visible, .main_ui_dashboard_team__btn-secondary:focus-visible, .main_ui_dashboard_team__modal-cancel-btn:focus-visible, .main_ui_dashboard_team__action-buttons .main_ui_dashboard_team__cancel-button:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_team__button-secondary:focus-visible svg, .main_ui_dashboard_team__btn-secondary:focus-visible svg, .main_ui_dashboard_team__modal-cancel-btn:focus-visible svg, .main_ui_dashboard_team__action-buttons .main_ui_dashboard_team__cancel-button:focus-visible svg,
.main_ui_dashboard_team__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_team__button-secondary svg, .main_ui_dashboard_team__btn-secondary svg, .main_ui_dashboard_team__modal-cancel-btn svg, .main_ui_dashboard_team__action-buttons .main_ui_dashboard_team__cancel-button svg,
.main_ui_dashboard_team__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_team__button-secondary:hover, .main_ui_dashboard_team__btn-secondary:hover, .main_ui_dashboard_team__modal-cancel-btn:hover, .main_ui_dashboard_team__action-buttons .main_ui_dashboard_team__cancel-button: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;
}
.main_ui_dashboard_team__button-secondary:hover svg, .main_ui_dashboard_team__btn-secondary:hover svg, .main_ui_dashboard_team__modal-cancel-btn:hover svg, .main_ui_dashboard_team__action-buttons .main_ui_dashboard_team__cancel-button:hover svg,
.main_ui_dashboard_team__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_team__button-secondary:active, .main_ui_dashboard_team__btn-secondary:active, .main_ui_dashboard_team__modal-cancel-btn:active, .main_ui_dashboard_team__action-buttons .main_ui_dashboard_team__cancel-button: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);
}
.main_ui_dashboard_team__button-secondary:active svg, .main_ui_dashboard_team__btn-secondary:active svg, .main_ui_dashboard_team__modal-cancel-btn:active svg, .main_ui_dashboard_team__action-buttons .main_ui_dashboard_team__cancel-button:active svg,
.main_ui_dashboard_team__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_team__button-secondary.disabled, .main_ui_dashboard_team__btn-secondary.disabled, .main_ui_dashboard_team__modal-cancel-btn.disabled, .main_ui_dashboard_team__action-buttons .main_ui_dashboard_team__cancel-button.disabled, .main_ui_dashboard_team__button-secondary[disabled], [disabled].main_ui_dashboard_team__btn-secondary, [disabled].main_ui_dashboard_team__modal-cancel-btn, .main_ui_dashboard_team__action-buttons [disabled].main_ui_dashboard_team__cancel-button, .main_ui_dashboard_team__button-secondary:disabled, .main_ui_dashboard_team__btn-secondary:disabled, .main_ui_dashboard_team__modal-cancel-btn:disabled, .main_ui_dashboard_team__action-buttons .main_ui_dashboard_team__cancel-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;
}

.main_ui_dashboard_team__button-tertiary, .main_ui_dashboard_team__attr-title button, .main_ui_dashboard_team__modal-close-btn-base, .main_ui_dashboard_team__modal-close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_team__button-tertiary:focus-visible, .main_ui_dashboard_team__attr-title button:focus-visible, .main_ui_dashboard_team__modal-close-btn-base:focus-visible, .main_ui_dashboard_team__modal-close-btn: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);
}
.main_ui_dashboard_team__button-tertiary:focus-visible svg, .main_ui_dashboard_team__attr-title button:focus-visible svg, .main_ui_dashboard_team__modal-close-btn-base:focus-visible svg, .main_ui_dashboard_team__modal-close-btn:focus-visible svg,
.main_ui_dashboard_team__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_team__button-tertiary svg, .main_ui_dashboard_team__attr-title button svg, .main_ui_dashboard_team__modal-close-btn-base svg, .main_ui_dashboard_team__modal-close-btn svg,
.main_ui_dashboard_team__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_team__button-tertiary:hover, .main_ui_dashboard_team__attr-title button:hover, .main_ui_dashboard_team__modal-close-btn-base:hover, .main_ui_dashboard_team__modal-close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_team__button-tertiary:hover svg, .main_ui_dashboard_team__attr-title button:hover svg, .main_ui_dashboard_team__modal-close-btn-base:hover svg, .main_ui_dashboard_team__modal-close-btn:hover svg,
.main_ui_dashboard_team__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_team__button-tertiary:active, .main_ui_dashboard_team__attr-title button:active, .main_ui_dashboard_team__modal-close-btn-base:active, .main_ui_dashboard_team__modal-close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_team__button-tertiary:active svg, .main_ui_dashboard_team__attr-title button:active svg, .main_ui_dashboard_team__modal-close-btn-base:active svg, .main_ui_dashboard_team__modal-close-btn:active svg,
.main_ui_dashboard_team__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_team__button-tertiary.disabled, .main_ui_dashboard_team__attr-title button.disabled, .main_ui_dashboard_team__modal-close-btn-base.disabled, .main_ui_dashboard_team__modal-close-btn.disabled, .main_ui_dashboard_team__button-tertiary[disabled], .main_ui_dashboard_team__attr-title button[disabled], [disabled].main_ui_dashboard_team__modal-close-btn-base, [disabled].main_ui_dashboard_team__modal-close-btn, .main_ui_dashboard_team__button-tertiary:disabled, .main_ui_dashboard_team__attr-title button:disabled, .main_ui_dashboard_team__modal-close-btn-base:disabled, .main_ui_dashboard_team__modal-close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_team__button-tertiary.disabled svg, .main_ui_dashboard_team__attr-title button.disabled svg, .main_ui_dashboard_team__modal-close-btn-base.disabled svg, .main_ui_dashboard_team__modal-close-btn.disabled svg,
.main_ui_dashboard_team__button-tertiary.disabled span svg, .main_ui_dashboard_team__button-tertiary[disabled] svg, .main_ui_dashboard_team__attr-title button[disabled] svg, [disabled].main_ui_dashboard_team__modal-close-btn-base svg, [disabled].main_ui_dashboard_team__modal-close-btn svg,
.main_ui_dashboard_team__button-tertiary[disabled] span svg, .main_ui_dashboard_team__button-tertiary:disabled svg, .main_ui_dashboard_team__attr-title button:disabled svg, .main_ui_dashboard_team__modal-close-btn-base:disabled svg, .main_ui_dashboard_team__modal-close-btn:disabled svg,
.main_ui_dashboard_team__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_team__button-icon-selected {
  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);
}
.main_ui_dashboard_team__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_team__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_team__button-radio: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);
}
.main_ui_dashboard_team__button-radio:focus-visible svg,
.main_ui_dashboard_team__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_team__button-radio svg,
.main_ui_dashboard_team__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_team__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_team__button-radio:hover svg,
.main_ui_dashboard_team__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_team__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_team__button-radio:active svg,
.main_ui_dashboard_team__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_team__button-warning {
  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);
}

.main_ui_dashboard_team__button-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;
}

.main_ui_dashboard_team__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_team__button-tag: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);
}
.main_ui_dashboard_team__button-tag:focus-visible svg,
.main_ui_dashboard_team__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_team__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_team__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_team__button-icon, .main_ui_dashboard_team__user-icon,
.main_ui_dashboard_team__document-icon,
.main_ui_dashboard_team__group-icon, .main_ui_dashboard_team__image-icon, .main_ui_dashboard_team__menu-icon, .main_ui_dashboard_team__success-icon, .main_ui_dashboard_team__warning-icon, .main_ui_dashboard_team__arrow-icon, .main_ui_dashboard_team__empty-icon svg, .main_ui_dashboard_team__modal-close-btn-base svg, .main_ui_dashboard_team__modal-close-btn svg, .main_ui_dashboard_team__button-icon-small, .main_ui_dashboard_team__dropdown-element-base span svg, .main_ui_dashboard_team__attr-title button svg, .main_ui_dashboard_team__checkbox-icon.intermediate svg, .main_ui_dashboard_team__input-checkbox label span.intermediate svg, .main_ui_dashboard_team__checkbox-icon.checked svg, .main_ui_dashboard_team__input-checkbox label span.checked svg, .main_ui_dashboard_team__input-element span svg,
.main_ui_dashboard_team__input-element label svg, .main_ui_dashboard_team__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_team__button-icon-small, .main_ui_dashboard_team__dropdown-element-base span svg, .main_ui_dashboard_team__attr-title button svg, .main_ui_dashboard_team__checkbox-icon.intermediate svg, .main_ui_dashboard_team__input-checkbox label span.intermediate svg, .main_ui_dashboard_team__checkbox-icon.checked svg, .main_ui_dashboard_team__input-checkbox label span.checked svg, .main_ui_dashboard_team__input-element span svg,
.main_ui_dashboard_team__input-element label svg, .main_ui_dashboard_team__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_team__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_team__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_team__input-base, .main_ui_dashboard_team__email-input, .main_ui_dashboard_team__input-with-label input, .main_ui_dashboard_team__input-element-label input, .main_ui_dashboard_team__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_team__input-base[disabled], [disabled].main_ui_dashboard_team__email-input, .main_ui_dashboard_team__input-with-label input[disabled], .main_ui_dashboard_team__input-element-label input[disabled], .main_ui_dashboard_team__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_team__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_team__input-label, .main_ui_dashboard_team__input-element span,
.main_ui_dashboard_team__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_team__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_team__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_team__input-element span svg,
.main_ui_dashboard_team__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_team__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_team__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_team__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_team__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_team__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_team__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_team__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_team__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_team__input-element:focus, .main_ui_dashboard_team__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_team__input-element:focus span, .main_ui_dashboard_team__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_team__input-element:focus input, .main_ui_dashboard_team__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_team__input-element:focus:hover, .main_ui_dashboard_team__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_team__input-element:focus:hover span, .main_ui_dashboard_team__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_team__input-element:focus:hover input, .main_ui_dashboard_team__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_team__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_team__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_team__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_team__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_team__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_team__input-element-label:focus-within input, .main_ui_dashboard_team__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_team__disabled-input, .main_ui_dashboard_team__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_team__disabled-input input, .main_ui_dashboard_team__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_team__disabled-input span svg, .main_ui_dashboard_team__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_team__checkbox-icon, .main_ui_dashboard_team__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_team__checkbox-icon svg, .main_ui_dashboard_team__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_team__checkbox-icon:hover, .main_ui_dashboard_team__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_team__checkbox-icon:focus, .main_ui_dashboard_team__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_team__checkbox-icon.checked, .main_ui_dashboard_team__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_team__checkbox-icon.checked svg, .main_ui_dashboard_team__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_team__checkbox-icon.intermediate, .main_ui_dashboard_team__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_team__checkbox-icon.intermediate svg, .main_ui_dashboard_team__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_team__checkbox-icon.unchecked, .main_ui_dashboard_team__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_team__checkbox-icon.unchecked svg, .main_ui_dashboard_team__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_team__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_team__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_team__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_team__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_team__input-checkbox label:focus span, .main_ui_dashboard_team__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_team__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_team__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_team__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_team__input-with-label input:focus-within, .main_ui_dashboard_team__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_team__input-with-label input:focus-within input, .main_ui_dashboard_team__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_team__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_team__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_team__modal-overlay-base, .main_ui_dashboard_team__modal-overlay {
  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);
}

.main_ui_dashboard_team__modal-container-base, .main_ui_dashboard_team__modal-team-container, .main_ui_dashboard_team__modal-container {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_team__modal-close-btn-base, .main_ui_dashboard_team__modal-close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_team__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_team__modal-action-btns, .main_ui_dashboard_team__action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_team__modal-cancel-btn, .main_ui_dashboard_team__action-buttons .main_ui_dashboard_team__cancel-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_team__modal-accept-btn, .main_ui_dashboard_team__accept-btn, .main_ui_dashboard_team__action-buttons button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_team__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_team__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_team__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_team__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_team__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_team__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_team__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_team__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_team__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_team__colorpicker-handler {
  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;
}
.main_ui_dashboard_team__colorpicker-handler:hover, .main_ui_dashboard_team__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_team__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_team__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_team__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_team__attr-title button {
  display: none;
}
.main_ui_dashboard_team__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_team__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_team__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_team__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_team__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_team__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_team__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_team__menu-dropdown, .main_ui_dashboard_team__roles-dropdown, .main_ui_dashboard_team__actions-dropdown, .main_ui_dashboard_team__webhook-actions-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_team__menu-item-base, .main_ui_dashboard_team__rol-dropdown-item, .main_ui_dashboard_team__action-dropdown-item, .main_ui_dashboard_team__webhook-dropdown-item {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_team__menu-item-base:hover, .main_ui_dashboard_team__rol-dropdown-item:hover, .main_ui_dashboard_team__action-dropdown-item:hover, .main_ui_dashboard_team__webhook-dropdown-item:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_team__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_team__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_team__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_team__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_team__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_team__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_team__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_team__dashboard-header {
  align-items: center;
  display: flex;
  height: 4rem;
  max-height: 4rem;
  justify-content: space-between;
  padding: 0.25rem 1rem 0.25rem 0.5rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.main_ui_dashboard_team__dashboard-header.main_ui_dashboard_team__team {
  display: grid;
  grid-template-columns: 20% 1fr 20%;
  max-height: 4rem;
}
.main_ui_dashboard_team__dashboard-header .main_ui_dashboard_team__element-name {
  margin-right: 0.5rem;
}
.main_ui_dashboard_team__dashboard-header .main_ui_dashboard_team__btn-secondary {
  flex-shrink: 0;
  height: 2rem;
}
.main_ui_dashboard_team__dashboard-header .main_ui_dashboard_team__btn-secondary svg {
  height: 1rem;
  width: 1rem;
}
.main_ui_dashboard_team__dashboard-header nav {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.main_ui_dashboard_team__dashboard-header nav ul {
  display: flex;
  font-size: 0.875rem;
  justify-content: center;
  margin: 0;
}
.main_ui_dashboard_team__dashboard-header 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;
}
.main_ui_dashboard_team__dashboard-header nav li a:hover {
  color: var(--color-background-secondary);
  text-decoration: none;
}
.main_ui_dashboard_team__dashboard-header .main_ui_dashboard_team__dashboard-title {
  display: flex;
  align-items: center;
  margin-left: 0.75rem;
}
.main_ui_dashboard_team__dashboard-header .main_ui_dashboard_team__dashboard-title h1 {
  color: var(--color-foreground-primary);
  display: block;
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 400;
  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%;
}
.main_ui_dashboard_team__dashboard-header .main_ui_dashboard_team__dashboard-title .main_ui_dashboard_team__context-menu.main_ui_dashboard_team__is-open {
  margin-top: 0.5rem;
}
.main_ui_dashboard_team__dashboard-header .main_ui_dashboard_team__icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.main_ui_dashboard_team__dashboard-header .main_ui_dashboard_team__icon svg {
  stroke: var(--color-foreground-secondary);
  fill: none;
  width: 1rem;
  height: 1rem;
}
.main_ui_dashboard_team__dashboard-header .main_ui_dashboard_team__icon svg:hover {
  stroke: var(--color-accent-tertiary);
  fill: none;
}
.main_ui_dashboard_team__dashboard-header .main_ui_dashboard_team__dashboard-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main_ui_dashboard_team__dashboard-header .main_ui_dashboard_team__dashboard-header-actions {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.main_ui_dashboard_team__dashboard-header .main_ui_dashboard_team__dashboard-header-options li a {
  font-size: 1rem;
  color: var(--color-foreground-secondary);
  border-color: transparent;
}
.main_ui_dashboard_team__dashboard-header .main_ui_dashboard_team__dashboard-header-options li a:hover {
  color: var(--color-foreground-primary);
}
.main_ui_dashboard_team__dashboard-header .main_ui_dashboard_team__dashboard-header-options li.main_ui_dashboard_team__active a {
  color: var(--color-foreground-primary);
}

.main_ui_dashboard_team__btn-primary {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 400;
}

.main_ui_dashboard_team__btn-secondary {
  color: var(--color-foreground-primary);
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 0 1rem;
}

.main_ui_dashboard_team__dashboard-team-settings {
  display: grid;
  grid-template-rows: auto auto 1fr;
  justify-items: center;
  gap: 1.5rem;
  width: 100%;
  border-top: 1px solid var(--panel-border-color);
  overflow-y: auto;
}

.main_ui_dashboard_team__block {
  display: grid;
  grid-auto-rows: min-content;
  gap: 0.5rem;
  max-width: 62.5rem;
  width: 62.5rem;
}

.main_ui_dashboard_team__info-block {
  margin-block-start: 1rem;
}

.main_ui_dashboard_team__block-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--title-foreground-color);
}

.main_ui_dashboard_team__block-text {
  color: var(--title-foreground-color-hover);
}

.main_ui_dashboard_team__block-content {
  display: grid;
  grid-template-columns: 2rem 1fr;
  align-items: center;
  gap: 0.75rem;
}

.main_ui_dashboard_team__owner-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.main_ui_dashboard_team__user-icon,
.main_ui_dashboard_team__document-icon,
.main_ui_dashboard_team__group-icon {
  margin: 0 auto;
  stroke: var(--icon-foreground);
}

.main_ui_dashboard_team__team-icon {
  --update-button-opacity: 0;
  position: relative;
  height: 7.5rem;
  width: 7.5rem;
  padding: 1rem;
  margin-block-end: 2rem;
}
.main_ui_dashboard_team__team-icon:hover {
  --update-button-opacity: 1;
}

.main_ui_dashboard_team__team-image {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 7.5rem;
  height: 7.5rem;
}

.main_ui_dashboard_team__update-overlay {
  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: 30;
  border-radius: 50%;
  background-color: var(--color-accent-primary);
}

.main_ui_dashboard_team__image-icon {
  min-width: 1.5rem;
  min-height: 1.5rem;
  stroke: var(--icon-foreground-hover);
}

.main_ui_dashboard_team__dashboard-team-members {
  display: grid;
  justify-items: center;
  width: 100%;
  height: 100%;
  padding-top: 1.25rem;
  border-top: 1px solid var(--panel-border-color);
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.main_ui_dashboard_team__team-members {
  display: grid;
  grid-template-rows: auto 1fr;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 62.5rem;
  width: 62.5rem;
}

.main_ui_dashboard_team__table-header {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: grid;
  align-items: center;
  grid-template-columns: 43% 1fr 6.75rem 0.75rem;
  height: 2.5rem;
  width: 100%;
  max-width: 62.5rem;
  padding: 0 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--title-foreground-color);
}

.main_ui_dashboard_team__table-rows {
  display: grid;
  grid-auto-rows: 4rem;
  gap: 1rem;
  width: 100%;
  height: 100%;
  max-width: 62.5rem;
  margin-top: 1rem;
  color: var(--title-foreground-color);
}

.main_ui_dashboard_team__table-row {
  display: grid;
  grid-template-columns: 43% 1fr auto;
  align-items: center;
  height: 4rem;
  width: 100%;
  padding: 0 1rem;
  border-radius: 0.5rem;
  background-color: var(--dashboard-list-background-color);
  color: var(--dashboard-list-foreground-color);
}

.main_ui_dashboard_team__title-field-name {
  width: 43%;
  min-width: 18.75rem;
}

.main_ui_dashboard_team__title-field-roles {
  position: relative;
  cursor: default;
}

.main_ui_dashboard_team__field-name {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  width: 43%;
  min-width: 18.75rem;
}

.main_ui_dashboard_team__field-roles {
  position: relative;
  cursor: default;
}

.main_ui_dashboard_team__field-actions {
  position: relative;
}

.main_ui_dashboard_team__member-image {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
}

.main_ui_dashboard_team__member-info {
  display: grid;
  grid-template-rows: 1fr 1fr;
  width: 100%;
}

.main_ui_dashboard_team__member-name,
.main_ui_dashboard_team__member-email {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

.main_ui_dashboard_team__member-email {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--dashboard-list-text-foreground-color);
}

.main_ui_dashboard_team__you {
  color: var(--dashboard-list-text-foreground-color);
  margin-left: 0.375rem;
}

.main_ui_dashboard_team__rol-selector {
  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: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  border-color: var(--menu-background-color-hover);
  background-color: var(--menu-background-color-hover);
  font-size: 0.875rem;
}

.main_ui_dashboard_team__has-priv {
  cursor: pointer;
}

.main_ui_dashboard_team__rol-label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.main_ui_dashboard_team__roles-dropdown {
  bottom: calc(-1 * 4.75rem);
  width: -moz-fit-content;
  width: fit-content;
  min-width: 10rem;
}

.main_ui_dashboard_team__menu-icon {
  stroke: var(--color-foreground-primary);
}

.main_ui_dashboard_team__menu-btn {
  border: none;
  background: none;
  cursor: pointer;
}

.main_ui_dashboard_team__actions-dropdown {
  bottom: calc(-1 * 2rem);
  right: 0;
  left: unset;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 10rem;
}

.main_ui_dashboard_team__dashboard-team-invitations {
  display: grid;
  justify-items: center;
  width: 100%;
  height: 100%;
  padding-top: 1.25rem;
  border-top: 1px solid var(--panel-border-color);
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.main_ui_dashboard_team__invitations {
  display: grid;
  grid-template-rows: auto 1fr;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 62.5rem;
  width: 62.5rem;
}

.main_ui_dashboard_team__table-row-invitations {
  grid-template-columns: 43% 1fr 6.75rem 0.75rem;
  align-items: center;
}

.main_ui_dashboard_team__empty-invitations {
  display: grid;
  place-items: center;
  align-content: center;
  height: 9.75rem;
  max-width: 62.5rem;
  width: 100%;
  margin-top: 1rem;
  border: 1px solid var(--panel-border-color);
  border-radius: 0.5rem;
  color: var(--dashboard-list-text-foreground-color);
}

.main_ui_dashboard_team__btn-empty-invitations {
  margin-block-start: 1rem;
  padding-inline: 0.75rem;
}

.main_ui_dashboard_team__title-field-status {
  position: relative;
  cursor: default;
}

.main_ui_dashboard_team__field-email {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  display: grid;
  align-items: center;
}

.main_ui_dashboard_team__invitations-dropdown {
  bottom: calc(-1 * 7rem);
  right: calc(-1 * 1.25rem);
}

.main_ui_dashboard_team__dashboard-team-webhooks {
  display: grid;
  grid-template-rows: auto 1fr;
  justify-items: center;
  gap: 1.5rem;
  width: 100%;
  height: 100%;
  padding-top: 1rem;
  border-top: 1px solid var(--panel-border-color);
  overflow-y: auto;
}

.main_ui_dashboard_team__webhooks-hero-container {
  display: grid;
  gap: 2rem;
  max-width: 62.5rem;
  width: 62.5rem;
}

.main_ui_dashboard_team__webhooks-empty {
  display: grid;
  place-items: center;
  align-content: center;
  height: 9.75rem;
  max-width: 62.5rem;
  width: 100%;
  padding: 2rem;
  border: 1px solid var(--panel-border-color);
  border-radius: 0.5rem;
  color: var(--dashboard-list-text-foreground-color);
}

.main_ui_dashboard_team__webhooks-hero {
  font-size: 0.875rem;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 2rem;
  margin-top: 2rem;
  margin: 0;
  padding: 2rem;
  padding: 0;
  width: 29.25rem;
}

.main_ui_dashboard_team__hero-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--dashboard-list-foreground-color);
}

.main_ui_dashboard_team__hero-desc {
  color: var(--color-foreground-secondary);
  margin-bottom: 0;
  font-size: 1rem;
  max-width: 32rem;
}

.main_ui_dashboard_team__hero-btn {
  height: 2rem;
  max-width: 32rem;
}

.main_ui_dashboard_team__webhook-table {
  height: -moz-fit-content;
  height: fit-content;
}

.main_ui_dashboard_team__webhook-row {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr auto auto;
  gap: 1rem;
}

.main_ui_dashboard_team__actions {
  position: relative;
}

.main_ui_dashboard_team__menu-disabled {
  color: var(--icon-foreground);
  width: 1.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main_ui_dashboard_team__webhook-actions-dropdown {
  right: calc(-1 * 1rem);
  bottom: calc(-1 * 2.5rem);
  width: -moz-fit-content;
  width: fit-content;
  min-width: 10rem;
}

.main_ui_dashboard_team__success-icon {
  stroke: var(--alert-icon-foreground-color-success);
}

.main_ui_dashboard_team__warning-icon {
  stroke: var(--alert-icon-foreground-color-warning);
}

.main_ui_dashboard_team__modal-team-container {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: fixed;
  top: 4.5rem;
  right: 0.75rem;
  left: unset;
  width: 25rem;
  padding: 2rem;
  background-color: var(--modal-background-color);
}
.main_ui_dashboard_team__modal-team-container.main_ui_dashboard_team__hero {
  top: 13.5rem;
  right: 2rem;
}

.main_ui_dashboard_team__modal-team-container-workspace {
  top: 2.5rem;
  z-index: 30;
}

.main_ui_dashboard_team__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 400;
  height: 2rem;
  color: var(--modal-title-foreground-color);
}

.main_ui_dashboard_team__role-select {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  row-gap: 0.5rem;
}

.main_ui_dashboard_team__arrow-icon {
  stroke: var(--icon-foreground);
  transform: rotate(90deg);
}

.main_ui_dashboard_team__invite-team-member-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  margin: 0 0 1rem 0;
  color: var(--modal-title-foreground-color);
}

.main_ui_dashboard_team__role-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  margin: 0;
  color: var(--modal-title-foreground-color);
}

.main_ui_dashboard_team__invitation-row {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}

.main_ui_dashboard_team__action-buttons {
  display: flex;
  justify-content: flex-end;
}

.main_ui_dashboard_team__modal-header {
  margin-bottom: 1.5rem;
}

.main_ui_dashboard_team__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--modal-title-foreground-color);
}

.main_ui_dashboard_team__modal-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 1.5rem;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}

.main_ui_dashboard_team__fields-row {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_dashboard_team__select-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--modal-title-foreground-color);
}

.main_ui_dashboard_team__custom-input-checkbox {
  align-items: flex-start;
}

.main_ui_dashboard_team__hint {
  color: var(--modal-text-foreground-color);
}

.main_ui_dashboard_team__email-input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: auto;
}
@keyframes main_ui_dashboard_team_form__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_team_form__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_team_form__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_team_form__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_team_form__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_team_form__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_team_form__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_team_form__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_team_form__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_team_form__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_team_form__new-scrollbar ::placeholder,
.main_ui_dashboard_team_form__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_team_form__button-primary, .main_ui_dashboard_team_form__modal-danger-btn, .main_ui_dashboard_team_form__accept-btn.main_ui_dashboard_team_form__danger, .main_ui_dashboard_team_form__modal-accept-btn, .main_ui_dashboard_team_form__accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_team_form__button-primary:focus-visible, .main_ui_dashboard_team_form__modal-danger-btn:focus-visible, .main_ui_dashboard_team_form__modal-accept-btn:focus-visible, .main_ui_dashboard_team_form__accept-btn: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);
}
.main_ui_dashboard_team_form__button-primary:focus-visible svg, .main_ui_dashboard_team_form__modal-danger-btn:focus-visible svg, .main_ui_dashboard_team_form__modal-accept-btn:focus-visible svg, .main_ui_dashboard_team_form__accept-btn:focus-visible svg,
.main_ui_dashboard_team_form__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_team_form__button-primary svg, .main_ui_dashboard_team_form__modal-danger-btn svg, .main_ui_dashboard_team_form__accept-btn.main_ui_dashboard_team_form__danger svg, .main_ui_dashboard_team_form__modal-accept-btn svg, .main_ui_dashboard_team_form__accept-btn svg,
.main_ui_dashboard_team_form__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_team_form__button-primary:hover, .main_ui_dashboard_team_form__modal-danger-btn:hover, .main_ui_dashboard_team_form__modal-accept-btn:hover, .main_ui_dashboard_team_form__accept-btn: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;
}
.main_ui_dashboard_team_form__button-primary:hover svg, .main_ui_dashboard_team_form__modal-danger-btn:hover svg, .main_ui_dashboard_team_form__modal-accept-btn:hover svg, .main_ui_dashboard_team_form__accept-btn:hover svg,
.main_ui_dashboard_team_form__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_team_form__button-primary:active, .main_ui_dashboard_team_form__modal-danger-btn:active, .main_ui_dashboard_team_form__modal-accept-btn:active, .main_ui_dashboard_team_form__accept-btn: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;
}
.main_ui_dashboard_team_form__button-primary:active svg, .main_ui_dashboard_team_form__modal-danger-btn:active svg, .main_ui_dashboard_team_form__modal-accept-btn:active svg, .main_ui_dashboard_team_form__accept-btn:active svg,
.main_ui_dashboard_team_form__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_team_form__button-primary.disabled, .main_ui_dashboard_team_form__modal-danger-btn.disabled, .main_ui_dashboard_team_form__modal-accept-btn.disabled, .main_ui_dashboard_team_form__accept-btn.disabled, .main_ui_dashboard_team_form__button-primary[disabled], [disabled].main_ui_dashboard_team_form__modal-danger-btn, [disabled].main_ui_dashboard_team_form__modal-accept-btn, [disabled].main_ui_dashboard_team_form__accept-btn, .main_ui_dashboard_team_form__button-primary:disabled, .main_ui_dashboard_team_form__modal-danger-btn:disabled, .main_ui_dashboard_team_form__modal-accept-btn:disabled, .main_ui_dashboard_team_form__accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_team_form__button-secondary, .main_ui_dashboard_team_form__modal-cancel-btn, .main_ui_dashboard_team_form__cancel-button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_team_form__button-secondary:focus-visible, .main_ui_dashboard_team_form__modal-cancel-btn:focus-visible, .main_ui_dashboard_team_form__cancel-button:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_team_form__button-secondary:focus-visible svg, .main_ui_dashboard_team_form__modal-cancel-btn:focus-visible svg, .main_ui_dashboard_team_form__cancel-button:focus-visible svg,
.main_ui_dashboard_team_form__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_team_form__button-secondary svg, .main_ui_dashboard_team_form__modal-cancel-btn svg, .main_ui_dashboard_team_form__cancel-button svg,
.main_ui_dashboard_team_form__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_team_form__button-secondary:hover, .main_ui_dashboard_team_form__modal-cancel-btn:hover, .main_ui_dashboard_team_form__cancel-button: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;
}
.main_ui_dashboard_team_form__button-secondary:hover svg, .main_ui_dashboard_team_form__modal-cancel-btn:hover svg, .main_ui_dashboard_team_form__cancel-button:hover svg,
.main_ui_dashboard_team_form__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_team_form__button-secondary:active, .main_ui_dashboard_team_form__modal-cancel-btn:active, .main_ui_dashboard_team_form__cancel-button: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);
}
.main_ui_dashboard_team_form__button-secondary:active svg, .main_ui_dashboard_team_form__modal-cancel-btn:active svg, .main_ui_dashboard_team_form__cancel-button:active svg,
.main_ui_dashboard_team_form__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_team_form__button-secondary.disabled, .main_ui_dashboard_team_form__modal-cancel-btn.disabled, .main_ui_dashboard_team_form__cancel-button.disabled, .main_ui_dashboard_team_form__button-secondary[disabled], [disabled].main_ui_dashboard_team_form__modal-cancel-btn, [disabled].main_ui_dashboard_team_form__cancel-button, .main_ui_dashboard_team_form__button-secondary:disabled, .main_ui_dashboard_team_form__modal-cancel-btn:disabled, .main_ui_dashboard_team_form__cancel-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;
}

.main_ui_dashboard_team_form__button-tertiary, .main_ui_dashboard_team_form__attr-title button, .main_ui_dashboard_team_form__modal-close-btn-base, .main_ui_dashboard_team_form__modal-close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_team_form__button-tertiary:focus-visible, .main_ui_dashboard_team_form__attr-title button:focus-visible, .main_ui_dashboard_team_form__modal-close-btn-base:focus-visible, .main_ui_dashboard_team_form__modal-close-btn: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);
}
.main_ui_dashboard_team_form__button-tertiary:focus-visible svg, .main_ui_dashboard_team_form__attr-title button:focus-visible svg, .main_ui_dashboard_team_form__modal-close-btn-base:focus-visible svg, .main_ui_dashboard_team_form__modal-close-btn:focus-visible svg,
.main_ui_dashboard_team_form__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_team_form__button-tertiary svg, .main_ui_dashboard_team_form__attr-title button svg, .main_ui_dashboard_team_form__modal-close-btn-base svg, .main_ui_dashboard_team_form__modal-close-btn svg,
.main_ui_dashboard_team_form__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_team_form__button-tertiary:hover, .main_ui_dashboard_team_form__attr-title button:hover, .main_ui_dashboard_team_form__modal-close-btn-base:hover, .main_ui_dashboard_team_form__modal-close-btn:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_team_form__button-tertiary:hover svg, .main_ui_dashboard_team_form__attr-title button:hover svg, .main_ui_dashboard_team_form__modal-close-btn-base:hover svg, .main_ui_dashboard_team_form__modal-close-btn:hover svg,
.main_ui_dashboard_team_form__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_team_form__button-tertiary:active, .main_ui_dashboard_team_form__attr-title button:active, .main_ui_dashboard_team_form__modal-close-btn-base:active, .main_ui_dashboard_team_form__modal-close-btn:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_team_form__button-tertiary:active svg, .main_ui_dashboard_team_form__attr-title button:active svg, .main_ui_dashboard_team_form__modal-close-btn-base:active svg, .main_ui_dashboard_team_form__modal-close-btn:active svg,
.main_ui_dashboard_team_form__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_team_form__button-tertiary.disabled, .main_ui_dashboard_team_form__attr-title button.disabled, .main_ui_dashboard_team_form__modal-close-btn-base.disabled, .main_ui_dashboard_team_form__modal-close-btn.disabled, .main_ui_dashboard_team_form__button-tertiary[disabled], .main_ui_dashboard_team_form__attr-title button[disabled], [disabled].main_ui_dashboard_team_form__modal-close-btn-base, [disabled].main_ui_dashboard_team_form__modal-close-btn, .main_ui_dashboard_team_form__button-tertiary:disabled, .main_ui_dashboard_team_form__attr-title button:disabled, .main_ui_dashboard_team_form__modal-close-btn-base:disabled, .main_ui_dashboard_team_form__modal-close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_team_form__button-tertiary.disabled svg, .main_ui_dashboard_team_form__attr-title button.disabled svg, .main_ui_dashboard_team_form__modal-close-btn-base.disabled svg, .main_ui_dashboard_team_form__modal-close-btn.disabled svg,
.main_ui_dashboard_team_form__button-tertiary.disabled span svg, .main_ui_dashboard_team_form__button-tertiary[disabled] svg, .main_ui_dashboard_team_form__attr-title button[disabled] svg, [disabled].main_ui_dashboard_team_form__modal-close-btn-base svg, [disabled].main_ui_dashboard_team_form__modal-close-btn svg,
.main_ui_dashboard_team_form__button-tertiary[disabled] span svg, .main_ui_dashboard_team_form__button-tertiary:disabled svg, .main_ui_dashboard_team_form__attr-title button:disabled svg, .main_ui_dashboard_team_form__modal-close-btn-base:disabled svg, .main_ui_dashboard_team_form__modal-close-btn:disabled svg,
.main_ui_dashboard_team_form__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_team_form__button-icon-selected {
  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);
}
.main_ui_dashboard_team_form__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_team_form__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_team_form__button-radio: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);
}
.main_ui_dashboard_team_form__button-radio:focus-visible svg,
.main_ui_dashboard_team_form__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_team_form__button-radio svg,
.main_ui_dashboard_team_form__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_team_form__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_team_form__button-radio:hover svg,
.main_ui_dashboard_team_form__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_team_form__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_team_form__button-radio:active svg,
.main_ui_dashboard_team_form__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_team_form__button-warning {
  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);
}

.main_ui_dashboard_team_form__button-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;
}

.main_ui_dashboard_team_form__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_team_form__button-tag: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);
}
.main_ui_dashboard_team_form__button-tag:focus-visible svg,
.main_ui_dashboard_team_form__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_team_form__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_team_form__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_team_form__button-icon, .main_ui_dashboard_team_form__empty-icon svg, .main_ui_dashboard_team_form__modal-close-btn-base svg, .main_ui_dashboard_team_form__modal-close-btn svg, .main_ui_dashboard_team_form__button-icon-small, .main_ui_dashboard_team_form__dropdown-element-base span svg, .main_ui_dashboard_team_form__attr-title button svg, .main_ui_dashboard_team_form__checkbox-icon.intermediate svg, .main_ui_dashboard_team_form__input-checkbox label span.intermediate svg, .main_ui_dashboard_team_form__checkbox-icon.checked svg, .main_ui_dashboard_team_form__input-checkbox label span.checked svg, .main_ui_dashboard_team_form__input-element span svg,
.main_ui_dashboard_team_form__input-element label svg, .main_ui_dashboard_team_form__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_team_form__button-icon-small, .main_ui_dashboard_team_form__dropdown-element-base span svg, .main_ui_dashboard_team_form__attr-title button svg, .main_ui_dashboard_team_form__checkbox-icon.intermediate svg, .main_ui_dashboard_team_form__input-checkbox label span.intermediate svg, .main_ui_dashboard_team_form__checkbox-icon.checked svg, .main_ui_dashboard_team_form__input-checkbox label span.checked svg, .main_ui_dashboard_team_form__input-element span svg,
.main_ui_dashboard_team_form__input-element label svg, .main_ui_dashboard_team_form__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_team_form__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_team_form__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_team_form__input-base, .main_ui_dashboard_team_form__input-with-label input, .main_ui_dashboard_team_form__input-element-label input, .main_ui_dashboard_team_form__group-name-input input, .main_ui_dashboard_team_form__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_team_form__input-base[disabled], .main_ui_dashboard_team_form__input-with-label input[disabled], .main_ui_dashboard_team_form__input-element-label input[disabled], .main_ui_dashboard_team_form__group-name-input input[disabled], .main_ui_dashboard_team_form__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_team_form__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_team_form__input-label, .main_ui_dashboard_team_form__input-element span,
.main_ui_dashboard_team_form__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_team_form__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_team_form__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_team_form__input-element span svg,
.main_ui_dashboard_team_form__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_team_form__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_team_form__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_team_form__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_team_form__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_team_form__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_team_form__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_team_form__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_team_form__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_team_form__input-element:focus, .main_ui_dashboard_team_form__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_team_form__input-element:focus span, .main_ui_dashboard_team_form__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_team_form__input-element:focus input, .main_ui_dashboard_team_form__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_team_form__input-element:focus:hover, .main_ui_dashboard_team_form__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_team_form__input-element:focus:hover span, .main_ui_dashboard_team_form__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_team_form__input-element:focus:hover input, .main_ui_dashboard_team_form__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_team_form__input-element-label, .main_ui_dashboard_team_form__group-name-input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_team_form__input-element-label input, .main_ui_dashboard_team_form__group-name-input input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_team_form__input-element-label ::-moz-placeholder, .main_ui_dashboard_team_form__group-name-input ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_team_form__input-element-label ::placeholder, .main_ui_dashboard_team_form__group-name-input ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_team_form__input-element-label:hover input, .main_ui_dashboard_team_form__group-name-input:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_team_form__input-element-label:focus-within input, .main_ui_dashboard_team_form__group-name-input:focus-within input, .main_ui_dashboard_team_form__input-element-label:active input, .main_ui_dashboard_team_form__group-name-input:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_team_form__disabled-input, .main_ui_dashboard_team_form__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_team_form__disabled-input input, .main_ui_dashboard_team_form__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_team_form__disabled-input span svg, .main_ui_dashboard_team_form__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_team_form__checkbox-icon, .main_ui_dashboard_team_form__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_team_form__checkbox-icon svg, .main_ui_dashboard_team_form__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_team_form__checkbox-icon:hover, .main_ui_dashboard_team_form__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_team_form__checkbox-icon:focus, .main_ui_dashboard_team_form__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_team_form__checkbox-icon.checked, .main_ui_dashboard_team_form__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_team_form__checkbox-icon.checked svg, .main_ui_dashboard_team_form__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_team_form__checkbox-icon.intermediate, .main_ui_dashboard_team_form__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_team_form__checkbox-icon.intermediate svg, .main_ui_dashboard_team_form__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_team_form__checkbox-icon.unchecked, .main_ui_dashboard_team_form__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_team_form__checkbox-icon.unchecked svg, .main_ui_dashboard_team_form__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_team_form__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_team_form__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_team_form__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_team_form__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_team_form__input-checkbox label:focus span, .main_ui_dashboard_team_form__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_team_form__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_team_form__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_team_form__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_team_form__input-with-label input:focus-within, .main_ui_dashboard_team_form__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_team_form__input-with-label input:focus-within input, .main_ui_dashboard_team_form__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_team_form__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_team_form__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_team_form__modal-overlay-base, .main_ui_dashboard_team_form__modal-overlay {
  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);
}

.main_ui_dashboard_team_form__modal-container-base, .main_ui_dashboard_team_form__modal-container {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_team_form__modal-close-btn-base, .main_ui_dashboard_team_form__modal-close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_team_form__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_team_form__modal-action-btns, .main_ui_dashboard_team_form__action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_team_form__modal-cancel-btn, .main_ui_dashboard_team_form__cancel-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_team_form__modal-accept-btn, .main_ui_dashboard_team_form__accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_team_form__modal-danger-btn, .main_ui_dashboard_team_form__accept-btn.main_ui_dashboard_team_form__danger {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_team_form__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_team_form__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_team_form__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_team_form__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_team_form__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_team_form__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_team_form__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_team_form__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_team_form__colorpicker-handler {
  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;
}
.main_ui_dashboard_team_form__colorpicker-handler:hover, .main_ui_dashboard_team_form__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_team_form__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_team_form__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_team_form__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_team_form__attr-title button {
  display: none;
}
.main_ui_dashboard_team_form__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_team_form__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_team_form__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_team_form__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_team_form__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_team_form__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_team_form__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_team_form__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_team_form__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_team_form__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_team_form__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_team_form__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_team_form__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_team_form__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_team_form__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_team_form__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_team_form__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_team_form__modal-header {
  margin-bottom: 1.5rem;
}

.main_ui_dashboard_team_form__modal-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--modal-title-foreground-color);
}

.main_ui_dashboard_team_form__modal-content {
  margin-bottom: 1.5rem;
}

.main_ui_dashboard_team_form__team-form {
  min-width: 25rem;
}

.main_ui_dashboard_team_form__group-name-input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.main_ui_dashboard_team_form__group-name-input label {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  align-items: flex-start;
  width: 100%;
  border: none;
  background-color: transparent;
  height: 100%;
}
.main_ui_dashboard_team_form__group-name-input label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}
@keyframes main_ui_dashboard_templates__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_dashboard_templates__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_dashboard_templates__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_dashboard_templates__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_dashboard_templates__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_dashboard_templates__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_dashboard_templates__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_dashboard_templates__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_dashboard_templates__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_templates__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_dashboard_templates__new-scrollbar ::placeholder,
.main_ui_dashboard_templates__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_dashboard_templates__button-primary, .main_ui_dashboard_templates__modal-danger-btn, .main_ui_dashboard_templates__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_dashboard_templates__button-primary:focus-visible, .main_ui_dashboard_templates__modal-danger-btn:focus-visible, .main_ui_dashboard_templates__modal-accept-btn: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);
}
.main_ui_dashboard_templates__button-primary:focus-visible svg, .main_ui_dashboard_templates__modal-danger-btn:focus-visible svg, .main_ui_dashboard_templates__modal-accept-btn:focus-visible svg,
.main_ui_dashboard_templates__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_dashboard_templates__button-primary svg, .main_ui_dashboard_templates__modal-danger-btn svg, .main_ui_dashboard_templates__modal-accept-btn svg,
.main_ui_dashboard_templates__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_dashboard_templates__button-primary:hover, .main_ui_dashboard_templates__modal-danger-btn:hover, .main_ui_dashboard_templates__modal-accept-btn: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;
}
.main_ui_dashboard_templates__button-primary:hover svg, .main_ui_dashboard_templates__modal-danger-btn:hover svg, .main_ui_dashboard_templates__modal-accept-btn:hover svg,
.main_ui_dashboard_templates__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_dashboard_templates__button-primary:active, .main_ui_dashboard_templates__modal-danger-btn:active, .main_ui_dashboard_templates__modal-accept-btn: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;
}
.main_ui_dashboard_templates__button-primary:active svg, .main_ui_dashboard_templates__modal-danger-btn:active svg, .main_ui_dashboard_templates__modal-accept-btn:active svg,
.main_ui_dashboard_templates__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_dashboard_templates__button-primary.disabled, .main_ui_dashboard_templates__modal-danger-btn.disabled, .main_ui_dashboard_templates__modal-accept-btn.disabled, .main_ui_dashboard_templates__button-primary[disabled], [disabled].main_ui_dashboard_templates__modal-danger-btn, [disabled].main_ui_dashboard_templates__modal-accept-btn, .main_ui_dashboard_templates__button-primary:disabled, .main_ui_dashboard_templates__modal-danger-btn:disabled, .main_ui_dashboard_templates__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_templates__button-secondary, .main_ui_dashboard_templates__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_templates__button-secondary:focus-visible, .main_ui_dashboard_templates__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_templates__button-secondary:focus-visible svg, .main_ui_dashboard_templates__modal-cancel-btn:focus-visible svg,
.main_ui_dashboard_templates__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_dashboard_templates__button-secondary svg, .main_ui_dashboard_templates__modal-cancel-btn svg,
.main_ui_dashboard_templates__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_dashboard_templates__button-secondary:hover, .main_ui_dashboard_templates__modal-cancel-btn: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;
}
.main_ui_dashboard_templates__button-secondary:hover svg, .main_ui_dashboard_templates__modal-cancel-btn:hover svg,
.main_ui_dashboard_templates__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_dashboard_templates__button-secondary:active, .main_ui_dashboard_templates__modal-cancel-btn: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);
}
.main_ui_dashboard_templates__button-secondary:active svg, .main_ui_dashboard_templates__modal-cancel-btn:active svg,
.main_ui_dashboard_templates__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_dashboard_templates__button-secondary.disabled, .main_ui_dashboard_templates__modal-cancel-btn.disabled, .main_ui_dashboard_templates__button-secondary[disabled], [disabled].main_ui_dashboard_templates__modal-cancel-btn, .main_ui_dashboard_templates__button-secondary:disabled, .main_ui_dashboard_templates__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_dashboard_templates__button-tertiary, .main_ui_dashboard_templates__attr-title button, .main_ui_dashboard_templates__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_dashboard_templates__button-tertiary:focus-visible, .main_ui_dashboard_templates__attr-title button:focus-visible, .main_ui_dashboard_templates__modal-close-btn-base: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);
}
.main_ui_dashboard_templates__button-tertiary:focus-visible svg, .main_ui_dashboard_templates__attr-title button:focus-visible svg, .main_ui_dashboard_templates__modal-close-btn-base:focus-visible svg,
.main_ui_dashboard_templates__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_dashboard_templates__button-tertiary svg, .main_ui_dashboard_templates__attr-title button svg, .main_ui_dashboard_templates__modal-close-btn-base svg,
.main_ui_dashboard_templates__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_dashboard_templates__button-tertiary:hover, .main_ui_dashboard_templates__attr-title button:hover, .main_ui_dashboard_templates__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_dashboard_templates__button-tertiary:hover svg, .main_ui_dashboard_templates__attr-title button:hover svg, .main_ui_dashboard_templates__modal-close-btn-base:hover svg,
.main_ui_dashboard_templates__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_dashboard_templates__button-tertiary:active, .main_ui_dashboard_templates__attr-title button:active, .main_ui_dashboard_templates__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_templates__button-tertiary:active svg, .main_ui_dashboard_templates__attr-title button:active svg, .main_ui_dashboard_templates__modal-close-btn-base:active svg,
.main_ui_dashboard_templates__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_dashboard_templates__button-tertiary.disabled, .main_ui_dashboard_templates__attr-title button.disabled, .main_ui_dashboard_templates__modal-close-btn-base.disabled, .main_ui_dashboard_templates__button-tertiary[disabled], .main_ui_dashboard_templates__attr-title button[disabled], [disabled].main_ui_dashboard_templates__modal-close-btn-base, .main_ui_dashboard_templates__button-tertiary:disabled, .main_ui_dashboard_templates__attr-title button:disabled, .main_ui_dashboard_templates__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_dashboard_templates__button-tertiary.disabled svg, .main_ui_dashboard_templates__attr-title button.disabled svg, .main_ui_dashboard_templates__modal-close-btn-base.disabled svg,
.main_ui_dashboard_templates__button-tertiary.disabled span svg, .main_ui_dashboard_templates__button-tertiary[disabled] svg, .main_ui_dashboard_templates__attr-title button[disabled] svg, [disabled].main_ui_dashboard_templates__modal-close-btn-base svg,
.main_ui_dashboard_templates__button-tertiary[disabled] span svg, .main_ui_dashboard_templates__button-tertiary:disabled svg, .main_ui_dashboard_templates__attr-title button:disabled svg, .main_ui_dashboard_templates__modal-close-btn-base:disabled svg,
.main_ui_dashboard_templates__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_dashboard_templates__button-icon-selected {
  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);
}
.main_ui_dashboard_templates__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_dashboard_templates__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_dashboard_templates__button-radio: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);
}
.main_ui_dashboard_templates__button-radio:focus-visible svg,
.main_ui_dashboard_templates__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_dashboard_templates__button-radio svg,
.main_ui_dashboard_templates__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_dashboard_templates__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_dashboard_templates__button-radio:hover svg,
.main_ui_dashboard_templates__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_dashboard_templates__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_dashboard_templates__button-radio:active svg,
.main_ui_dashboard_templates__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_dashboard_templates__button-warning {
  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);
}

.main_ui_dashboard_templates__button-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;
}

.main_ui_dashboard_templates__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_dashboard_templates__button-tag: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);
}
.main_ui_dashboard_templates__button-tag:focus-visible svg,
.main_ui_dashboard_templates__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_dashboard_templates__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_dashboard_templates__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_dashboard_templates__button-icon, .main_ui_dashboard_templates__arrow-icon, .main_ui_dashboard_templates__download-icon, .main_ui_dashboard_templates__empty-icon svg, .main_ui_dashboard_templates__modal-close-btn-base svg, .main_ui_dashboard_templates__button-icon-small, .main_ui_dashboard_templates__dropdown-element-base span svg, .main_ui_dashboard_templates__attr-title button svg, .main_ui_dashboard_templates__checkbox-icon.intermediate svg, .main_ui_dashboard_templates__input-checkbox label span.intermediate svg, .main_ui_dashboard_templates__checkbox-icon.checked svg, .main_ui_dashboard_templates__input-checkbox label span.checked svg, .main_ui_dashboard_templates__input-element span svg,
.main_ui_dashboard_templates__input-element label svg, .main_ui_dashboard_templates__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_dashboard_templates__button-icon-small, .main_ui_dashboard_templates__dropdown-element-base span svg, .main_ui_dashboard_templates__attr-title button svg, .main_ui_dashboard_templates__checkbox-icon.intermediate svg, .main_ui_dashboard_templates__input-checkbox label span.intermediate svg, .main_ui_dashboard_templates__checkbox-icon.checked svg, .main_ui_dashboard_templates__input-checkbox label span.checked svg, .main_ui_dashboard_templates__input-element span svg,
.main_ui_dashboard_templates__input-element label svg, .main_ui_dashboard_templates__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_dashboard_templates__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_dashboard_templates__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_dashboard_templates__input-base, .main_ui_dashboard_templates__input-with-label input, .main_ui_dashboard_templates__input-element-label input, .main_ui_dashboard_templates__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_templates__input-base[disabled], .main_ui_dashboard_templates__input-with-label input[disabled], .main_ui_dashboard_templates__input-element-label input[disabled], .main_ui_dashboard_templates__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_dashboard_templates__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_dashboard_templates__input-label, .main_ui_dashboard_templates__input-element span,
.main_ui_dashboard_templates__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_dashboard_templates__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_dashboard_templates__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_templates__input-element span svg,
.main_ui_dashboard_templates__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_dashboard_templates__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_templates__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_templates__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_templates__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_templates__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_dashboard_templates__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_dashboard_templates__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_templates__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_templates__input-element:focus, .main_ui_dashboard_templates__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_templates__input-element:focus span, .main_ui_dashboard_templates__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_templates__input-element:focus input, .main_ui_dashboard_templates__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_templates__input-element:focus:hover, .main_ui_dashboard_templates__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_dashboard_templates__input-element:focus:hover span, .main_ui_dashboard_templates__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_dashboard_templates__input-element:focus:hover input, .main_ui_dashboard_templates__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_dashboard_templates__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_dashboard_templates__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_dashboard_templates__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_templates__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_dashboard_templates__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_dashboard_templates__input-element-label:focus-within input, .main_ui_dashboard_templates__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_dashboard_templates__disabled-input, .main_ui_dashboard_templates__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_templates__disabled-input input, .main_ui_dashboard_templates__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_dashboard_templates__disabled-input span svg, .main_ui_dashboard_templates__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_dashboard_templates__checkbox-icon, .main_ui_dashboard_templates__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_dashboard_templates__checkbox-icon svg, .main_ui_dashboard_templates__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_dashboard_templates__checkbox-icon:hover, .main_ui_dashboard_templates__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_templates__checkbox-icon:focus, .main_ui_dashboard_templates__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_dashboard_templates__checkbox-icon.checked, .main_ui_dashboard_templates__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_dashboard_templates__checkbox-icon.checked svg, .main_ui_dashboard_templates__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_dashboard_templates__checkbox-icon.intermediate, .main_ui_dashboard_templates__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_dashboard_templates__checkbox-icon.intermediate svg, .main_ui_dashboard_templates__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_dashboard_templates__checkbox-icon.unchecked, .main_ui_dashboard_templates__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_dashboard_templates__checkbox-icon.unchecked svg, .main_ui_dashboard_templates__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_dashboard_templates__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_dashboard_templates__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_dashboard_templates__input-checkbox label input {
  margin: 0;
}
.main_ui_dashboard_templates__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_dashboard_templates__input-checkbox label:focus span, .main_ui_dashboard_templates__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_dashboard_templates__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_templates__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_templates__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_templates__input-with-label input:focus-within, .main_ui_dashboard_templates__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_dashboard_templates__input-with-label input:focus-within input, .main_ui_dashboard_templates__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_dashboard_templates__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_dashboard_templates__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_dashboard_templates__modal-overlay-base {
  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);
}

.main_ui_dashboard_templates__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_dashboard_templates__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_dashboard_templates__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_dashboard_templates__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_dashboard_templates__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_templates__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_dashboard_templates__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_dashboard_templates__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_dashboard_templates__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_dashboard_templates__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_dashboard_templates__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_dashboard_templates__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_dashboard_templates__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_dashboard_templates__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_dashboard_templates__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_dashboard_templates__colorpicker-handler {
  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;
}
.main_ui_dashboard_templates__colorpicker-handler:hover, .main_ui_dashboard_templates__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_dashboard_templates__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_dashboard_templates__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_dashboard_templates__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_dashboard_templates__attr-title button {
  display: none;
}
.main_ui_dashboard_templates__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_templates__attr-title:hover button {
  display: flex;
}

.main_ui_dashboard_templates__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_dashboard_templates__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_dashboard_templates__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_templates__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_dashboard_templates__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_dashboard_templates__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_dashboard_templates__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_dashboard_templates__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_dashboard_templates__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_dashboard_templates__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_dashboard_templates__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_dashboard_templates__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_dashboard_templates__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_dashboard_templates__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_dashboard_templates__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_dashboard_templates__dashboard-templates-section {
  background-color: var(--color-background-tertiary);
  bottom: 0;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  height: 15.25rem;
  justify-content: flex-end;
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  margin-bottom: 0.375rem;
  position: absolute;
  transition: bottom 300ms;
  width: calc(100% - 0.75rem);
  pointer-events: none;
}
.main_ui_dashboard_templates__dashboard-templates-section.main_ui_dashboard_templates__collapsed {
  bottom: calc(-1 * 14.25rem);
  background-color: transparent;
  transition: bottom 300ms;
}
.main_ui_dashboard_templates__dashboard-templates-section.main_ui_dashboard_templates__collapsed .main_ui_dashboard_templates__title-btn {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.main_ui_dashboard_templates__dashboard-templates-section.main_ui_dashboard_templates__collapsed .main_ui_dashboard_templates__content,
.main_ui_dashboard_templates__dashboard-templates-section.main_ui_dashboard_templates__collapsed .main_ui_dashboard_templates__content-description {
  visibility: hidden;
}

.main_ui_dashboard_templates__title {
  pointer-events: all;
  width: 26.25rem;
  top: calc(-1 * 2.5rem);
  text-align: right;
  height: 3.5rem;
  position: absolute;
}

.main_ui_dashboard_templates__title-btn {
  border: none;
  cursor: pointer;
  height: 3.5rem;
  display: inline-flex;
  align-items: center;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  position: relative;
  z-index: 1;
  background-color: var(--color-background-tertiary);
  width: 100%;
}

.main_ui_dashboard_templates__title-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  font-size: 1rem;
  margin-left: 0.75rem;
  margin-right: 0.5rem;
  color: var(--color-foreground-primary);
  font-weight: 400;
}

.main_ui_dashboard_templates__title-icon-container {
  display: inline-block;
  vertical-align: middle;
  margin-left: auto;
  margin-right: 0.5rem;
  color: var(--color-foreground-primary);
}

.main_ui_dashboard_templates__title-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: auto;
  margin-right: 0.5rem;
  transform: rotate(90deg);
}

.main_ui_dashboard_templates__title-icon-text {
  margin-right: 0.5rem;
}

.main_ui_dashboard_templates__title-icon-collapsed {
  transform: rotate(-90deg);
}

.main_ui_dashboard_templates__arrow-icon {
  stroke: var(--color-foreground-secondary);
}

.main_ui_dashboard_templates__move-button {
  position: absolute;
  top: 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(--button-secondary-background-color-rest);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
}
.main_ui_dashboard_templates__move-button:hover {
  border: 0.125rem solid var(--color-background-tertiary);
  background-color: var(--color-accent-primary);
}
.main_ui_dashboard_templates__move-button:hover .main_ui_dashboard_templates__arrow-icon {
  stroke: var(--color-background-tertiary);
}

.main_ui_dashboard_templates__move-left {
  left: 0;
  margin-left: 2.75rem;
  transform: rotate(180deg);
}

.main_ui_dashboard_templates__move-right {
  right: 0;
  margin-right: 2.75rem;
}

.main_ui_dashboard_templates__content-description {
  font-size: 0.875rem;
  color: var(--color-foreground-primary);
  margin-bottom: -8px;
  margin-top: 1rem;
  margin-left: 1rem;
  visibility: visible;
}

.main_ui_dashboard_templates__content {
  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;
}

.main_ui_dashboard_templates__card-container {
  width: 17.25rem;
  margin-top: 1.25rem;
  text-align: center;
  vertical-align: top;
  background-color: transparent;
  border: none;
  padding: 0;
  scroll-snap-align: start;
}

.main_ui_dashboard_templates__template-card {
  display: inline-block;
  width: 16rem;
  font-size: 1rem;
  cursor: pointer;
  color: var(--color-foreground-primary);
  padding: 0 0.25rem 0.5rem 0.25rem;
  border-radius: 0.5rem;
  border: 0.125rem solid transparent;
}
.main_ui_dashboard_templates__template-card:hover {
  border-color: var(--color-accent-primary);
}
.main_ui_dashboard_templates__template-card:hover .main_ui_dashboard_templates__download-icon {
  stroke: var(--color-accent-primary);
}
.main_ui_dashboard_templates__template-card:hover .main_ui_dashboard_templates__card-text {
  color: var(--color-accent-primary);
}

.main_ui_dashboard_templates__img-container {
  width: 100%;
  height: 8.5rem;
  margin-bottom: 0.5rem;
  border-radius: 0.313rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.main_ui_dashboard_templates__img-container img {
  border-radius: 0.25rem;
}

.main_ui_dashboard_templates__card-name {
  padding: 0 0.375rem;
  display: flex;
  justify-content: space-between;
  height: 1.5rem;
  align-items: center;
}

.main_ui_dashboard_templates__card-text {
  font-weight: 400;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  width: 90%;
  text-overflow: ellipsis;
  text-align: left;
}

.main_ui_dashboard_templates__download-icon {
  stroke: var(--icon-foreground);
}

.main_ui_dashboard_templates__template-link {
  border: 0.125rem solid transparent;
  margin: 2rem;
  padding: 2rem 0;
}

.main_ui_dashboard_templates__template-link-title {
  font-size: 0.875rem;
  color: var(--color-foreground-primary);
  font-weight: 400;
}

.main_ui_dashboard_templates__template-link-text {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  color: var(--color-foreground-secondary);
}
@keyframes main_ui_auth_common__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_auth_common__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_auth_common__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_auth_common__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_auth_common__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_auth_common__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_auth_common__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_auth_common__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_auth_common__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_auth_common__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_auth_common__new-scrollbar ::placeholder,
.main_ui_auth_common__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_auth_common__button-primary, .main_ui_auth_common__login-button,
.main_ui_auth_common__login-ldap-button, .main_ui_auth_common__submit-btn,
.main_ui_auth_common__register-btn,
.main_ui_auth_common__recover-btn, .main_ui_auth_common__modal-danger-btn, .main_ui_auth_common__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_auth_common__button-primary:focus-visible, .main_ui_auth_common__login-button:focus-visible,
.main_ui_auth_common__login-ldap-button:focus-visible, .main_ui_auth_common__submit-btn:focus-visible,
.main_ui_auth_common__register-btn:focus-visible,
.main_ui_auth_common__recover-btn:focus-visible, .main_ui_auth_common__modal-danger-btn:focus-visible, .main_ui_auth_common__modal-accept-btn: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);
}
.main_ui_auth_common__button-primary:focus-visible svg, .main_ui_auth_common__login-button:focus-visible svg,
.main_ui_auth_common__login-ldap-button:focus-visible svg, .main_ui_auth_common__submit-btn:focus-visible svg,
.main_ui_auth_common__register-btn:focus-visible svg,
.main_ui_auth_common__recover-btn:focus-visible svg, .main_ui_auth_common__modal-danger-btn:focus-visible svg, .main_ui_auth_common__modal-accept-btn:focus-visible svg,
.main_ui_auth_common__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_auth_common__button-primary svg, .main_ui_auth_common__login-button svg,
.main_ui_auth_common__login-ldap-button svg, .main_ui_auth_common__submit-btn svg,
.main_ui_auth_common__register-btn svg,
.main_ui_auth_common__recover-btn svg, .main_ui_auth_common__modal-danger-btn svg, .main_ui_auth_common__modal-accept-btn svg,
.main_ui_auth_common__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_auth_common__button-primary:hover, .main_ui_auth_common__login-button:hover,
.main_ui_auth_common__login-ldap-button:hover, .main_ui_auth_common__submit-btn:hover,
.main_ui_auth_common__register-btn:hover,
.main_ui_auth_common__recover-btn:hover, .main_ui_auth_common__modal-danger-btn:hover, .main_ui_auth_common__modal-accept-btn: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;
}
.main_ui_auth_common__button-primary:hover svg, .main_ui_auth_common__login-button:hover svg,
.main_ui_auth_common__login-ldap-button:hover svg, .main_ui_auth_common__submit-btn:hover svg,
.main_ui_auth_common__register-btn:hover svg,
.main_ui_auth_common__recover-btn:hover svg, .main_ui_auth_common__modal-danger-btn:hover svg, .main_ui_auth_common__modal-accept-btn:hover svg,
.main_ui_auth_common__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_auth_common__button-primary:active, .main_ui_auth_common__login-button:active,
.main_ui_auth_common__login-ldap-button:active, .main_ui_auth_common__submit-btn:active,
.main_ui_auth_common__register-btn:active,
.main_ui_auth_common__recover-btn:active, .main_ui_auth_common__modal-danger-btn:active, .main_ui_auth_common__modal-accept-btn: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;
}
.main_ui_auth_common__button-primary:active svg, .main_ui_auth_common__login-button:active svg,
.main_ui_auth_common__login-ldap-button:active svg, .main_ui_auth_common__submit-btn:active svg,
.main_ui_auth_common__register-btn:active svg,
.main_ui_auth_common__recover-btn:active svg, .main_ui_auth_common__modal-danger-btn:active svg, .main_ui_auth_common__modal-accept-btn:active svg,
.main_ui_auth_common__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_auth_common__button-primary.disabled, .main_ui_auth_common__login-button.disabled,
.main_ui_auth_common__login-ldap-button.disabled, .main_ui_auth_common__submit-btn.disabled,
.main_ui_auth_common__register-btn.disabled,
.main_ui_auth_common__recover-btn.disabled, .main_ui_auth_common__modal-danger-btn.disabled, .main_ui_auth_common__modal-accept-btn.disabled, .main_ui_auth_common__button-primary[disabled], [disabled].main_ui_auth_common__login-button,
[disabled].main_ui_auth_common__login-ldap-button, [disabled].main_ui_auth_common__submit-btn,
[disabled].main_ui_auth_common__register-btn,
[disabled].main_ui_auth_common__recover-btn, [disabled].main_ui_auth_common__modal-danger-btn, [disabled].main_ui_auth_common__modal-accept-btn, .main_ui_auth_common__button-primary:disabled, .main_ui_auth_common__login-button:disabled,
.main_ui_auth_common__login-ldap-button:disabled, .main_ui_auth_common__submit-btn:disabled,
.main_ui_auth_common__register-btn:disabled,
.main_ui_auth_common__recover-btn:disabled, .main_ui_auth_common__modal-danger-btn:disabled, .main_ui_auth_common__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_auth_common__button-secondary, .main_ui_auth_common__go-back-link, .main_ui_auth_common__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_auth_common__button-secondary:focus-visible, .main_ui_auth_common__go-back-link:focus-visible, .main_ui_auth_common__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_auth_common__button-secondary:focus-visible svg, .main_ui_auth_common__go-back-link:focus-visible svg, .main_ui_auth_common__modal-cancel-btn:focus-visible svg,
.main_ui_auth_common__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_auth_common__button-secondary svg, .main_ui_auth_common__go-back-link svg, .main_ui_auth_common__modal-cancel-btn svg,
.main_ui_auth_common__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_auth_common__button-secondary:hover, .main_ui_auth_common__go-back-link:hover, .main_ui_auth_common__modal-cancel-btn: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;
}
.main_ui_auth_common__button-secondary:hover svg, .main_ui_auth_common__go-back-link:hover svg, .main_ui_auth_common__modal-cancel-btn:hover svg,
.main_ui_auth_common__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_auth_common__button-secondary:active, .main_ui_auth_common__go-back-link:active, .main_ui_auth_common__modal-cancel-btn: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);
}
.main_ui_auth_common__button-secondary:active svg, .main_ui_auth_common__go-back-link:active svg, .main_ui_auth_common__modal-cancel-btn:active svg,
.main_ui_auth_common__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_auth_common__button-secondary.disabled, .main_ui_auth_common__go-back-link.disabled, .main_ui_auth_common__modal-cancel-btn.disabled, .main_ui_auth_common__button-secondary[disabled], [disabled].main_ui_auth_common__go-back-link, [disabled].main_ui_auth_common__modal-cancel-btn, .main_ui_auth_common__button-secondary:disabled, .main_ui_auth_common__go-back-link:disabled, .main_ui_auth_common__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_auth_common__button-tertiary, .main_ui_auth_common__attr-title button, .main_ui_auth_common__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_auth_common__button-tertiary:focus-visible, .main_ui_auth_common__attr-title button:focus-visible, .main_ui_auth_common__modal-close-btn-base: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);
}
.main_ui_auth_common__button-tertiary:focus-visible svg, .main_ui_auth_common__attr-title button:focus-visible svg, .main_ui_auth_common__modal-close-btn-base:focus-visible svg,
.main_ui_auth_common__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_auth_common__button-tertiary svg, .main_ui_auth_common__attr-title button svg, .main_ui_auth_common__modal-close-btn-base svg,
.main_ui_auth_common__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_auth_common__button-tertiary:hover, .main_ui_auth_common__attr-title button:hover, .main_ui_auth_common__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_auth_common__button-tertiary:hover svg, .main_ui_auth_common__attr-title button:hover svg, .main_ui_auth_common__modal-close-btn-base:hover svg,
.main_ui_auth_common__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_auth_common__button-tertiary:active, .main_ui_auth_common__attr-title button:active, .main_ui_auth_common__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_auth_common__button-tertiary:active svg, .main_ui_auth_common__attr-title button:active svg, .main_ui_auth_common__modal-close-btn-base:active svg,
.main_ui_auth_common__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_auth_common__button-tertiary.disabled, .main_ui_auth_common__attr-title button.disabled, .main_ui_auth_common__modal-close-btn-base.disabled, .main_ui_auth_common__button-tertiary[disabled], .main_ui_auth_common__attr-title button[disabled], [disabled].main_ui_auth_common__modal-close-btn-base, .main_ui_auth_common__button-tertiary:disabled, .main_ui_auth_common__attr-title button:disabled, .main_ui_auth_common__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_auth_common__button-tertiary.disabled svg, .main_ui_auth_common__attr-title button.disabled svg, .main_ui_auth_common__modal-close-btn-base.disabled svg,
.main_ui_auth_common__button-tertiary.disabled span svg, .main_ui_auth_common__button-tertiary[disabled] svg, .main_ui_auth_common__attr-title button[disabled] svg, [disabled].main_ui_auth_common__modal-close-btn-base svg,
.main_ui_auth_common__button-tertiary[disabled] span svg, .main_ui_auth_common__button-tertiary:disabled svg, .main_ui_auth_common__attr-title button:disabled svg, .main_ui_auth_common__modal-close-btn-base:disabled svg,
.main_ui_auth_common__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_auth_common__button-icon-selected {
  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);
}
.main_ui_auth_common__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_auth_common__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_auth_common__button-radio: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);
}
.main_ui_auth_common__button-radio:focus-visible svg,
.main_ui_auth_common__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_auth_common__button-radio svg,
.main_ui_auth_common__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_auth_common__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_auth_common__button-radio:hover svg,
.main_ui_auth_common__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_auth_common__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_auth_common__button-radio:active svg,
.main_ui_auth_common__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_auth_common__button-warning {
  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);
}

.main_ui_auth_common__button-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;
}

.main_ui_auth_common__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_auth_common__button-tag: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);
}
.main_ui_auth_common__button-tag:focus-visible svg,
.main_ui_auth_common__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_auth_common__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_auth_common__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_auth_common__button-icon, .main_ui_auth_common__empty-icon svg, .main_ui_auth_common__modal-close-btn-base svg, .main_ui_auth_common__button-icon-small, .main_ui_auth_common__dropdown-element-base span svg, .main_ui_auth_common__attr-title button svg, .main_ui_auth_common__checkbox-icon.intermediate svg, .main_ui_auth_common__input-checkbox label span.intermediate svg, .main_ui_auth_common__checkbox-icon.checked svg, .main_ui_auth_common__input-checkbox label span.checked svg, .main_ui_auth_common__input-element span svg,
.main_ui_auth_common__input-element label svg, .main_ui_auth_common__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_auth_common__button-icon-small, .main_ui_auth_common__dropdown-element-base span svg, .main_ui_auth_common__attr-title button svg, .main_ui_auth_common__checkbox-icon.intermediate svg, .main_ui_auth_common__input-checkbox label span.intermediate svg, .main_ui_auth_common__checkbox-icon.checked svg, .main_ui_auth_common__input-checkbox label span.checked svg, .main_ui_auth_common__input-element span svg,
.main_ui_auth_common__input-element label svg, .main_ui_auth_common__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_auth_common__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_auth_common__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_auth_common__input-base, .main_ui_auth_common__input-with-label input, .main_ui_auth_common__input-element-label input, .main_ui_auth_common__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_auth_common__input-base[disabled], .main_ui_auth_common__input-with-label input[disabled], .main_ui_auth_common__input-element-label input[disabled], .main_ui_auth_common__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_auth_common__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_auth_common__input-label, .main_ui_auth_common__input-element span,
.main_ui_auth_common__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_auth_common__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_auth_common__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_auth_common__input-element span svg,
.main_ui_auth_common__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_auth_common__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_auth_common__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_auth_common__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_auth_common__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_auth_common__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_auth_common__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_auth_common__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_common__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_common__input-element:focus, .main_ui_auth_common__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_auth_common__input-element:focus span, .main_ui_auth_common__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_common__input-element:focus input, .main_ui_auth_common__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_common__input-element:focus:hover, .main_ui_auth_common__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_auth_common__input-element:focus:hover span, .main_ui_auth_common__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_common__input-element:focus:hover input, .main_ui_auth_common__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_auth_common__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_auth_common__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_auth_common__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_auth_common__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_auth_common__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_auth_common__input-element-label:focus-within input, .main_ui_auth_common__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_auth_common__disabled-input, .main_ui_auth_common__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_auth_common__disabled-input input, .main_ui_auth_common__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_auth_common__disabled-input span svg, .main_ui_auth_common__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_auth_common__checkbox-icon, .main_ui_auth_common__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_auth_common__checkbox-icon svg, .main_ui_auth_common__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_auth_common__checkbox-icon:hover, .main_ui_auth_common__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_auth_common__checkbox-icon:focus, .main_ui_auth_common__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_auth_common__checkbox-icon.checked, .main_ui_auth_common__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_auth_common__checkbox-icon.checked svg, .main_ui_auth_common__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_auth_common__checkbox-icon.intermediate, .main_ui_auth_common__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_auth_common__checkbox-icon.intermediate svg, .main_ui_auth_common__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_auth_common__checkbox-icon.unchecked, .main_ui_auth_common__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_auth_common__checkbox-icon.unchecked svg, .main_ui_auth_common__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_auth_common__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_auth_common__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_auth_common__input-checkbox label input {
  margin: 0;
}
.main_ui_auth_common__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_auth_common__input-checkbox label:focus span, .main_ui_auth_common__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_auth_common__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_auth_common__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_auth_common__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_auth_common__input-with-label input:focus-within, .main_ui_auth_common__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_auth_common__input-with-label input:focus-within input, .main_ui_auth_common__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_common__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_auth_common__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_auth_common__modal-overlay-base {
  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);
}

.main_ui_auth_common__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_auth_common__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_auth_common__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_auth_common__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_auth_common__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_auth_common__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_auth_common__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_auth_common__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_auth_common__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_auth_common__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_auth_common__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_auth_common__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_auth_common__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_auth_common__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_auth_common__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_auth_common__colorpicker-handler {
  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;
}
.main_ui_auth_common__colorpicker-handler:hover, .main_ui_auth_common__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_auth_common__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_auth_common__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_auth_common__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_auth_common__attr-title button {
  display: none;
}
.main_ui_auth_common__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_auth_common__attr-title:hover button {
  display: flex;
}

.main_ui_auth_common__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_auth_common__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_auth_common__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_auth_common__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_auth_common__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_auth_common__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_auth_common__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_auth_common__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_auth_common__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_auth_common__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_auth_common__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_auth_common__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_auth_common__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_auth_common__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_auth_common__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_auth_common__auth-form-wrapper {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.75rem;
}
.main_ui_auth_common__auth-form-wrapper form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.main_ui_auth_common__auth-title-wrapper {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.5rem;
}

.main_ui_auth_common__separator {
  border-color: var(--modal-separator-backogrund-color);
  margin: 0;
}

.main_ui_auth_common__auth-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--title-foreground-color-hover);
}

.main_ui_auth_common__auth-subtitle {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--title-foreground-color);
}

.main_ui_auth_common__auth-tagline {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  color: var(--title-foreground-color);
}

.main_ui_auth_common__form-field {
  --input-width: 100%;
  --input-height: 2.5rem;
  --input-min-width: 100%;
}

.main_ui_auth_common__buttons-stack {
  display: grid;
  gap: 0.5rem;
}

.main_ui_auth_common__login-button,
.main_ui_auth_common__login-ldap-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
  width: 100%;
}

.main_ui_auth_common__go-back {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  border-block-start: none;
}

.main_ui_auth_common__go-back-link {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
}

.main_ui_auth_common__links {
  display: grid;
  gap: 1.5rem;
}

.main_ui_auth_common__register,
.main_ui_auth_common__account,
.main_ui_auth_common__recovery-request,
.main_ui_auth_common__demo-account {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
}

.main_ui_auth_common__register-text,
.main_ui_auth_common__account-text,
.main_ui_auth_common__recovery-text,
.main_ui_auth_common__demo-account-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: right;
  color: var(--title-foreground-color);
}

.main_ui_auth_common__register-link,
.main_ui_auth_common__account-link,
.main_ui_auth_common__recovery-link,
.main_ui_auth_common__forgot-pass-link,
.main_ui_auth_common__demo-account-link {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
  background-color: transparent;
  border: none;
  display: inline;
  color: var(--link-foreground-color);
}
.main_ui_auth_common__register-link:hover,
.main_ui_auth_common__account-link:hover,
.main_ui_auth_common__recovery-link:hover,
.main_ui_auth_common__forgot-pass-link:hover,
.main_ui_auth_common__demo-account-link:hover {
  text-decoration: underline;
}

.main_ui_auth_common__forgot-password {
  display: flex;
  justify-content: flex-end;
}

.main_ui_auth_common__submit-btn,
.main_ui_auth_common__register-btn,
.main_ui_auth_common__recover-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
  width: 100%;
}

.main_ui_auth_common__login-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--button-foreground-color-focus);
}
.main_ui_auth_common__login-btn span {
  padding-block-start: 0.125rem;
}
.main_ui_auth_common__login-btn:hover {
  color: var(--button-foreground-color-focus);
  background-color: var(--button-secondary-background-color-hover);
}

.main_ui_auth_common__auth-buttons {
  display: flex;
  gap: 0.5rem;
}
@keyframes main_ui_auth_login__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_auth_login__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_auth_login__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_auth_login__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_auth_login__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_auth_login__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_auth_login__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_auth_login__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_auth_login__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_auth_login__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_auth_login__new-scrollbar ::placeholder,
.main_ui_auth_login__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_auth_login__button-primary, .main_ui_auth_login__login-button,
.main_ui_auth_login__login-ldap-button, .main_ui_auth_login__submit-btn,
.main_ui_auth_login__register-btn,
.main_ui_auth_login__recover-btn, .main_ui_auth_login__modal-danger-btn, .main_ui_auth_login__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_auth_login__button-primary:focus-visible, .main_ui_auth_login__login-button:focus-visible,
.main_ui_auth_login__login-ldap-button:focus-visible, .main_ui_auth_login__submit-btn:focus-visible,
.main_ui_auth_login__register-btn:focus-visible,
.main_ui_auth_login__recover-btn:focus-visible, .main_ui_auth_login__modal-danger-btn:focus-visible, .main_ui_auth_login__modal-accept-btn: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);
}
.main_ui_auth_login__button-primary:focus-visible svg, .main_ui_auth_login__login-button:focus-visible svg,
.main_ui_auth_login__login-ldap-button:focus-visible svg, .main_ui_auth_login__submit-btn:focus-visible svg,
.main_ui_auth_login__register-btn:focus-visible svg,
.main_ui_auth_login__recover-btn:focus-visible svg, .main_ui_auth_login__modal-danger-btn:focus-visible svg, .main_ui_auth_login__modal-accept-btn:focus-visible svg,
.main_ui_auth_login__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_auth_login__button-primary svg, .main_ui_auth_login__login-button svg,
.main_ui_auth_login__login-ldap-button svg, .main_ui_auth_login__submit-btn svg,
.main_ui_auth_login__register-btn svg,
.main_ui_auth_login__recover-btn svg, .main_ui_auth_login__modal-danger-btn svg, .main_ui_auth_login__modal-accept-btn svg,
.main_ui_auth_login__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_auth_login__button-primary:hover, .main_ui_auth_login__login-button:hover,
.main_ui_auth_login__login-ldap-button:hover, .main_ui_auth_login__submit-btn:hover,
.main_ui_auth_login__register-btn:hover,
.main_ui_auth_login__recover-btn:hover, .main_ui_auth_login__modal-danger-btn:hover, .main_ui_auth_login__modal-accept-btn: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;
}
.main_ui_auth_login__button-primary:hover svg, .main_ui_auth_login__login-button:hover svg,
.main_ui_auth_login__login-ldap-button:hover svg, .main_ui_auth_login__submit-btn:hover svg,
.main_ui_auth_login__register-btn:hover svg,
.main_ui_auth_login__recover-btn:hover svg, .main_ui_auth_login__modal-danger-btn:hover svg, .main_ui_auth_login__modal-accept-btn:hover svg,
.main_ui_auth_login__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_auth_login__button-primary:active, .main_ui_auth_login__login-button:active,
.main_ui_auth_login__login-ldap-button:active, .main_ui_auth_login__submit-btn:active,
.main_ui_auth_login__register-btn:active,
.main_ui_auth_login__recover-btn:active, .main_ui_auth_login__modal-danger-btn:active, .main_ui_auth_login__modal-accept-btn: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;
}
.main_ui_auth_login__button-primary:active svg, .main_ui_auth_login__login-button:active svg,
.main_ui_auth_login__login-ldap-button:active svg, .main_ui_auth_login__submit-btn:active svg,
.main_ui_auth_login__register-btn:active svg,
.main_ui_auth_login__recover-btn:active svg, .main_ui_auth_login__modal-danger-btn:active svg, .main_ui_auth_login__modal-accept-btn:active svg,
.main_ui_auth_login__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_auth_login__button-primary.disabled, .main_ui_auth_login__login-button.disabled,
.main_ui_auth_login__login-ldap-button.disabled, .main_ui_auth_login__submit-btn.disabled,
.main_ui_auth_login__register-btn.disabled,
.main_ui_auth_login__recover-btn.disabled, .main_ui_auth_login__modal-danger-btn.disabled, .main_ui_auth_login__modal-accept-btn.disabled, .main_ui_auth_login__button-primary[disabled], [disabled].main_ui_auth_login__login-button,
[disabled].main_ui_auth_login__login-ldap-button, [disabled].main_ui_auth_login__submit-btn,
[disabled].main_ui_auth_login__register-btn,
[disabled].main_ui_auth_login__recover-btn, [disabled].main_ui_auth_login__modal-danger-btn, [disabled].main_ui_auth_login__modal-accept-btn, .main_ui_auth_login__button-primary:disabled, .main_ui_auth_login__login-button:disabled,
.main_ui_auth_login__login-ldap-button:disabled, .main_ui_auth_login__submit-btn:disabled,
.main_ui_auth_login__register-btn:disabled,
.main_ui_auth_login__recover-btn:disabled, .main_ui_auth_login__modal-danger-btn:disabled, .main_ui_auth_login__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_auth_login__button-secondary, .main_ui_auth_login__go-back-link, .main_ui_auth_login__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_auth_login__button-secondary:focus-visible, .main_ui_auth_login__go-back-link:focus-visible, .main_ui_auth_login__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_auth_login__button-secondary:focus-visible svg, .main_ui_auth_login__go-back-link:focus-visible svg, .main_ui_auth_login__modal-cancel-btn:focus-visible svg,
.main_ui_auth_login__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_auth_login__button-secondary svg, .main_ui_auth_login__go-back-link svg, .main_ui_auth_login__modal-cancel-btn svg,
.main_ui_auth_login__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_auth_login__button-secondary:hover, .main_ui_auth_login__go-back-link:hover, .main_ui_auth_login__modal-cancel-btn: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;
}
.main_ui_auth_login__button-secondary:hover svg, .main_ui_auth_login__go-back-link:hover svg, .main_ui_auth_login__modal-cancel-btn:hover svg,
.main_ui_auth_login__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_auth_login__button-secondary:active, .main_ui_auth_login__go-back-link:active, .main_ui_auth_login__modal-cancel-btn: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);
}
.main_ui_auth_login__button-secondary:active svg, .main_ui_auth_login__go-back-link:active svg, .main_ui_auth_login__modal-cancel-btn:active svg,
.main_ui_auth_login__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_auth_login__button-secondary.disabled, .main_ui_auth_login__go-back-link.disabled, .main_ui_auth_login__modal-cancel-btn.disabled, .main_ui_auth_login__button-secondary[disabled], [disabled].main_ui_auth_login__go-back-link, [disabled].main_ui_auth_login__modal-cancel-btn, .main_ui_auth_login__button-secondary:disabled, .main_ui_auth_login__go-back-link:disabled, .main_ui_auth_login__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_auth_login__button-tertiary, .main_ui_auth_login__attr-title button, .main_ui_auth_login__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_auth_login__button-tertiary:focus-visible, .main_ui_auth_login__attr-title button:focus-visible, .main_ui_auth_login__modal-close-btn-base: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);
}
.main_ui_auth_login__button-tertiary:focus-visible svg, .main_ui_auth_login__attr-title button:focus-visible svg, .main_ui_auth_login__modal-close-btn-base:focus-visible svg,
.main_ui_auth_login__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_auth_login__button-tertiary svg, .main_ui_auth_login__attr-title button svg, .main_ui_auth_login__modal-close-btn-base svg,
.main_ui_auth_login__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_auth_login__button-tertiary:hover, .main_ui_auth_login__attr-title button:hover, .main_ui_auth_login__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_auth_login__button-tertiary:hover svg, .main_ui_auth_login__attr-title button:hover svg, .main_ui_auth_login__modal-close-btn-base:hover svg,
.main_ui_auth_login__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_auth_login__button-tertiary:active, .main_ui_auth_login__attr-title button:active, .main_ui_auth_login__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_auth_login__button-tertiary:active svg, .main_ui_auth_login__attr-title button:active svg, .main_ui_auth_login__modal-close-btn-base:active svg,
.main_ui_auth_login__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_auth_login__button-tertiary.disabled, .main_ui_auth_login__attr-title button.disabled, .main_ui_auth_login__modal-close-btn-base.disabled, .main_ui_auth_login__button-tertiary[disabled], .main_ui_auth_login__attr-title button[disabled], [disabled].main_ui_auth_login__modal-close-btn-base, .main_ui_auth_login__button-tertiary:disabled, .main_ui_auth_login__attr-title button:disabled, .main_ui_auth_login__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_auth_login__button-tertiary.disabled svg, .main_ui_auth_login__attr-title button.disabled svg, .main_ui_auth_login__modal-close-btn-base.disabled svg,
.main_ui_auth_login__button-tertiary.disabled span svg, .main_ui_auth_login__button-tertiary[disabled] svg, .main_ui_auth_login__attr-title button[disabled] svg, [disabled].main_ui_auth_login__modal-close-btn-base svg,
.main_ui_auth_login__button-tertiary[disabled] span svg, .main_ui_auth_login__button-tertiary:disabled svg, .main_ui_auth_login__attr-title button:disabled svg, .main_ui_auth_login__modal-close-btn-base:disabled svg,
.main_ui_auth_login__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_auth_login__button-icon-selected {
  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);
}
.main_ui_auth_login__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_auth_login__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_auth_login__button-radio: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);
}
.main_ui_auth_login__button-radio:focus-visible svg,
.main_ui_auth_login__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_auth_login__button-radio svg,
.main_ui_auth_login__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_auth_login__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_auth_login__button-radio:hover svg,
.main_ui_auth_login__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_auth_login__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_auth_login__button-radio:active svg,
.main_ui_auth_login__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_auth_login__button-warning {
  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);
}

.main_ui_auth_login__button-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;
}

.main_ui_auth_login__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_auth_login__button-tag: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);
}
.main_ui_auth_login__button-tag:focus-visible svg,
.main_ui_auth_login__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_auth_login__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_auth_login__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_auth_login__button-icon, .main_ui_auth_login__empty-icon svg, .main_ui_auth_login__modal-close-btn-base svg, .main_ui_auth_login__button-icon-small, .main_ui_auth_login__dropdown-element-base span svg, .main_ui_auth_login__attr-title button svg, .main_ui_auth_login__checkbox-icon.intermediate svg, .main_ui_auth_login__input-checkbox label span.intermediate svg, .main_ui_auth_login__checkbox-icon.checked svg, .main_ui_auth_login__input-checkbox label span.checked svg, .main_ui_auth_login__input-element span svg,
.main_ui_auth_login__input-element label svg, .main_ui_auth_login__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_auth_login__button-icon-small, .main_ui_auth_login__dropdown-element-base span svg, .main_ui_auth_login__attr-title button svg, .main_ui_auth_login__checkbox-icon.intermediate svg, .main_ui_auth_login__input-checkbox label span.intermediate svg, .main_ui_auth_login__checkbox-icon.checked svg, .main_ui_auth_login__input-checkbox label span.checked svg, .main_ui_auth_login__input-element span svg,
.main_ui_auth_login__input-element label svg, .main_ui_auth_login__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_auth_login__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_auth_login__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_auth_login__input-base, .main_ui_auth_login__input-with-label input, .main_ui_auth_login__input-element-label input, .main_ui_auth_login__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_auth_login__input-base[disabled], .main_ui_auth_login__input-with-label input[disabled], .main_ui_auth_login__input-element-label input[disabled], .main_ui_auth_login__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_auth_login__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_auth_login__input-label, .main_ui_auth_login__input-element span,
.main_ui_auth_login__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_auth_login__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_auth_login__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_auth_login__input-element span svg,
.main_ui_auth_login__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_auth_login__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_auth_login__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_auth_login__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_auth_login__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_auth_login__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_auth_login__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_auth_login__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_login__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_login__input-element:focus, .main_ui_auth_login__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_auth_login__input-element:focus span, .main_ui_auth_login__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_login__input-element:focus input, .main_ui_auth_login__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_login__input-element:focus:hover, .main_ui_auth_login__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_auth_login__input-element:focus:hover span, .main_ui_auth_login__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_login__input-element:focus:hover input, .main_ui_auth_login__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_auth_login__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_auth_login__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_auth_login__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_auth_login__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_auth_login__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_auth_login__input-element-label:focus-within input, .main_ui_auth_login__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_auth_login__disabled-input, .main_ui_auth_login__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_auth_login__disabled-input input, .main_ui_auth_login__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_auth_login__disabled-input span svg, .main_ui_auth_login__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_auth_login__checkbox-icon, .main_ui_auth_login__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_auth_login__checkbox-icon svg, .main_ui_auth_login__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_auth_login__checkbox-icon:hover, .main_ui_auth_login__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_auth_login__checkbox-icon:focus, .main_ui_auth_login__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_auth_login__checkbox-icon.checked, .main_ui_auth_login__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_auth_login__checkbox-icon.checked svg, .main_ui_auth_login__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_auth_login__checkbox-icon.intermediate, .main_ui_auth_login__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_auth_login__checkbox-icon.intermediate svg, .main_ui_auth_login__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_auth_login__checkbox-icon.unchecked, .main_ui_auth_login__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_auth_login__checkbox-icon.unchecked svg, .main_ui_auth_login__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_auth_login__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_auth_login__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_auth_login__input-checkbox label input {
  margin: 0;
}
.main_ui_auth_login__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_auth_login__input-checkbox label:focus span, .main_ui_auth_login__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_auth_login__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_auth_login__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_auth_login__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_auth_login__input-with-label input:focus-within, .main_ui_auth_login__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_auth_login__input-with-label input:focus-within input, .main_ui_auth_login__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_login__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_auth_login__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_auth_login__modal-overlay-base {
  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);
}

.main_ui_auth_login__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_auth_login__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_auth_login__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_auth_login__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_auth_login__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_auth_login__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_auth_login__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_auth_login__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_auth_login__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_auth_login__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_auth_login__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_auth_login__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_auth_login__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_auth_login__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_auth_login__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_auth_login__colorpicker-handler {
  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;
}
.main_ui_auth_login__colorpicker-handler:hover, .main_ui_auth_login__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_auth_login__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_auth_login__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_auth_login__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_auth_login__attr-title button {
  display: none;
}
.main_ui_auth_login__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_auth_login__attr-title:hover button {
  display: flex;
}

.main_ui_auth_login__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_auth_login__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_auth_login__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_auth_login__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_auth_login__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_auth_login__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_auth_login__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_auth_login__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_auth_login__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_auth_login__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_auth_login__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_auth_login__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_auth_login__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_auth_login__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_auth_login__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_auth_login__auth-form-wrapper {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.75rem;
}
.main_ui_auth_login__auth-form-wrapper form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.main_ui_auth_login__auth-title-wrapper {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.5rem;
}

.main_ui_auth_login__separator {
  border-color: var(--modal-separator-backogrund-color);
  margin: 0;
}

.main_ui_auth_login__auth-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--title-foreground-color-hover);
}

.main_ui_auth_login__auth-subtitle {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--title-foreground-color);
}

.main_ui_auth_login__auth-tagline {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  color: var(--title-foreground-color);
}

.main_ui_auth_login__form-field {
  --input-width: 100%;
  --input-height: 2.5rem;
  --input-min-width: 100%;
}

.main_ui_auth_login__buttons-stack {
  display: grid;
  gap: 0.5rem;
}

.main_ui_auth_login__login-button,
.main_ui_auth_login__login-ldap-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
  width: 100%;
}

.main_ui_auth_login__go-back {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  border-block-start: none;
}

.main_ui_auth_login__go-back-link {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
}

.main_ui_auth_login__links {
  display: grid;
  gap: 1.5rem;
}

.main_ui_auth_login__register,
.main_ui_auth_login__account,
.main_ui_auth_login__recovery-request,
.main_ui_auth_login__demo-account {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
}

.main_ui_auth_login__register-text,
.main_ui_auth_login__account-text,
.main_ui_auth_login__recovery-text,
.main_ui_auth_login__demo-account-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: right;
  color: var(--title-foreground-color);
}

.main_ui_auth_login__register-link,
.main_ui_auth_login__account-link,
.main_ui_auth_login__recovery-link,
.main_ui_auth_login__forgot-pass-link,
.main_ui_auth_login__demo-account-link {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
  background-color: transparent;
  border: none;
  display: inline;
  color: var(--link-foreground-color);
}
.main_ui_auth_login__register-link:hover,
.main_ui_auth_login__account-link:hover,
.main_ui_auth_login__recovery-link:hover,
.main_ui_auth_login__forgot-pass-link:hover,
.main_ui_auth_login__demo-account-link:hover {
  text-decoration: underline;
}

.main_ui_auth_login__forgot-password {
  display: flex;
  justify-content: flex-end;
}

.main_ui_auth_login__submit-btn,
.main_ui_auth_login__register-btn,
.main_ui_auth_login__recover-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
  width: 100%;
}

.main_ui_auth_login__login-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--button-foreground-color-focus);
}
.main_ui_auth_login__login-btn span {
  padding-block-start: 0.125rem;
}
.main_ui_auth_login__login-btn:hover {
  color: var(--button-foreground-color-focus);
  background-color: var(--button-secondary-background-color-hover);
}

.main_ui_auth_login__auth-buttons {
  display: flex;
  gap: 0.5rem;
}
@keyframes main_ui_auth_recovery__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_auth_recovery__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_auth_recovery__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_auth_recovery__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_auth_recovery__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_auth_recovery__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_auth_recovery__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_auth_recovery__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_auth_recovery__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_auth_recovery__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_auth_recovery__new-scrollbar ::placeholder,
.main_ui_auth_recovery__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_auth_recovery__button-primary, .main_ui_auth_recovery__login-button,
.main_ui_auth_recovery__login-ldap-button, .main_ui_auth_recovery__submit-btn,
.main_ui_auth_recovery__register-btn,
.main_ui_auth_recovery__recover-btn, .main_ui_auth_recovery__modal-danger-btn, .main_ui_auth_recovery__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_auth_recovery__button-primary:focus-visible, .main_ui_auth_recovery__login-button:focus-visible,
.main_ui_auth_recovery__login-ldap-button:focus-visible, .main_ui_auth_recovery__submit-btn:focus-visible,
.main_ui_auth_recovery__register-btn:focus-visible,
.main_ui_auth_recovery__recover-btn:focus-visible, .main_ui_auth_recovery__modal-danger-btn:focus-visible, .main_ui_auth_recovery__modal-accept-btn: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);
}
.main_ui_auth_recovery__button-primary:focus-visible svg, .main_ui_auth_recovery__login-button:focus-visible svg,
.main_ui_auth_recovery__login-ldap-button:focus-visible svg, .main_ui_auth_recovery__submit-btn:focus-visible svg,
.main_ui_auth_recovery__register-btn:focus-visible svg,
.main_ui_auth_recovery__recover-btn:focus-visible svg, .main_ui_auth_recovery__modal-danger-btn:focus-visible svg, .main_ui_auth_recovery__modal-accept-btn:focus-visible svg,
.main_ui_auth_recovery__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_auth_recovery__button-primary svg, .main_ui_auth_recovery__login-button svg,
.main_ui_auth_recovery__login-ldap-button svg, .main_ui_auth_recovery__submit-btn svg,
.main_ui_auth_recovery__register-btn svg,
.main_ui_auth_recovery__recover-btn svg, .main_ui_auth_recovery__modal-danger-btn svg, .main_ui_auth_recovery__modal-accept-btn svg,
.main_ui_auth_recovery__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_auth_recovery__button-primary:hover, .main_ui_auth_recovery__login-button:hover,
.main_ui_auth_recovery__login-ldap-button:hover, .main_ui_auth_recovery__submit-btn:hover,
.main_ui_auth_recovery__register-btn:hover,
.main_ui_auth_recovery__recover-btn:hover, .main_ui_auth_recovery__modal-danger-btn:hover, .main_ui_auth_recovery__modal-accept-btn: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;
}
.main_ui_auth_recovery__button-primary:hover svg, .main_ui_auth_recovery__login-button:hover svg,
.main_ui_auth_recovery__login-ldap-button:hover svg, .main_ui_auth_recovery__submit-btn:hover svg,
.main_ui_auth_recovery__register-btn:hover svg,
.main_ui_auth_recovery__recover-btn:hover svg, .main_ui_auth_recovery__modal-danger-btn:hover svg, .main_ui_auth_recovery__modal-accept-btn:hover svg,
.main_ui_auth_recovery__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_auth_recovery__button-primary:active, .main_ui_auth_recovery__login-button:active,
.main_ui_auth_recovery__login-ldap-button:active, .main_ui_auth_recovery__submit-btn:active,
.main_ui_auth_recovery__register-btn:active,
.main_ui_auth_recovery__recover-btn:active, .main_ui_auth_recovery__modal-danger-btn:active, .main_ui_auth_recovery__modal-accept-btn: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;
}
.main_ui_auth_recovery__button-primary:active svg, .main_ui_auth_recovery__login-button:active svg,
.main_ui_auth_recovery__login-ldap-button:active svg, .main_ui_auth_recovery__submit-btn:active svg,
.main_ui_auth_recovery__register-btn:active svg,
.main_ui_auth_recovery__recover-btn:active svg, .main_ui_auth_recovery__modal-danger-btn:active svg, .main_ui_auth_recovery__modal-accept-btn:active svg,
.main_ui_auth_recovery__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_auth_recovery__button-primary.disabled, .main_ui_auth_recovery__login-button.disabled,
.main_ui_auth_recovery__login-ldap-button.disabled, .main_ui_auth_recovery__submit-btn.disabled,
.main_ui_auth_recovery__register-btn.disabled,
.main_ui_auth_recovery__recover-btn.disabled, .main_ui_auth_recovery__modal-danger-btn.disabled, .main_ui_auth_recovery__modal-accept-btn.disabled, .main_ui_auth_recovery__button-primary[disabled], [disabled].main_ui_auth_recovery__login-button,
[disabled].main_ui_auth_recovery__login-ldap-button, [disabled].main_ui_auth_recovery__submit-btn,
[disabled].main_ui_auth_recovery__register-btn,
[disabled].main_ui_auth_recovery__recover-btn, [disabled].main_ui_auth_recovery__modal-danger-btn, [disabled].main_ui_auth_recovery__modal-accept-btn, .main_ui_auth_recovery__button-primary:disabled, .main_ui_auth_recovery__login-button:disabled,
.main_ui_auth_recovery__login-ldap-button:disabled, .main_ui_auth_recovery__submit-btn:disabled,
.main_ui_auth_recovery__register-btn:disabled,
.main_ui_auth_recovery__recover-btn:disabled, .main_ui_auth_recovery__modal-danger-btn:disabled, .main_ui_auth_recovery__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_auth_recovery__button-secondary, .main_ui_auth_recovery__go-back-link, .main_ui_auth_recovery__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_auth_recovery__button-secondary:focus-visible, .main_ui_auth_recovery__go-back-link:focus-visible, .main_ui_auth_recovery__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_auth_recovery__button-secondary:focus-visible svg, .main_ui_auth_recovery__go-back-link:focus-visible svg, .main_ui_auth_recovery__modal-cancel-btn:focus-visible svg,
.main_ui_auth_recovery__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_auth_recovery__button-secondary svg, .main_ui_auth_recovery__go-back-link svg, .main_ui_auth_recovery__modal-cancel-btn svg,
.main_ui_auth_recovery__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_auth_recovery__button-secondary:hover, .main_ui_auth_recovery__go-back-link:hover, .main_ui_auth_recovery__modal-cancel-btn: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;
}
.main_ui_auth_recovery__button-secondary:hover svg, .main_ui_auth_recovery__go-back-link:hover svg, .main_ui_auth_recovery__modal-cancel-btn:hover svg,
.main_ui_auth_recovery__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_auth_recovery__button-secondary:active, .main_ui_auth_recovery__go-back-link:active, .main_ui_auth_recovery__modal-cancel-btn: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);
}
.main_ui_auth_recovery__button-secondary:active svg, .main_ui_auth_recovery__go-back-link:active svg, .main_ui_auth_recovery__modal-cancel-btn:active svg,
.main_ui_auth_recovery__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_auth_recovery__button-secondary.disabled, .main_ui_auth_recovery__go-back-link.disabled, .main_ui_auth_recovery__modal-cancel-btn.disabled, .main_ui_auth_recovery__button-secondary[disabled], [disabled].main_ui_auth_recovery__go-back-link, [disabled].main_ui_auth_recovery__modal-cancel-btn, .main_ui_auth_recovery__button-secondary:disabled, .main_ui_auth_recovery__go-back-link:disabled, .main_ui_auth_recovery__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_auth_recovery__button-tertiary, .main_ui_auth_recovery__attr-title button, .main_ui_auth_recovery__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_auth_recovery__button-tertiary:focus-visible, .main_ui_auth_recovery__attr-title button:focus-visible, .main_ui_auth_recovery__modal-close-btn-base: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);
}
.main_ui_auth_recovery__button-tertiary:focus-visible svg, .main_ui_auth_recovery__attr-title button:focus-visible svg, .main_ui_auth_recovery__modal-close-btn-base:focus-visible svg,
.main_ui_auth_recovery__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_auth_recovery__button-tertiary svg, .main_ui_auth_recovery__attr-title button svg, .main_ui_auth_recovery__modal-close-btn-base svg,
.main_ui_auth_recovery__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_auth_recovery__button-tertiary:hover, .main_ui_auth_recovery__attr-title button:hover, .main_ui_auth_recovery__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_auth_recovery__button-tertiary:hover svg, .main_ui_auth_recovery__attr-title button:hover svg, .main_ui_auth_recovery__modal-close-btn-base:hover svg,
.main_ui_auth_recovery__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_auth_recovery__button-tertiary:active, .main_ui_auth_recovery__attr-title button:active, .main_ui_auth_recovery__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_auth_recovery__button-tertiary:active svg, .main_ui_auth_recovery__attr-title button:active svg, .main_ui_auth_recovery__modal-close-btn-base:active svg,
.main_ui_auth_recovery__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_auth_recovery__button-tertiary.disabled, .main_ui_auth_recovery__attr-title button.disabled, .main_ui_auth_recovery__modal-close-btn-base.disabled, .main_ui_auth_recovery__button-tertiary[disabled], .main_ui_auth_recovery__attr-title button[disabled], [disabled].main_ui_auth_recovery__modal-close-btn-base, .main_ui_auth_recovery__button-tertiary:disabled, .main_ui_auth_recovery__attr-title button:disabled, .main_ui_auth_recovery__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_auth_recovery__button-tertiary.disabled svg, .main_ui_auth_recovery__attr-title button.disabled svg, .main_ui_auth_recovery__modal-close-btn-base.disabled svg,
.main_ui_auth_recovery__button-tertiary.disabled span svg, .main_ui_auth_recovery__button-tertiary[disabled] svg, .main_ui_auth_recovery__attr-title button[disabled] svg, [disabled].main_ui_auth_recovery__modal-close-btn-base svg,
.main_ui_auth_recovery__button-tertiary[disabled] span svg, .main_ui_auth_recovery__button-tertiary:disabled svg, .main_ui_auth_recovery__attr-title button:disabled svg, .main_ui_auth_recovery__modal-close-btn-base:disabled svg,
.main_ui_auth_recovery__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_auth_recovery__button-icon-selected {
  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);
}
.main_ui_auth_recovery__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_auth_recovery__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_auth_recovery__button-radio: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);
}
.main_ui_auth_recovery__button-radio:focus-visible svg,
.main_ui_auth_recovery__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_auth_recovery__button-radio svg,
.main_ui_auth_recovery__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_auth_recovery__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_auth_recovery__button-radio:hover svg,
.main_ui_auth_recovery__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_auth_recovery__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_auth_recovery__button-radio:active svg,
.main_ui_auth_recovery__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_auth_recovery__button-warning {
  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);
}

.main_ui_auth_recovery__button-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;
}

.main_ui_auth_recovery__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_auth_recovery__button-tag: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);
}
.main_ui_auth_recovery__button-tag:focus-visible svg,
.main_ui_auth_recovery__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_auth_recovery__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_auth_recovery__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_auth_recovery__button-icon, .main_ui_auth_recovery__empty-icon svg, .main_ui_auth_recovery__modal-close-btn-base svg, .main_ui_auth_recovery__button-icon-small, .main_ui_auth_recovery__dropdown-element-base span svg, .main_ui_auth_recovery__attr-title button svg, .main_ui_auth_recovery__checkbox-icon.intermediate svg, .main_ui_auth_recovery__input-checkbox label span.intermediate svg, .main_ui_auth_recovery__checkbox-icon.checked svg, .main_ui_auth_recovery__input-checkbox label span.checked svg, .main_ui_auth_recovery__input-element span svg,
.main_ui_auth_recovery__input-element label svg, .main_ui_auth_recovery__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_auth_recovery__button-icon-small, .main_ui_auth_recovery__dropdown-element-base span svg, .main_ui_auth_recovery__attr-title button svg, .main_ui_auth_recovery__checkbox-icon.intermediate svg, .main_ui_auth_recovery__input-checkbox label span.intermediate svg, .main_ui_auth_recovery__checkbox-icon.checked svg, .main_ui_auth_recovery__input-checkbox label span.checked svg, .main_ui_auth_recovery__input-element span svg,
.main_ui_auth_recovery__input-element label svg, .main_ui_auth_recovery__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_auth_recovery__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_auth_recovery__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_auth_recovery__input-base, .main_ui_auth_recovery__input-with-label input, .main_ui_auth_recovery__input-element-label input, .main_ui_auth_recovery__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_auth_recovery__input-base[disabled], .main_ui_auth_recovery__input-with-label input[disabled], .main_ui_auth_recovery__input-element-label input[disabled], .main_ui_auth_recovery__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_auth_recovery__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_auth_recovery__input-label, .main_ui_auth_recovery__input-element span,
.main_ui_auth_recovery__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_auth_recovery__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_auth_recovery__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_auth_recovery__input-element span svg,
.main_ui_auth_recovery__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_auth_recovery__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_auth_recovery__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_auth_recovery__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_auth_recovery__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_auth_recovery__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_auth_recovery__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_auth_recovery__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_recovery__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_recovery__input-element:focus, .main_ui_auth_recovery__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_auth_recovery__input-element:focus span, .main_ui_auth_recovery__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_recovery__input-element:focus input, .main_ui_auth_recovery__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_recovery__input-element:focus:hover, .main_ui_auth_recovery__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_auth_recovery__input-element:focus:hover span, .main_ui_auth_recovery__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_recovery__input-element:focus:hover input, .main_ui_auth_recovery__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_auth_recovery__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_auth_recovery__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_auth_recovery__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_auth_recovery__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_auth_recovery__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_auth_recovery__input-element-label:focus-within input, .main_ui_auth_recovery__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_auth_recovery__disabled-input, .main_ui_auth_recovery__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_auth_recovery__disabled-input input, .main_ui_auth_recovery__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_auth_recovery__disabled-input span svg, .main_ui_auth_recovery__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_auth_recovery__checkbox-icon, .main_ui_auth_recovery__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_auth_recovery__checkbox-icon svg, .main_ui_auth_recovery__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_auth_recovery__checkbox-icon:hover, .main_ui_auth_recovery__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_auth_recovery__checkbox-icon:focus, .main_ui_auth_recovery__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_auth_recovery__checkbox-icon.checked, .main_ui_auth_recovery__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_auth_recovery__checkbox-icon.checked svg, .main_ui_auth_recovery__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_auth_recovery__checkbox-icon.intermediate, .main_ui_auth_recovery__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_auth_recovery__checkbox-icon.intermediate svg, .main_ui_auth_recovery__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_auth_recovery__checkbox-icon.unchecked, .main_ui_auth_recovery__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_auth_recovery__checkbox-icon.unchecked svg, .main_ui_auth_recovery__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_auth_recovery__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_auth_recovery__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_auth_recovery__input-checkbox label input {
  margin: 0;
}
.main_ui_auth_recovery__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_auth_recovery__input-checkbox label:focus span, .main_ui_auth_recovery__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_auth_recovery__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_auth_recovery__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_auth_recovery__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_auth_recovery__input-with-label input:focus-within, .main_ui_auth_recovery__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_auth_recovery__input-with-label input:focus-within input, .main_ui_auth_recovery__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_recovery__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_auth_recovery__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_auth_recovery__modal-overlay-base {
  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);
}

.main_ui_auth_recovery__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_auth_recovery__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_auth_recovery__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_auth_recovery__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_auth_recovery__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_auth_recovery__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_auth_recovery__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_auth_recovery__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_auth_recovery__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_auth_recovery__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_auth_recovery__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_auth_recovery__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_auth_recovery__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_auth_recovery__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_auth_recovery__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_auth_recovery__colorpicker-handler {
  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;
}
.main_ui_auth_recovery__colorpicker-handler:hover, .main_ui_auth_recovery__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_auth_recovery__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_auth_recovery__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_auth_recovery__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_auth_recovery__attr-title button {
  display: none;
}
.main_ui_auth_recovery__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_auth_recovery__attr-title:hover button {
  display: flex;
}

.main_ui_auth_recovery__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_auth_recovery__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_auth_recovery__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_auth_recovery__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_auth_recovery__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_auth_recovery__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_auth_recovery__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_auth_recovery__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_auth_recovery__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_auth_recovery__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_auth_recovery__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_auth_recovery__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_auth_recovery__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_auth_recovery__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_auth_recovery__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_auth_recovery__auth-form-wrapper {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.75rem;
}
.main_ui_auth_recovery__auth-form-wrapper form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.main_ui_auth_recovery__auth-title-wrapper {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.5rem;
}

.main_ui_auth_recovery__separator {
  border-color: var(--modal-separator-backogrund-color);
  margin: 0;
}

.main_ui_auth_recovery__auth-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--title-foreground-color-hover);
}

.main_ui_auth_recovery__auth-subtitle {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--title-foreground-color);
}

.main_ui_auth_recovery__auth-tagline {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  color: var(--title-foreground-color);
}

.main_ui_auth_recovery__form-field {
  --input-width: 100%;
  --input-height: 2.5rem;
  --input-min-width: 100%;
}

.main_ui_auth_recovery__buttons-stack {
  display: grid;
  gap: 0.5rem;
}

.main_ui_auth_recovery__login-button,
.main_ui_auth_recovery__login-ldap-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
  width: 100%;
}

.main_ui_auth_recovery__go-back {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  border-block-start: none;
}

.main_ui_auth_recovery__go-back-link {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
}

.main_ui_auth_recovery__links {
  display: grid;
  gap: 1.5rem;
}

.main_ui_auth_recovery__register,
.main_ui_auth_recovery__account,
.main_ui_auth_recovery__recovery-request,
.main_ui_auth_recovery__demo-account {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
}

.main_ui_auth_recovery__register-text,
.main_ui_auth_recovery__account-text,
.main_ui_auth_recovery__recovery-text,
.main_ui_auth_recovery__demo-account-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: right;
  color: var(--title-foreground-color);
}

.main_ui_auth_recovery__register-link,
.main_ui_auth_recovery__account-link,
.main_ui_auth_recovery__recovery-link,
.main_ui_auth_recovery__forgot-pass-link,
.main_ui_auth_recovery__demo-account-link {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
  background-color: transparent;
  border: none;
  display: inline;
  color: var(--link-foreground-color);
}
.main_ui_auth_recovery__register-link:hover,
.main_ui_auth_recovery__account-link:hover,
.main_ui_auth_recovery__recovery-link:hover,
.main_ui_auth_recovery__forgot-pass-link:hover,
.main_ui_auth_recovery__demo-account-link:hover {
  text-decoration: underline;
}

.main_ui_auth_recovery__forgot-password {
  display: flex;
  justify-content: flex-end;
}

.main_ui_auth_recovery__submit-btn,
.main_ui_auth_recovery__register-btn,
.main_ui_auth_recovery__recover-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
  width: 100%;
}

.main_ui_auth_recovery__login-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--button-foreground-color-focus);
}
.main_ui_auth_recovery__login-btn span {
  padding-block-start: 0.125rem;
}
.main_ui_auth_recovery__login-btn:hover {
  color: var(--button-foreground-color-focus);
  background-color: var(--button-secondary-background-color-hover);
}

.main_ui_auth_recovery__auth-buttons {
  display: flex;
  gap: 0.5rem;
}

.main_ui_auth_recovery__submit-btn {
  margin-top: 1rem;
}
@keyframes main_ui_auth_recovery_request__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_auth_recovery_request__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_auth_recovery_request__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_auth_recovery_request__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_auth_recovery_request__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_auth_recovery_request__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_auth_recovery_request__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_auth_recovery_request__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_auth_recovery_request__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_auth_recovery_request__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_auth_recovery_request__new-scrollbar ::placeholder,
.main_ui_auth_recovery_request__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_auth_recovery_request__button-primary, .main_ui_auth_recovery_request__login-button,
.main_ui_auth_recovery_request__login-ldap-button, .main_ui_auth_recovery_request__submit-btn,
.main_ui_auth_recovery_request__register-btn,
.main_ui_auth_recovery_request__recover-btn, .main_ui_auth_recovery_request__modal-danger-btn, .main_ui_auth_recovery_request__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_auth_recovery_request__button-primary:focus-visible, .main_ui_auth_recovery_request__login-button:focus-visible,
.main_ui_auth_recovery_request__login-ldap-button:focus-visible, .main_ui_auth_recovery_request__submit-btn:focus-visible,
.main_ui_auth_recovery_request__register-btn:focus-visible,
.main_ui_auth_recovery_request__recover-btn:focus-visible, .main_ui_auth_recovery_request__modal-danger-btn:focus-visible, .main_ui_auth_recovery_request__modal-accept-btn: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);
}
.main_ui_auth_recovery_request__button-primary:focus-visible svg, .main_ui_auth_recovery_request__login-button:focus-visible svg,
.main_ui_auth_recovery_request__login-ldap-button:focus-visible svg, .main_ui_auth_recovery_request__submit-btn:focus-visible svg,
.main_ui_auth_recovery_request__register-btn:focus-visible svg,
.main_ui_auth_recovery_request__recover-btn:focus-visible svg, .main_ui_auth_recovery_request__modal-danger-btn:focus-visible svg, .main_ui_auth_recovery_request__modal-accept-btn:focus-visible svg,
.main_ui_auth_recovery_request__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_auth_recovery_request__button-primary svg, .main_ui_auth_recovery_request__login-button svg,
.main_ui_auth_recovery_request__login-ldap-button svg, .main_ui_auth_recovery_request__submit-btn svg,
.main_ui_auth_recovery_request__register-btn svg,
.main_ui_auth_recovery_request__recover-btn svg, .main_ui_auth_recovery_request__modal-danger-btn svg, .main_ui_auth_recovery_request__modal-accept-btn svg,
.main_ui_auth_recovery_request__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_auth_recovery_request__button-primary:hover, .main_ui_auth_recovery_request__login-button:hover,
.main_ui_auth_recovery_request__login-ldap-button:hover, .main_ui_auth_recovery_request__submit-btn:hover,
.main_ui_auth_recovery_request__register-btn:hover,
.main_ui_auth_recovery_request__recover-btn:hover, .main_ui_auth_recovery_request__modal-danger-btn:hover, .main_ui_auth_recovery_request__modal-accept-btn: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;
}
.main_ui_auth_recovery_request__button-primary:hover svg, .main_ui_auth_recovery_request__login-button:hover svg,
.main_ui_auth_recovery_request__login-ldap-button:hover svg, .main_ui_auth_recovery_request__submit-btn:hover svg,
.main_ui_auth_recovery_request__register-btn:hover svg,
.main_ui_auth_recovery_request__recover-btn:hover svg, .main_ui_auth_recovery_request__modal-danger-btn:hover svg, .main_ui_auth_recovery_request__modal-accept-btn:hover svg,
.main_ui_auth_recovery_request__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_auth_recovery_request__button-primary:active, .main_ui_auth_recovery_request__login-button:active,
.main_ui_auth_recovery_request__login-ldap-button:active, .main_ui_auth_recovery_request__submit-btn:active,
.main_ui_auth_recovery_request__register-btn:active,
.main_ui_auth_recovery_request__recover-btn:active, .main_ui_auth_recovery_request__modal-danger-btn:active, .main_ui_auth_recovery_request__modal-accept-btn: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;
}
.main_ui_auth_recovery_request__button-primary:active svg, .main_ui_auth_recovery_request__login-button:active svg,
.main_ui_auth_recovery_request__login-ldap-button:active svg, .main_ui_auth_recovery_request__submit-btn:active svg,
.main_ui_auth_recovery_request__register-btn:active svg,
.main_ui_auth_recovery_request__recover-btn:active svg, .main_ui_auth_recovery_request__modal-danger-btn:active svg, .main_ui_auth_recovery_request__modal-accept-btn:active svg,
.main_ui_auth_recovery_request__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_auth_recovery_request__button-primary.disabled, .main_ui_auth_recovery_request__login-button.disabled,
.main_ui_auth_recovery_request__login-ldap-button.disabled, .main_ui_auth_recovery_request__submit-btn.disabled,
.main_ui_auth_recovery_request__register-btn.disabled,
.main_ui_auth_recovery_request__recover-btn.disabled, .main_ui_auth_recovery_request__modal-danger-btn.disabled, .main_ui_auth_recovery_request__modal-accept-btn.disabled, .main_ui_auth_recovery_request__button-primary[disabled], [disabled].main_ui_auth_recovery_request__login-button,
[disabled].main_ui_auth_recovery_request__login-ldap-button, [disabled].main_ui_auth_recovery_request__submit-btn,
[disabled].main_ui_auth_recovery_request__register-btn,
[disabled].main_ui_auth_recovery_request__recover-btn, [disabled].main_ui_auth_recovery_request__modal-danger-btn, [disabled].main_ui_auth_recovery_request__modal-accept-btn, .main_ui_auth_recovery_request__button-primary:disabled, .main_ui_auth_recovery_request__login-button:disabled,
.main_ui_auth_recovery_request__login-ldap-button:disabled, .main_ui_auth_recovery_request__submit-btn:disabled,
.main_ui_auth_recovery_request__register-btn:disabled,
.main_ui_auth_recovery_request__recover-btn:disabled, .main_ui_auth_recovery_request__modal-danger-btn:disabled, .main_ui_auth_recovery_request__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_auth_recovery_request__button-secondary, .main_ui_auth_recovery_request__go-back-link, .main_ui_auth_recovery_request__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_auth_recovery_request__button-secondary:focus-visible, .main_ui_auth_recovery_request__go-back-link:focus-visible, .main_ui_auth_recovery_request__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_auth_recovery_request__button-secondary:focus-visible svg, .main_ui_auth_recovery_request__go-back-link:focus-visible svg, .main_ui_auth_recovery_request__modal-cancel-btn:focus-visible svg,
.main_ui_auth_recovery_request__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_auth_recovery_request__button-secondary svg, .main_ui_auth_recovery_request__go-back-link svg, .main_ui_auth_recovery_request__modal-cancel-btn svg,
.main_ui_auth_recovery_request__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_auth_recovery_request__button-secondary:hover, .main_ui_auth_recovery_request__go-back-link:hover, .main_ui_auth_recovery_request__modal-cancel-btn: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;
}
.main_ui_auth_recovery_request__button-secondary:hover svg, .main_ui_auth_recovery_request__go-back-link:hover svg, .main_ui_auth_recovery_request__modal-cancel-btn:hover svg,
.main_ui_auth_recovery_request__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_auth_recovery_request__button-secondary:active, .main_ui_auth_recovery_request__go-back-link:active, .main_ui_auth_recovery_request__modal-cancel-btn: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);
}
.main_ui_auth_recovery_request__button-secondary:active svg, .main_ui_auth_recovery_request__go-back-link:active svg, .main_ui_auth_recovery_request__modal-cancel-btn:active svg,
.main_ui_auth_recovery_request__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_auth_recovery_request__button-secondary.disabled, .main_ui_auth_recovery_request__go-back-link.disabled, .main_ui_auth_recovery_request__modal-cancel-btn.disabled, .main_ui_auth_recovery_request__button-secondary[disabled], [disabled].main_ui_auth_recovery_request__go-back-link, [disabled].main_ui_auth_recovery_request__modal-cancel-btn, .main_ui_auth_recovery_request__button-secondary:disabled, .main_ui_auth_recovery_request__go-back-link:disabled, .main_ui_auth_recovery_request__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_auth_recovery_request__button-tertiary, .main_ui_auth_recovery_request__attr-title button, .main_ui_auth_recovery_request__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_auth_recovery_request__button-tertiary:focus-visible, .main_ui_auth_recovery_request__attr-title button:focus-visible, .main_ui_auth_recovery_request__modal-close-btn-base: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);
}
.main_ui_auth_recovery_request__button-tertiary:focus-visible svg, .main_ui_auth_recovery_request__attr-title button:focus-visible svg, .main_ui_auth_recovery_request__modal-close-btn-base:focus-visible svg,
.main_ui_auth_recovery_request__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_auth_recovery_request__button-tertiary svg, .main_ui_auth_recovery_request__attr-title button svg, .main_ui_auth_recovery_request__modal-close-btn-base svg,
.main_ui_auth_recovery_request__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_auth_recovery_request__button-tertiary:hover, .main_ui_auth_recovery_request__attr-title button:hover, .main_ui_auth_recovery_request__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_auth_recovery_request__button-tertiary:hover svg, .main_ui_auth_recovery_request__attr-title button:hover svg, .main_ui_auth_recovery_request__modal-close-btn-base:hover svg,
.main_ui_auth_recovery_request__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_auth_recovery_request__button-tertiary:active, .main_ui_auth_recovery_request__attr-title button:active, .main_ui_auth_recovery_request__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_auth_recovery_request__button-tertiary:active svg, .main_ui_auth_recovery_request__attr-title button:active svg, .main_ui_auth_recovery_request__modal-close-btn-base:active svg,
.main_ui_auth_recovery_request__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_auth_recovery_request__button-tertiary.disabled, .main_ui_auth_recovery_request__attr-title button.disabled, .main_ui_auth_recovery_request__modal-close-btn-base.disabled, .main_ui_auth_recovery_request__button-tertiary[disabled], .main_ui_auth_recovery_request__attr-title button[disabled], [disabled].main_ui_auth_recovery_request__modal-close-btn-base, .main_ui_auth_recovery_request__button-tertiary:disabled, .main_ui_auth_recovery_request__attr-title button:disabled, .main_ui_auth_recovery_request__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_auth_recovery_request__button-tertiary.disabled svg, .main_ui_auth_recovery_request__attr-title button.disabled svg, .main_ui_auth_recovery_request__modal-close-btn-base.disabled svg,
.main_ui_auth_recovery_request__button-tertiary.disabled span svg, .main_ui_auth_recovery_request__button-tertiary[disabled] svg, .main_ui_auth_recovery_request__attr-title button[disabled] svg, [disabled].main_ui_auth_recovery_request__modal-close-btn-base svg,
.main_ui_auth_recovery_request__button-tertiary[disabled] span svg, .main_ui_auth_recovery_request__button-tertiary:disabled svg, .main_ui_auth_recovery_request__attr-title button:disabled svg, .main_ui_auth_recovery_request__modal-close-btn-base:disabled svg,
.main_ui_auth_recovery_request__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_auth_recovery_request__button-icon-selected {
  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);
}
.main_ui_auth_recovery_request__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_auth_recovery_request__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_auth_recovery_request__button-radio: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);
}
.main_ui_auth_recovery_request__button-radio:focus-visible svg,
.main_ui_auth_recovery_request__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_auth_recovery_request__button-radio svg,
.main_ui_auth_recovery_request__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_auth_recovery_request__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_auth_recovery_request__button-radio:hover svg,
.main_ui_auth_recovery_request__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_auth_recovery_request__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_auth_recovery_request__button-radio:active svg,
.main_ui_auth_recovery_request__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_auth_recovery_request__button-warning {
  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);
}

.main_ui_auth_recovery_request__button-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;
}

.main_ui_auth_recovery_request__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_auth_recovery_request__button-tag: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);
}
.main_ui_auth_recovery_request__button-tag:focus-visible svg,
.main_ui_auth_recovery_request__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_auth_recovery_request__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_auth_recovery_request__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_auth_recovery_request__button-icon, .main_ui_auth_recovery_request__empty-icon svg, .main_ui_auth_recovery_request__modal-close-btn-base svg, .main_ui_auth_recovery_request__button-icon-small, .main_ui_auth_recovery_request__dropdown-element-base span svg, .main_ui_auth_recovery_request__attr-title button svg, .main_ui_auth_recovery_request__checkbox-icon.intermediate svg, .main_ui_auth_recovery_request__input-checkbox label span.intermediate svg, .main_ui_auth_recovery_request__checkbox-icon.checked svg, .main_ui_auth_recovery_request__input-checkbox label span.checked svg, .main_ui_auth_recovery_request__input-element span svg,
.main_ui_auth_recovery_request__input-element label svg, .main_ui_auth_recovery_request__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_auth_recovery_request__button-icon-small, .main_ui_auth_recovery_request__dropdown-element-base span svg, .main_ui_auth_recovery_request__attr-title button svg, .main_ui_auth_recovery_request__checkbox-icon.intermediate svg, .main_ui_auth_recovery_request__input-checkbox label span.intermediate svg, .main_ui_auth_recovery_request__checkbox-icon.checked svg, .main_ui_auth_recovery_request__input-checkbox label span.checked svg, .main_ui_auth_recovery_request__input-element span svg,
.main_ui_auth_recovery_request__input-element label svg, .main_ui_auth_recovery_request__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_auth_recovery_request__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_auth_recovery_request__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_auth_recovery_request__input-base, .main_ui_auth_recovery_request__input-with-label input, .main_ui_auth_recovery_request__input-element-label input, .main_ui_auth_recovery_request__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_auth_recovery_request__input-base[disabled], .main_ui_auth_recovery_request__input-with-label input[disabled], .main_ui_auth_recovery_request__input-element-label input[disabled], .main_ui_auth_recovery_request__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_auth_recovery_request__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_auth_recovery_request__input-label, .main_ui_auth_recovery_request__input-element span,
.main_ui_auth_recovery_request__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_auth_recovery_request__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_auth_recovery_request__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_auth_recovery_request__input-element span svg,
.main_ui_auth_recovery_request__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_auth_recovery_request__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_auth_recovery_request__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_auth_recovery_request__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_auth_recovery_request__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_auth_recovery_request__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_auth_recovery_request__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_auth_recovery_request__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_recovery_request__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_recovery_request__input-element:focus, .main_ui_auth_recovery_request__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_auth_recovery_request__input-element:focus span, .main_ui_auth_recovery_request__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_recovery_request__input-element:focus input, .main_ui_auth_recovery_request__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_recovery_request__input-element:focus:hover, .main_ui_auth_recovery_request__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_auth_recovery_request__input-element:focus:hover span, .main_ui_auth_recovery_request__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_recovery_request__input-element:focus:hover input, .main_ui_auth_recovery_request__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_auth_recovery_request__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_auth_recovery_request__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_auth_recovery_request__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_auth_recovery_request__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_auth_recovery_request__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_auth_recovery_request__input-element-label:focus-within input, .main_ui_auth_recovery_request__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_auth_recovery_request__disabled-input, .main_ui_auth_recovery_request__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_auth_recovery_request__disabled-input input, .main_ui_auth_recovery_request__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_auth_recovery_request__disabled-input span svg, .main_ui_auth_recovery_request__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_auth_recovery_request__checkbox-icon, .main_ui_auth_recovery_request__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_auth_recovery_request__checkbox-icon svg, .main_ui_auth_recovery_request__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_auth_recovery_request__checkbox-icon:hover, .main_ui_auth_recovery_request__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_auth_recovery_request__checkbox-icon:focus, .main_ui_auth_recovery_request__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_auth_recovery_request__checkbox-icon.checked, .main_ui_auth_recovery_request__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_auth_recovery_request__checkbox-icon.checked svg, .main_ui_auth_recovery_request__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_auth_recovery_request__checkbox-icon.intermediate, .main_ui_auth_recovery_request__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_auth_recovery_request__checkbox-icon.intermediate svg, .main_ui_auth_recovery_request__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_auth_recovery_request__checkbox-icon.unchecked, .main_ui_auth_recovery_request__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_auth_recovery_request__checkbox-icon.unchecked svg, .main_ui_auth_recovery_request__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_auth_recovery_request__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_auth_recovery_request__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_auth_recovery_request__input-checkbox label input {
  margin: 0;
}
.main_ui_auth_recovery_request__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_auth_recovery_request__input-checkbox label:focus span, .main_ui_auth_recovery_request__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_auth_recovery_request__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_auth_recovery_request__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_auth_recovery_request__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_auth_recovery_request__input-with-label input:focus-within, .main_ui_auth_recovery_request__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_auth_recovery_request__input-with-label input:focus-within input, .main_ui_auth_recovery_request__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_recovery_request__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_auth_recovery_request__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_auth_recovery_request__modal-overlay-base {
  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);
}

.main_ui_auth_recovery_request__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_auth_recovery_request__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_auth_recovery_request__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_auth_recovery_request__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_auth_recovery_request__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_auth_recovery_request__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_auth_recovery_request__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_auth_recovery_request__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_auth_recovery_request__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_auth_recovery_request__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_auth_recovery_request__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_auth_recovery_request__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_auth_recovery_request__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_auth_recovery_request__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_auth_recovery_request__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_auth_recovery_request__colorpicker-handler {
  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;
}
.main_ui_auth_recovery_request__colorpicker-handler:hover, .main_ui_auth_recovery_request__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_auth_recovery_request__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_auth_recovery_request__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_auth_recovery_request__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_auth_recovery_request__attr-title button {
  display: none;
}
.main_ui_auth_recovery_request__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_auth_recovery_request__attr-title:hover button {
  display: flex;
}

.main_ui_auth_recovery_request__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_auth_recovery_request__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_auth_recovery_request__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_auth_recovery_request__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_auth_recovery_request__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_auth_recovery_request__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_auth_recovery_request__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_auth_recovery_request__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_auth_recovery_request__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_auth_recovery_request__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_auth_recovery_request__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_auth_recovery_request__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_auth_recovery_request__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_auth_recovery_request__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_auth_recovery_request__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_auth_recovery_request__auth-form-wrapper {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.75rem;
}
.main_ui_auth_recovery_request__auth-form-wrapper form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.main_ui_auth_recovery_request__auth-title-wrapper {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.5rem;
}

.main_ui_auth_recovery_request__separator {
  border-color: var(--modal-separator-backogrund-color);
  margin: 0;
}

.main_ui_auth_recovery_request__auth-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--title-foreground-color-hover);
}

.main_ui_auth_recovery_request__auth-subtitle {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--title-foreground-color);
}

.main_ui_auth_recovery_request__auth-tagline {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  color: var(--title-foreground-color);
}

.main_ui_auth_recovery_request__form-field {
  --input-width: 100%;
  --input-height: 2.5rem;
  --input-min-width: 100%;
}

.main_ui_auth_recovery_request__buttons-stack {
  display: grid;
  gap: 0.5rem;
}

.main_ui_auth_recovery_request__login-button,
.main_ui_auth_recovery_request__login-ldap-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
  width: 100%;
}

.main_ui_auth_recovery_request__go-back {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  border-block-start: none;
}

.main_ui_auth_recovery_request__go-back-link {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
}

.main_ui_auth_recovery_request__links {
  display: grid;
  gap: 1.5rem;
}

.main_ui_auth_recovery_request__register,
.main_ui_auth_recovery_request__account,
.main_ui_auth_recovery_request__recovery-request,
.main_ui_auth_recovery_request__demo-account {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
}

.main_ui_auth_recovery_request__register-text,
.main_ui_auth_recovery_request__account-text,
.main_ui_auth_recovery_request__recovery-text,
.main_ui_auth_recovery_request__demo-account-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: right;
  color: var(--title-foreground-color);
}

.main_ui_auth_recovery_request__register-link,
.main_ui_auth_recovery_request__account-link,
.main_ui_auth_recovery_request__recovery-link,
.main_ui_auth_recovery_request__forgot-pass-link,
.main_ui_auth_recovery_request__demo-account-link {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
  background-color: transparent;
  border: none;
  display: inline;
  color: var(--link-foreground-color);
}
.main_ui_auth_recovery_request__register-link:hover,
.main_ui_auth_recovery_request__account-link:hover,
.main_ui_auth_recovery_request__recovery-link:hover,
.main_ui_auth_recovery_request__forgot-pass-link:hover,
.main_ui_auth_recovery_request__demo-account-link:hover {
  text-decoration: underline;
}

.main_ui_auth_recovery_request__forgot-password {
  display: flex;
  justify-content: flex-end;
}

.main_ui_auth_recovery_request__submit-btn,
.main_ui_auth_recovery_request__register-btn,
.main_ui_auth_recovery_request__recover-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
  width: 100%;
}

.main_ui_auth_recovery_request__login-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--button-foreground-color-focus);
}
.main_ui_auth_recovery_request__login-btn span {
  padding-block-start: 0.125rem;
}
.main_ui_auth_recovery_request__login-btn:hover {
  color: var(--button-foreground-color-focus);
  background-color: var(--button-secondary-background-color-hover);
}

.main_ui_auth_recovery_request__auth-buttons {
  display: flex;
  gap: 0.5rem;
}

.main_ui_auth_recovery_request__fields-row {
  margin-bottom: 0.5rem;
}

.main_ui_auth_recovery_request__notification-text-email {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  font-size: 1.25rem;
  color: var(--register-confirmation-color);
  margin-inline: 2.25rem;
}
@keyframes main_ui_auth_register__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_auth_register__new-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(170, 181, 186, 0.3) transparent;
}
.main_ui_auth_register__new-scrollbar:hover {
  scrollbar-color: rgba(170, 181, 186, 0.7) transparent;
}
.main_ui_auth_register__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_auth_register__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_auth_register__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_auth_register__new-scrollbar ::-webkit-scrollbar-thumb {
  background-color: rgba(170, 181, 186, 0.3);
  background-clip: content-box;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.main_ui_auth_register__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_auth_register__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_auth_register__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_auth_register__new-scrollbar ::placeholder,
.main_ui_auth_register__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_auth_register__button-primary, .main_ui_auth_register__login-button,
.main_ui_auth_register__login-ldap-button, .main_ui_auth_register__submit-btn,
.main_ui_auth_register__register-btn,
.main_ui_auth_register__recover-btn, .main_ui_auth_register__modal-danger-btn, .main_ui_auth_register__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  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: 0.5rem;
  min-height: 2rem;
}
.main_ui_auth_register__button-primary:focus-visible, .main_ui_auth_register__login-button:focus-visible,
.main_ui_auth_register__login-ldap-button:focus-visible, .main_ui_auth_register__submit-btn:focus-visible,
.main_ui_auth_register__register-btn:focus-visible,
.main_ui_auth_register__recover-btn:focus-visible, .main_ui_auth_register__modal-danger-btn:focus-visible, .main_ui_auth_register__modal-accept-btn: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);
}
.main_ui_auth_register__button-primary:focus-visible svg, .main_ui_auth_register__login-button:focus-visible svg,
.main_ui_auth_register__login-ldap-button:focus-visible svg, .main_ui_auth_register__submit-btn:focus-visible svg,
.main_ui_auth_register__register-btn:focus-visible svg,
.main_ui_auth_register__recover-btn:focus-visible svg, .main_ui_auth_register__modal-danger-btn:focus-visible svg, .main_ui_auth_register__modal-accept-btn:focus-visible svg,
.main_ui_auth_register__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_auth_register__button-primary svg, .main_ui_auth_register__login-button svg,
.main_ui_auth_register__login-ldap-button svg, .main_ui_auth_register__submit-btn svg,
.main_ui_auth_register__register-btn svg,
.main_ui_auth_register__recover-btn svg, .main_ui_auth_register__modal-danger-btn svg, .main_ui_auth_register__modal-accept-btn svg,
.main_ui_auth_register__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_auth_register__button-primary:hover, .main_ui_auth_register__login-button:hover,
.main_ui_auth_register__login-ldap-button:hover, .main_ui_auth_register__submit-btn:hover,
.main_ui_auth_register__register-btn:hover,
.main_ui_auth_register__recover-btn:hover, .main_ui_auth_register__modal-danger-btn:hover, .main_ui_auth_register__modal-accept-btn: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;
}
.main_ui_auth_register__button-primary:hover svg, .main_ui_auth_register__login-button:hover svg,
.main_ui_auth_register__login-ldap-button:hover svg, .main_ui_auth_register__submit-btn:hover svg,
.main_ui_auth_register__register-btn:hover svg,
.main_ui_auth_register__recover-btn:hover svg, .main_ui_auth_register__modal-danger-btn:hover svg, .main_ui_auth_register__modal-accept-btn:hover svg,
.main_ui_auth_register__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_auth_register__button-primary:active, .main_ui_auth_register__login-button:active,
.main_ui_auth_register__login-ldap-button:active, .main_ui_auth_register__submit-btn:active,
.main_ui_auth_register__register-btn:active,
.main_ui_auth_register__recover-btn:active, .main_ui_auth_register__modal-danger-btn:active, .main_ui_auth_register__modal-accept-btn: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;
}
.main_ui_auth_register__button-primary:active svg, .main_ui_auth_register__login-button:active svg,
.main_ui_auth_register__login-ldap-button:active svg, .main_ui_auth_register__submit-btn:active svg,
.main_ui_auth_register__register-btn:active svg,
.main_ui_auth_register__recover-btn:active svg, .main_ui_auth_register__modal-danger-btn:active svg, .main_ui_auth_register__modal-accept-btn:active svg,
.main_ui_auth_register__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_auth_register__button-primary.disabled, .main_ui_auth_register__login-button.disabled,
.main_ui_auth_register__login-ldap-button.disabled, .main_ui_auth_register__submit-btn.disabled,
.main_ui_auth_register__register-btn.disabled,
.main_ui_auth_register__recover-btn.disabled, .main_ui_auth_register__modal-danger-btn.disabled, .main_ui_auth_register__modal-accept-btn.disabled, .main_ui_auth_register__button-primary[disabled], [disabled].main_ui_auth_register__login-button,
[disabled].main_ui_auth_register__login-ldap-button, [disabled].main_ui_auth_register__submit-btn,
[disabled].main_ui_auth_register__register-btn,
[disabled].main_ui_auth_register__recover-btn, [disabled].main_ui_auth_register__modal-danger-btn, [disabled].main_ui_auth_register__modal-accept-btn, .main_ui_auth_register__button-primary:disabled, .main_ui_auth_register__login-button:disabled,
.main_ui_auth_register__login-ldap-button:disabled, .main_ui_auth_register__submit-btn:disabled,
.main_ui_auth_register__register-btn:disabled,
.main_ui_auth_register__recover-btn:disabled, .main_ui_auth_register__modal-danger-btn:disabled, .main_ui_auth_register__modal-accept-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_auth_register__button-secondary, .main_ui_auth_register__go-back-link, .main_ui_auth_register__modal-cancel-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  border: 1px solid var(--button-secondary-border-color-rest);
  color: var(--button-secondary-foreground-color-rest);
}
.main_ui_auth_register__button-secondary:focus-visible, .main_ui_auth_register__go-back-link:focus-visible, .main_ui_auth_register__modal-cancel-btn:focus-visible {
  outline: none;
  background-color: var(--button-secondary-background-color-focus);
  border: 1px solid var(--button-secondary-border-color-focus);
  color: var(--button-secondary-foreground-color-focus);
}
.main_ui_auth_register__button-secondary:focus-visible svg, .main_ui_auth_register__go-back-link:focus-visible svg, .main_ui_auth_register__modal-cancel-btn:focus-visible svg,
.main_ui_auth_register__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_auth_register__button-secondary svg, .main_ui_auth_register__go-back-link svg, .main_ui_auth_register__modal-cancel-btn svg,
.main_ui_auth_register__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_auth_register__button-secondary:hover, .main_ui_auth_register__go-back-link:hover, .main_ui_auth_register__modal-cancel-btn: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;
}
.main_ui_auth_register__button-secondary:hover svg, .main_ui_auth_register__go-back-link:hover svg, .main_ui_auth_register__modal-cancel-btn:hover svg,
.main_ui_auth_register__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_auth_register__button-secondary:active, .main_ui_auth_register__go-back-link:active, .main_ui_auth_register__modal-cancel-btn: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);
}
.main_ui_auth_register__button-secondary:active svg, .main_ui_auth_register__go-back-link:active svg, .main_ui_auth_register__modal-cancel-btn:active svg,
.main_ui_auth_register__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_auth_register__button-secondary.disabled, .main_ui_auth_register__go-back-link.disabled, .main_ui_auth_register__modal-cancel-btn.disabled, .main_ui_auth_register__button-secondary[disabled], [disabled].main_ui_auth_register__go-back-link, [disabled].main_ui_auth_register__modal-cancel-btn, .main_ui_auth_register__button-secondary:disabled, .main_ui_auth_register__go-back-link:disabled, .main_ui_auth_register__modal-cancel-btn:disabled {
  background-color: var(--button-background-color-disabled);
  border: 1px solid var(--button-border-color-disabled);
  color: var(--button-foreground-color-disabled);
  cursor: unset;
}

.main_ui_auth_register__button-tertiary, .main_ui_auth_register__attr-title button, .main_ui_auth_register__modal-close-btn-base {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  --button-tertiary-border-width: 0.125rem;
  border-radius: 0.5rem;
  color: var(--button-tertiary-foreground-color-rest);
  background-color: transparent;
  border: var(--button-tertiary-border-width) solid transparent;
  display: grid;
  place-content: center;
}
.main_ui_auth_register__button-tertiary:focus-visible, .main_ui_auth_register__attr-title button:focus-visible, .main_ui_auth_register__modal-close-btn-base: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);
}
.main_ui_auth_register__button-tertiary:focus-visible svg, .main_ui_auth_register__attr-title button:focus-visible svg, .main_ui_auth_register__modal-close-btn-base:focus-visible svg,
.main_ui_auth_register__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_auth_register__button-tertiary svg, .main_ui_auth_register__attr-title button svg, .main_ui_auth_register__modal-close-btn-base svg,
.main_ui_auth_register__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_auth_register__button-tertiary:hover, .main_ui_auth_register__attr-title button:hover, .main_ui_auth_register__modal-close-btn-base:hover {
  background-color: var(--button-tertiary-background-color-hover);
  color: var(--button-tertiary-foreground-color-hover);
  border-color: var(--button-secondary-border-color-hover);
}
.main_ui_auth_register__button-tertiary:hover svg, .main_ui_auth_register__attr-title button:hover svg, .main_ui_auth_register__modal-close-btn-base:hover svg,
.main_ui_auth_register__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_auth_register__button-tertiary:active, .main_ui_auth_register__attr-title button:active, .main_ui_auth_register__modal-close-btn-base:active {
  outline: none;
  border-color: transparent;
  background-color: var(--button-tertiary-background-color-active);
  color: var(--button-tertiary-foreground-color-active);
}
.main_ui_auth_register__button-tertiary:active svg, .main_ui_auth_register__attr-title button:active svg, .main_ui_auth_register__modal-close-btn-base:active svg,
.main_ui_auth_register__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_auth_register__button-tertiary.disabled, .main_ui_auth_register__attr-title button.disabled, .main_ui_auth_register__modal-close-btn-base.disabled, .main_ui_auth_register__button-tertiary[disabled], .main_ui_auth_register__attr-title button[disabled], [disabled].main_ui_auth_register__modal-close-btn-base, .main_ui_auth_register__button-tertiary:disabled, .main_ui_auth_register__attr-title button:disabled, .main_ui_auth_register__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_auth_register__button-tertiary.disabled svg, .main_ui_auth_register__attr-title button.disabled svg, .main_ui_auth_register__modal-close-btn-base.disabled svg,
.main_ui_auth_register__button-tertiary.disabled span svg, .main_ui_auth_register__button-tertiary[disabled] svg, .main_ui_auth_register__attr-title button[disabled] svg, [disabled].main_ui_auth_register__modal-close-btn-base svg,
.main_ui_auth_register__button-tertiary[disabled] span svg, .main_ui_auth_register__button-tertiary:disabled svg, .main_ui_auth_register__attr-title button:disabled svg, .main_ui_auth_register__modal-close-btn-base:disabled svg,
.main_ui_auth_register__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

.main_ui_auth_register__button-icon-selected {
  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);
}
.main_ui_auth_register__button-icon-selected svg {
  stroke: var(--button-icon-foreground-color-selected);
}

.main_ui_auth_register__button-radio {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--button-radio-foreground-color-rest);
  border-color: 1px solid var(--button-radio-background-color-rest);
}
.main_ui_auth_register__button-radio: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);
}
.main_ui_auth_register__button-radio:focus-visible svg,
.main_ui_auth_register__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_auth_register__button-radio svg,
.main_ui_auth_register__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_auth_register__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_auth_register__button-radio:hover svg,
.main_ui_auth_register__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_auth_register__button-radio:active {
  outline: none;
  border: 1px solid transparent;
  background-color: var(--button-radio-background-color-active);
  color: var(--button-radio-foreground-color-active);
}
.main_ui_auth_register__button-radio:active svg,
.main_ui_auth_register__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

.main_ui_auth_register__button-warning {
  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);
}

.main_ui_auth_register__button-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;
}

.main_ui_auth_register__button-tag {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_auth_register__button-tag: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);
}
.main_ui_auth_register__button-tag:focus-visible svg,
.main_ui_auth_register__button-tag:focus-visible span svg {
  stroke: var(--button-foreground-color-focus);
}
.main_ui_auth_register__button-tag:hover svg {
  stroke: var(--title-foreground-color-hover);
}
.main_ui_auth_register__button-tag:active {
  border: none;
  background-color: transparent;
}

.main_ui_auth_register__button-icon, .main_ui_auth_register__empty-icon svg, .main_ui_auth_register__modal-close-btn-base svg, .main_ui_auth_register__button-icon-small, .main_ui_auth_register__dropdown-element-base span svg, .main_ui_auth_register__attr-title button svg, .main_ui_auth_register__checkbox-icon.intermediate svg, .main_ui_auth_register__input-checkbox label span.intermediate svg, .main_ui_auth_register__checkbox-icon.checked svg, .main_ui_auth_register__input-checkbox label span.checked svg, .main_ui_auth_register__input-element span svg,
.main_ui_auth_register__input-element label svg, .main_ui_auth_register__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_auth_register__button-icon-small, .main_ui_auth_register__dropdown-element-base span svg, .main_ui_auth_register__attr-title button svg, .main_ui_auth_register__checkbox-icon.intermediate svg, .main_ui_auth_register__input-checkbox label span.intermediate svg, .main_ui_auth_register__checkbox-icon.checked svg, .main_ui_auth_register__input-checkbox label span.checked svg, .main_ui_auth_register__input-element span svg,
.main_ui_auth_register__input-element label svg, .main_ui_auth_register__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_auth_register__button-constraint {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_auth_register__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_auth_register__input-base, .main_ui_auth_register__input-with-label input, .main_ui_auth_register__input-element-label input, .main_ui_auth_register__input-element input {
  border: none;
  background: none;
  outline: none;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.75rem;
  width: 100%;
  flex-grow: 1;
  margin: 0.125rem 0;
  padding: 0 0 0 0.375rem;
  border-radius: 0.5rem;
  color: var(--input-foreground-color-active);
}
.main_ui_auth_register__input-base[disabled], .main_ui_auth_register__input-with-label input[disabled], .main_ui_auth_register__input-element-label input[disabled], .main_ui_auth_register__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_auth_register__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_auth_register__input-label, .main_ui_auth_register__input-element span,
.main_ui_auth_register__input-element label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  padding-left: 0.5rem;
  height: 2rem;
  color: var(--input-foreground-color);
}

.main_ui_auth_register__input-element {
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color);
}
.main_ui_auth_register__input-element:focus-within {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_auth_register__input-element span svg,
.main_ui_auth_register__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_auth_register__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_auth_register__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_auth_register__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_auth_register__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_auth_register__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_auth_register__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_auth_register__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_register__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_register__input-element:focus, .main_ui_auth_register__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_auth_register__input-element:focus span, .main_ui_auth_register__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_register__input-element:focus input, .main_ui_auth_register__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_register__input-element:focus:hover, .main_ui_auth_register__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_auth_register__input-element:focus:hover span, .main_ui_auth_register__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_register__input-element:focus:hover input, .main_ui_auth_register__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_auth_register__input-element-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_auth_register__input-element-label input {
  padding-left: 0.5rem;
  display: flex;
  align-items: flex-start;
  height: 2rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color);
}
.main_ui_auth_register__input-element-label ::-moz-placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_auth_register__input-element-label ::placeholder {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_auth_register__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_auth_register__input-element-label:focus-within input, .main_ui_auth_register__input-element-label:active input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}

.main_ui_auth_register__disabled-input, .main_ui_auth_register__input-with-label.disabled {
  background-color: var(--input-background-color-disabled);
  border: 1px solid var(--input-border-color-disabled);
  color: var(--input-foreground-color-disabled);
}
.main_ui_auth_register__disabled-input input, .main_ui_auth_register__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_auth_register__disabled-input span svg, .main_ui_auth_register__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_auth_register__checkbox-icon, .main_ui_auth_register__input-checkbox label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-border-color-rest);
  border-radius: 0.25rem;
}
.main_ui_auth_register__checkbox-icon svg, .main_ui_auth_register__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_auth_register__checkbox-icon:hover, .main_ui_auth_register__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_auth_register__checkbox-icon:focus, .main_ui_auth_register__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_auth_register__checkbox-icon.checked, .main_ui_auth_register__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_auth_register__checkbox-icon.checked svg, .main_ui_auth_register__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_auth_register__checkbox-icon.intermediate, .main_ui_auth_register__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_auth_register__checkbox-icon.intermediate svg, .main_ui_auth_register__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_auth_register__checkbox-icon.unchecked, .main_ui_auth_register__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_auth_register__checkbox-icon.unchecked svg, .main_ui_auth_register__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_auth_register__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_auth_register__input-checkbox label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
  color: var(--input-checkbox-text-foreground-color);
}
.main_ui_auth_register__input-checkbox label input {
  margin: 0;
}
.main_ui_auth_register__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_auth_register__input-checkbox label:focus span, .main_ui_auth_register__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_auth_register__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_auth_register__input-with-label label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 1rem;
  color: var(--input-foreground-color-active);
}
.main_ui_auth_register__input-with-label input {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 0.5rem;
  height: 2rem;
  min-height: 2rem;
  margin-top: 0.5rem;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  color: var(--input-foreground-color-active);
}
.main_ui_auth_register__input-with-label input:focus-within, .main_ui_auth_register__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_auth_register__input-with-label input:focus-within input, .main_ui_auth_register__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_register__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_auth_register__modal-background {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  z-index: 10;
  color: var(--modal-title-foreground-color);
  background-color: var(--modal-background-color);
}

.main_ui_auth_register__modal-overlay-base {
  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);
}

.main_ui_auth_register__modal-container-base {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  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;
}

.main_ui_auth_register__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_auth_register__modal-hint-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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);
}

.main_ui_auth_register__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_auth_register__modal-cancel-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_auth_register__modal-accept-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  margin: 0;
}

.main_ui_auth_register__modal-danger-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  height: 2rem;
  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);
}

.main_ui_auth_register__asset-element {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 2rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--assets-item-background-color);
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_auth_register__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_auth_register__shortcut-base {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  color: var(--menu-shortcut-foreground-color);
}

.main_ui_auth_register__shortcut-key-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--menu-shortcut-background-color);
}

.main_ui_auth_register__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-left: -0.25rem;
}
.main_ui_auth_register__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_auth_register__mixed-bar {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-radius: 0.5rem;
  height: 2rem;
  padding: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--input-foreground-color-active);
}

.main_ui_auth_register__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

.main_ui_auth_register__colorpicker-handler {
  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;
}
.main_ui_auth_register__colorpicker-handler:hover, .main_ui_auth_register__colorpicker-handler:active {
  border-color: var(--colorpicker-details-color-selected);
}

.main_ui_auth_register__empty-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--empty-message-background-color);
}
.main_ui_auth_register__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_auth_register__attr-title div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_auth_register__attr-title button {
  display: none;
}
.main_ui_auth_register__attr-title button svg {
  stroke: var(--icon-foreground);
}
.main_ui_auth_register__attr-title:hover button {
  display: flex;
}

.main_ui_auth_register__attr-row {
  display: grid;
  grid-template-areas: "name content";
  grid-template-columns: 5.75rem 1fr;
  gap: 0.25rem;
  height: 2rem;
}
.main_ui_auth_register__attr-row .attr-label {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  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.75rem;
  margin: auto 0;
  color: var(--entry-foreground-color);
  grid-area: name;
}
.main_ui_auth_register__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_auth_register__copy-button-children {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-foreground-primary);
  text-align: left;
  margin: 0;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_auth_register__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_auth_register__menu-dropdown {
  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: 0.5rem;
  z-index: 10;
  color: var(--title-foreground-color-hover);
  background-color: var(--menu-background-color);
  border: 0.125rem solid var(--panel-border-color);
  margin: 0;
}

.main_ui_auth_register__menu-item-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.75rem;
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.main_ui_auth_register__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_auth_register__dropdown-element-base {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: var(--menu-foreground-color-rest);
}
.main_ui_auth_register__dropdown-element-base span {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_ui_auth_register__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_auth_register__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_auth_register__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_auth_register__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  max-height: var(--menu-max-height, 18.75rem);
  padding: 0.125rem;
  margin: 0;
  margin-top: 1px;
  border-radius: 0.5rem;
  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);
}

.main_ui_auth_register__select-wrapper {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  width: 100%;
}

.main_ui_auth_register__auth-form-wrapper {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.75rem;
}
.main_ui_auth_register__auth-form-wrapper form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.main_ui_auth_register__auth-title-wrapper {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 0.5rem;
}

.main_ui_auth_register__separator {
  border-color: var(--modal-separator-backogrund-color);
  margin: 0;
}

.main_ui_auth_register__auth-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--title-foreground-color-hover);
}

.main_ui_auth_register__auth-subtitle {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--title-foreground-color);
}

.main_ui_auth_register__auth-tagline {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  color: var(--title-foreground-color);
}

.main_ui_auth_register__form-field {
  --input-width: 100%;
  --input-height: 2.5rem;
  --input-min-width: 100%;
}

.main_ui_auth_register__buttons-stack {
  display: grid;
  gap: 0.5rem;
}

.main_ui_auth_register__login-button,
.main_ui_auth_register__login-ldap-button {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
  width: 100%;
}

.main_ui_auth_register__go-back {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  border-block-start: none;
}

.main_ui_auth_register__go-back-link {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
}

.main_ui_auth_register__links {
  display: grid;
  gap: 1.5rem;
}

.main_ui_auth_register__register,
.main_ui_auth_register__account,
.main_ui_auth_register__recovery-request,
.main_ui_auth_register__demo-account {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
}

.main_ui_auth_register__register-text,
.main_ui_auth_register__account-text,
.main_ui_auth_register__recovery-text,
.main_ui_auth_register__demo-account-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: right;
  color: var(--title-foreground-color);
}

.main_ui_auth_register__register-link,
.main_ui_auth_register__account-link,
.main_ui_auth_register__recovery-link,
.main_ui_auth_register__forgot-pass-link,
.main_ui_auth_register__demo-account-link {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
  background-color: transparent;
  border: none;
  display: inline;
  color: var(--link-foreground-color);
}
.main_ui_auth_register__register-link:hover,
.main_ui_auth_register__account-link:hover,
.main_ui_auth_register__recovery-link:hover,
.main_ui_auth_register__forgot-pass-link:hover,
.main_ui_auth_register__demo-account-link:hover {
  text-decoration: underline;
}

.main_ui_auth_register__forgot-password {
  display: flex;
  justify-content: flex-end;
}

.main_ui_auth_register__submit-btn,
.main_ui_auth_register__register-btn,
.main_ui_auth_register__recover-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
  width: 100%;
}

.main_ui_auth_register__login-btn {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
  border-radius: 0.5rem;
  background-color: var(--button-secondary-background-color-rest);
  color: var(--button-foreground-color-focus);
}
.main_ui_auth_register__login-btn span {
  padding-block-start: 0.125rem;
}
.main_ui_auth_register__login-btn:hover {
  color: var(--button-foreground-color-focus);
  background-color: var(--button-secondary-background-color-hover);
}

.main_ui_auth_register__auth-buttons {
  display: flex;
  gap: 0.5rem;
}

.main_ui_auth_register__accept-terms-and-privacy-wrapper a {
  color: var(--color-foreground-secondary);
  font-weight: 700;
}

.main_ui_auth_register__checkbox-terms-and-privacy {
  align-items: flex-start;
}

.main_ui_auth_register__register-form {
  gap: 1.5rem;
}

.main_ui_auth_register__register-success {
  gap: 1.5rem;
}
.main_ui_auth_register__register-success .main_ui_auth_register__auth-title {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.main_ui_auth_register__notification-icon {
  fill: var(--main-icon-foreground);
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.main_ui_auth_register__notification-icon svg {
  width: 5.75rem;
  height: 5.75rem;
}

.main_ui_auth_register__notification-text {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 400;
  color: var(--title-foreground-color);
}

.main_ui_auth_register__notification-text-email {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  font-size: 1.25rem;
  color: var(--register-confirmation-color);
  margin-inline: 2.25rem;
}

.main_ui_auth_register__logo-btn {
  height: 2.5rem;
}
.main_ui_auth_register__logo-btn svg {
  width: 7.5rem;
  height: 2.5rem;
  fill: var(--main-icon-foreground);
}

.main_ui_auth_register__logo-container {
  display: flex;
  justify-content: flex-start;
  width: 7.5rem;
  margin-block-end: 1.5rem;
}

.main_ui_auth_register__terms-register {
  font-family: "worksans", "vazirmatn", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  gap: 0.25rem;
  justify-content: center;
  width: 100%;
}

.main_ui_auth_register__and-text {
  border-bottom: 1px solid transparent;
  color: var(--title-foreground-color);
}

.main_ui_auth_register__auth-link {
  color: var(--link-foreground-color);
}
.main_ui_auth_register__auth-link:hover {
  text-decoration: underline;
}